1
0
mirror of https://github.com/videojs/video.js.git synced 2025-11-25 22:41:47 +02:00

@misteroneill updated tests to qunit 2.0. closes #3509

This commit is contained in:
Pat O'Neill
2016-08-12 13:51:31 -04:00
committed by Gary Katsevman
parent b3e4e95f9c
commit 72c44daaf3
45 changed files with 1701 additions and 1700 deletions

View File

@@ -11,6 +11,7 @@ CHANGELOG
* @BrandonOCasey updated language docs to link to IANA language registry ([view](https://github.com/videojs/video.js/pull/3493)) * @BrandonOCasey updated language docs to link to IANA language registry ([view](https://github.com/videojs/video.js/pull/3493))
* @gkatsev removed unused dependencies ([view](https://github.com/videojs/video.js/pull/3516)) * @gkatsev removed unused dependencies ([view](https://github.com/videojs/video.js/pull/3516))
* @misteroneill enabled and updated videojs-standard and fixed an issue with linting ([view](https://github.com/videojs/video.js/pull/3508)) * @misteroneill enabled and updated videojs-standard and fixed an issue with linting ([view](https://github.com/videojs/video.js/pull/3508))
* @misteroneill updated tests to qunit 2.0 ([view](https://github.com/videojs/video.js/pull/3509))
-------------------- --------------------

View File

@@ -82,7 +82,7 @@
"karma-sinon": "^1.0.5", "karma-sinon": "^1.0.5",
"load-grunt-tasks": "^3.1.0", "load-grunt-tasks": "^3.1.0",
"proxyquireify": "^3.0.0", "proxyquireify": "^3.0.0",
"qunitjs": "^1.18.0", "qunitjs": "^2.0.1",
"sinon": "^1.16.1", "sinon": "^1.16.1",
"time-grunt": "^1.1.1", "time-grunt": "^1.1.1",
"uglify-js": "~2.3.6", "uglify-js": "~2.3.6",

View File

@@ -8,75 +8,75 @@ import window from 'global/window';
const videojs = window.videojs; const videojs = window.videojs;
QUnit.module('Player API'); QUnit.module('Player API');
QUnit.test('videojs should exist on the window', function() { QUnit.test('videojs should exist on the window', function(assert) {
QUnit.ok(window.videojs, 'videojs exists on the window'); assert.ok(window.videojs, 'videojs exists on the window');
}); });
QUnit.test('should be able to access expected player API methods', function() { QUnit.test('should be able to access expected player API methods', function(assert) {
const player = videojs.getComponent('Player').prototype; const player = videojs.getComponent('Player').prototype;
// Native HTML5 Methods // Native HTML5 Methods
QUnit.ok(player.error, 'error exists'); assert.ok(player.error, 'error exists');
QUnit.ok(player.src, 'src exists'); assert.ok(player.src, 'src exists');
QUnit.ok(player.currentSrc, 'currentSrc exists'); assert.ok(player.currentSrc, 'currentSrc exists');
QUnit.ok(player.buffered, 'buffered exists'); assert.ok(player.buffered, 'buffered exists');
QUnit.ok(player.load, 'load exists'); assert.ok(player.load, 'load exists');
QUnit.ok(player.seeking, 'seeking exists'); assert.ok(player.seeking, 'seeking exists');
QUnit.ok(player.currentTime, 'currentTime exists'); assert.ok(player.currentTime, 'currentTime exists');
QUnit.ok(player.duration, 'duration exists'); assert.ok(player.duration, 'duration exists');
QUnit.ok(player.paused, 'paused exists'); assert.ok(player.paused, 'paused exists');
QUnit.ok(player.ended, 'ended exists'); assert.ok(player.ended, 'ended exists');
QUnit.ok(player.autoplay, 'autoplay exists'); assert.ok(player.autoplay, 'autoplay exists');
QUnit.ok(player.loop, 'loop exists'); assert.ok(player.loop, 'loop exists');
QUnit.ok(player.play, 'play exists'); assert.ok(player.play, 'play exists');
QUnit.ok(player.pause, 'pause exists'); assert.ok(player.pause, 'pause exists');
QUnit.ok(player.controls, 'controls exists'); assert.ok(player.controls, 'controls exists');
QUnit.ok(player.volume, 'volume exists'); assert.ok(player.volume, 'volume exists');
QUnit.ok(player.muted, 'muted exists'); assert.ok(player.muted, 'muted exists');
QUnit.ok(player.width, 'width exists'); assert.ok(player.width, 'width exists');
QUnit.ok(player.height, 'height exists'); assert.ok(player.height, 'height exists');
QUnit.ok(player.poster, 'poster exists'); assert.ok(player.poster, 'poster exists');
QUnit.ok(player.textTracks, 'textTracks exists'); assert.ok(player.textTracks, 'textTracks exists');
QUnit.ok(player.requestFullscreen, 'requestFullscreen exists'); assert.ok(player.requestFullscreen, 'requestFullscreen exists');
QUnit.ok(player.exitFullscreen, 'exitFullscreen exists'); assert.ok(player.exitFullscreen, 'exitFullscreen exists');
QUnit.ok(player.playbackRate, 'playbackRate exists'); assert.ok(player.playbackRate, 'playbackRate exists');
QUnit.ok(player.networkState, 'networkState exists'); assert.ok(player.networkState, 'networkState exists');
QUnit.ok(player.readyState, 'readyState exists'); assert.ok(player.readyState, 'readyState exists');
// Unsupported Native HTML5 Methods // Unsupported Native HTML5 Methods
// QUnit.ok(player.canPlayType, 'canPlayType exists'); // assert.ok(player.canPlayType, 'canPlayType exists');
// QUnit.ok(player.startTime, 'startTime exists'); // assert.ok(player.startTime, 'startTime exists');
// QUnit.ok(player.defaultPlaybackRate, 'defaultPlaybackRate exists'); // assert.ok(player.defaultPlaybackRate, 'defaultPlaybackRate exists');
// QUnit.ok(player.playbackRate, 'playbackRate exists'); // assert.ok(player.playbackRate, 'playbackRate exists');
// QUnit.ok(player.played, 'played exists'); // assert.ok(player.played, 'played exists');
// QUnit.ok(player.seekable, 'seekable exists'); // assert.ok(player.seekable, 'seekable exists');
// QUnit.ok(player.videoWidth, 'videoWidth exists'); // assert.ok(player.videoWidth, 'videoWidth exists');
// QUnit.ok(player.videoHeight, 'videoHeight exists'); // assert.ok(player.videoHeight, 'videoHeight exists');
// Additional player methods // Additional player methods
QUnit.ok(player.bufferedPercent, 'bufferedPercent exists'); assert.ok(player.bufferedPercent, 'bufferedPercent exists');
QUnit.ok(player.reportUserActivity, 'reportUserActivity exists'); assert.ok(player.reportUserActivity, 'reportUserActivity exists');
QUnit.ok(player.userActive, 'userActive exists'); assert.ok(player.userActive, 'userActive exists');
QUnit.ok(player.usingNativeControls, 'usingNativeControls exists'); assert.ok(player.usingNativeControls, 'usingNativeControls exists');
QUnit.ok(player.isFullscreen, 'isFullscreen exists'); assert.ok(player.isFullscreen, 'isFullscreen exists');
// Track methods // Track methods
QUnit.ok(player.audioTracks, 'audioTracks exists'); assert.ok(player.audioTracks, 'audioTracks exists');
QUnit.ok(player.videoTracks, 'videoTracks exists'); assert.ok(player.videoTracks, 'videoTracks exists');
QUnit.ok(player.textTracks, 'textTracks exists'); assert.ok(player.textTracks, 'textTracks exists');
QUnit.ok(player.remoteTextTrackEls, 'remoteTextTrackEls exists'); assert.ok(player.remoteTextTrackEls, 'remoteTextTrackEls exists');
QUnit.ok(player.remoteTextTracks, 'remoteTextTracks exists'); assert.ok(player.remoteTextTracks, 'remoteTextTracks exists');
QUnit.ok(player.addTextTrack, 'addTextTrack exists'); assert.ok(player.addTextTrack, 'addTextTrack exists');
QUnit.ok(player.addRemoteTextTrack, 'addRemoteTextTrack exists'); assert.ok(player.addRemoteTextTrack, 'addRemoteTextTrack exists');
QUnit.ok(player.removeRemoteTextTrack, 'removeRemoteTextTrack exists'); assert.ok(player.removeRemoteTextTrack, 'removeRemoteTextTrack exists');
// Deprecated methods that should still exist // Deprecated methods that should still exist
QUnit.ok(player.requestFullScreen, 'requestFullScreen exists'); assert.ok(player.requestFullScreen, 'requestFullScreen exists');
QUnit.ok(player.isFullScreen, 'isFullScreen exists'); assert.ok(player.isFullScreen, 'isFullScreen exists');
QUnit.ok(player.cancelFullScreen, 'cancelFullScreen exists'); assert.ok(player.cancelFullScreen, 'cancelFullScreen exists');
}); });
QUnit.test('should be able to access expected component API methods', function() { QUnit.test('should be able to access expected component API methods', function(assert) {
const Component = videojs.getComponent('Component'); const Component = videojs.getComponent('Component');
const comp = new Component({ const comp = new Component({
id() { id() {
@@ -86,40 +86,40 @@ QUnit.test('should be able to access expected component API methods', function()
}); });
// Component methods // Component methods
QUnit.ok(comp.player, 'player exists'); assert.ok(comp.player, 'player exists');
QUnit.ok(comp.options, 'options exists'); assert.ok(comp.options, 'options exists');
QUnit.ok(comp.init, 'init exists'); assert.ok(comp.init, 'init exists');
QUnit.ok(comp.dispose, 'dispose exists'); assert.ok(comp.dispose, 'dispose exists');
QUnit.ok(comp.createEl, 'createEl exists'); assert.ok(comp.createEl, 'createEl exists');
QUnit.ok(comp.contentEl, 'contentEl exists'); assert.ok(comp.contentEl, 'contentEl exists');
QUnit.ok(comp.el, 'el exists'); assert.ok(comp.el, 'el exists');
QUnit.ok(comp.addChild, 'addChild exists'); assert.ok(comp.addChild, 'addChild exists');
QUnit.ok(comp.getChild, 'getChild exists'); assert.ok(comp.getChild, 'getChild exists');
QUnit.ok(comp.getChildById, 'getChildById exists'); assert.ok(comp.getChildById, 'getChildById exists');
QUnit.ok(comp.children, 'children exists'); assert.ok(comp.children, 'children exists');
QUnit.ok(comp.initChildren, 'initChildren exists'); assert.ok(comp.initChildren, 'initChildren exists');
QUnit.ok(comp.removeChild, 'removeChild exists'); assert.ok(comp.removeChild, 'removeChild exists');
QUnit.ok(comp.on, 'on exists'); assert.ok(comp.on, 'on exists');
QUnit.ok(comp.off, 'off exists'); assert.ok(comp.off, 'off exists');
QUnit.ok(comp.one, 'one exists'); assert.ok(comp.one, 'one exists');
QUnit.ok(comp.trigger, 'trigger exists'); assert.ok(comp.trigger, 'trigger exists');
QUnit.ok(comp.triggerReady, 'triggerReady exists'); assert.ok(comp.triggerReady, 'triggerReady exists');
QUnit.ok(comp.show, 'show exists'); assert.ok(comp.show, 'show exists');
QUnit.ok(comp.hide, 'hide exists'); assert.ok(comp.hide, 'hide exists');
QUnit.ok(comp.width, 'width exists'); assert.ok(comp.width, 'width exists');
QUnit.ok(comp.height, 'height exists'); assert.ok(comp.height, 'height exists');
QUnit.ok(comp.dimensions, 'dimensions exists'); assert.ok(comp.dimensions, 'dimensions exists');
QUnit.ok(comp.ready, 'ready exists'); assert.ok(comp.ready, 'ready exists');
QUnit.ok(comp.addClass, 'addClass exists'); assert.ok(comp.addClass, 'addClass exists');
QUnit.ok(comp.removeClass, 'removeClass exists'); assert.ok(comp.removeClass, 'removeClass exists');
QUnit.ok(comp.buildCSSClass, 'buildCSSClass exists'); assert.ok(comp.buildCSSClass, 'buildCSSClass exists');
QUnit.ok(comp.setInterval, 'setInterval exists'); assert.ok(comp.setInterval, 'setInterval exists');
QUnit.ok(comp.clearInterval, 'clearInterval exists'); assert.ok(comp.clearInterval, 'clearInterval exists');
QUnit.ok(comp.setTimeout, 'setTimeout exists'); assert.ok(comp.setTimeout, 'setTimeout exists');
QUnit.ok(comp.clearTimeout, 'clearTimeout exists'); assert.ok(comp.clearTimeout, 'clearTimeout exists');
}); });
QUnit.test('should be able to access expected MediaTech API methods', function() { QUnit.test('should be able to access expected MediaTech API methods', function(assert) {
const media = videojs.getComponent('Tech'); const media = videojs.getComponent('Tech');
const mediaProto = media.prototype; const mediaProto = media.prototype;
const html5 = videojs.getComponent('Html5'); const html5 = videojs.getComponent('Html5');
@@ -127,32 +127,32 @@ QUnit.test('should be able to access expected MediaTech API methods', function()
const flash = videojs.getComponent('Flash'); const flash = videojs.getComponent('Flash');
const flashProto = flash.prototype; const flashProto = flash.prototype;
QUnit.ok(mediaProto.setPoster, 'setPoster should exist on the Media tech'); assert.ok(mediaProto.setPoster, 'setPoster should exist on the Media tech');
QUnit.ok(html5Proto.setPoster, 'setPoster should exist on the HTML5 tech'); assert.ok(html5Proto.setPoster, 'setPoster should exist on the HTML5 tech');
QUnit.ok(flashProto.setPoster, 'setPoster should exist on the Flash tech'); assert.ok(flashProto.setPoster, 'setPoster should exist on the Flash tech');
QUnit.ok(html5.patchCanPlayType, 'patchCanPlayType should exist for HTML5'); assert.ok(html5.patchCanPlayType, 'patchCanPlayType should exist for HTML5');
QUnit.ok(html5.unpatchCanPlayType, 'unpatchCanPlayType should exist for HTML5'); assert.ok(html5.unpatchCanPlayType, 'unpatchCanPlayType should exist for HTML5');
// Source Handler Functions // Source Handler Functions
QUnit.ok(media.withSourceHandlers, 'withSourceHandlers should exist for Media Tech'); assert.ok(media.withSourceHandlers, 'withSourceHandlers should exist for Media Tech');
QUnit.ok(html5.canPlaySource, 'canPlaySource should exist for HTML5'); assert.ok(html5.canPlaySource, 'canPlaySource should exist for HTML5');
QUnit.ok(html5.registerSourceHandler, 'registerSourceHandler should exist for Html5'); assert.ok(html5.registerSourceHandler, 'registerSourceHandler should exist for Html5');
QUnit.ok(html5.selectSourceHandler, 'selectSourceHandler should exist for Html5'); assert.ok(html5.selectSourceHandler, 'selectSourceHandler should exist for Html5');
QUnit.ok(html5.prototype.setSource, 'setSource should exist for Html5'); assert.ok(html5.prototype.setSource, 'setSource should exist for Html5');
QUnit.ok(html5.prototype.disposeSourceHandler, assert.ok(html5.prototype.disposeSourceHandler,
'disposeSourceHandler should exist for Html5'); 'disposeSourceHandler should exist for Html5');
QUnit.ok(flash.canPlaySource, 'canPlaySource should exist for Flash'); assert.ok(flash.canPlaySource, 'canPlaySource should exist for Flash');
QUnit.ok(flash.registerSourceHandler, 'registerSourceHandler should exist for Flash'); assert.ok(flash.registerSourceHandler, 'registerSourceHandler should exist for Flash');
QUnit.ok(flash.selectSourceHandler, 'selectSourceHandler should exist for Flash'); assert.ok(flash.selectSourceHandler, 'selectSourceHandler should exist for Flash');
QUnit.ok(flash.prototype.setSource, 'setSource should exist for Flash'); assert.ok(flash.prototype.setSource, 'setSource should exist for Flash');
QUnit.ok(flash.prototype.disposeSourceHandler, assert.ok(flash.prototype.disposeSourceHandler,
'disposeSourceHandler should exist for Flash'); 'disposeSourceHandler should exist for Flash');
}); });
QUnit.test('should export ready api call to public', function() { QUnit.test('should export ready api call to public', function(assert) {
const videoTag = testHelperMakeTag(); const videoTag = testHelperMakeTag();
const fixture = document.getElementById('qunit-fixture'); const fixture = document.getElementById('qunit-fixture');
@@ -160,62 +160,62 @@ QUnit.test('should export ready api call to public', function() {
const player = videojs('example_1'); const player = videojs('example_1');
QUnit.ok(player.ready !== undefined, 'ready callback is defined'); assert.ok(player.ready !== undefined, 'ready callback is defined');
player.dispose(); player.dispose();
}); });
QUnit.test('should export useful components to the public', function() { QUnit.test('should export useful components to the public', function(assert) {
QUnit.ok(videojs.browser.TOUCH_ENABLED !== undefined, assert.ok(videojs.browser.TOUCH_ENABLED !== undefined,
'Touch detection should be public'); 'Touch detection should be public');
QUnit.ok(videojs.getComponent('ControlBar'), 'ControlBar should be public'); assert.ok(videojs.getComponent('ControlBar'), 'ControlBar should be public');
QUnit.ok(videojs.getComponent('Button'), 'Button should be public'); assert.ok(videojs.getComponent('Button'), 'Button should be public');
QUnit.ok(videojs.getComponent('PlayToggle'), 'PlayToggle should be public'); assert.ok(videojs.getComponent('PlayToggle'), 'PlayToggle should be public');
QUnit.ok(videojs.getComponent('FullscreenToggle'), 'FullscreenToggle should be public'); assert.ok(videojs.getComponent('FullscreenToggle'), 'FullscreenToggle should be public');
QUnit.ok(videojs.getComponent('BigPlayButton'), 'BigPlayButton should be public'); assert.ok(videojs.getComponent('BigPlayButton'), 'BigPlayButton should be public');
QUnit.ok(videojs.getComponent('LoadingSpinner'), 'LoadingSpinner should be public'); assert.ok(videojs.getComponent('LoadingSpinner'), 'LoadingSpinner should be public');
QUnit.ok(videojs.getComponent('CurrentTimeDisplay'), assert.ok(videojs.getComponent('CurrentTimeDisplay'),
'CurrentTimeDisplay should be public'); 'CurrentTimeDisplay should be public');
QUnit.ok(videojs.getComponent('DurationDisplay'), 'DurationDisplay should be public'); assert.ok(videojs.getComponent('DurationDisplay'), 'DurationDisplay should be public');
QUnit.ok(videojs.getComponent('TimeDivider'), 'TimeDivider should be public'); assert.ok(videojs.getComponent('TimeDivider'), 'TimeDivider should be public');
QUnit.ok(videojs.getComponent('RemainingTimeDisplay'), assert.ok(videojs.getComponent('RemainingTimeDisplay'),
'RemainingTimeDisplay should be public'); 'RemainingTimeDisplay should be public');
QUnit.ok(videojs.getComponent('Slider'), 'Slider should be public'); assert.ok(videojs.getComponent('Slider'), 'Slider should be public');
QUnit.ok(videojs.getComponent('ProgressControl'), 'ProgressControl should be public'); assert.ok(videojs.getComponent('ProgressControl'), 'ProgressControl should be public');
QUnit.ok(videojs.getComponent('SeekBar'), 'SeekBar should be public'); assert.ok(videojs.getComponent('SeekBar'), 'SeekBar should be public');
QUnit.ok(videojs.getComponent('LoadProgressBar'), 'LoadProgressBar should be public'); assert.ok(videojs.getComponent('LoadProgressBar'), 'LoadProgressBar should be public');
QUnit.ok(videojs.getComponent('PlayProgressBar'), 'PlayProgressBar should be public'); assert.ok(videojs.getComponent('PlayProgressBar'), 'PlayProgressBar should be public');
QUnit.ok(videojs.getComponent('VolumeControl'), 'VolumeControl should be public'); assert.ok(videojs.getComponent('VolumeControl'), 'VolumeControl should be public');
QUnit.ok(videojs.getComponent('VolumeBar'), 'VolumeBar should be public'); assert.ok(videojs.getComponent('VolumeBar'), 'VolumeBar should be public');
QUnit.ok(videojs.getComponent('VolumeLevel'), 'VolumeLevel should be public'); assert.ok(videojs.getComponent('VolumeLevel'), 'VolumeLevel should be public');
QUnit.ok(videojs.getComponent('VolumeMenuButton'), 'VolumeMenuButton should be public'); assert.ok(videojs.getComponent('VolumeMenuButton'), 'VolumeMenuButton should be public');
QUnit.ok(videojs.getComponent('MuteToggle'), 'MuteToggle should be public'); assert.ok(videojs.getComponent('MuteToggle'), 'MuteToggle should be public');
QUnit.ok(videojs.getComponent('PosterImage'), 'PosterImage should be public'); assert.ok(videojs.getComponent('PosterImage'), 'PosterImage should be public');
QUnit.ok(videojs.getComponent('Menu'), 'Menu should be public'); assert.ok(videojs.getComponent('Menu'), 'Menu should be public');
QUnit.ok(videojs.getComponent('MenuItem'), 'MenuItem should be public'); assert.ok(videojs.getComponent('MenuItem'), 'MenuItem should be public');
QUnit.ok(videojs.getComponent('MenuButton'), 'MenuButton should be public'); assert.ok(videojs.getComponent('MenuButton'), 'MenuButton should be public');
QUnit.ok(videojs.getComponent('PlaybackRateMenuButton'), assert.ok(videojs.getComponent('PlaybackRateMenuButton'),
'PlaybackRateMenuButton should be public'); 'PlaybackRateMenuButton should be public');
QUnit.ok(videojs.getComponent('CaptionSettingsMenuItem'), assert.ok(videojs.getComponent('CaptionSettingsMenuItem'),
'CaptionSettingsMenuItem should be public'); 'CaptionSettingsMenuItem should be public');
QUnit.ok(videojs.getComponent('OffTextTrackMenuItem'), assert.ok(videojs.getComponent('OffTextTrackMenuItem'),
'OffTextTrackMenuItem should be public'); 'OffTextTrackMenuItem should be public');
QUnit.ok(videojs.getComponent('TextTrackMenuItem'), assert.ok(videojs.getComponent('TextTrackMenuItem'),
'TextTrackMenuItem should be public'); 'TextTrackMenuItem should be public');
QUnit.ok(videojs.getComponent('TextTrackDisplay'), 'TextTrackDisplay should be public'); assert.ok(videojs.getComponent('TextTrackDisplay'), 'TextTrackDisplay should be public');
QUnit.ok(videojs.getComponent('TextTrackButton'), 'TextTrackButton should be public'); assert.ok(videojs.getComponent('TextTrackButton'), 'TextTrackButton should be public');
QUnit.ok(videojs.getComponent('CaptionsButton'), 'CaptionsButton should be public'); assert.ok(videojs.getComponent('CaptionsButton'), 'CaptionsButton should be public');
QUnit.ok(videojs.getComponent('SubtitlesButton'), 'SubtitlesButton should be public'); assert.ok(videojs.getComponent('SubtitlesButton'), 'SubtitlesButton should be public');
QUnit.ok(videojs.getComponent('DescriptionsButton'), assert.ok(videojs.getComponent('DescriptionsButton'),
'DescriptionsButton should be public'); 'DescriptionsButton should be public');
QUnit.ok(videojs.getComponent('ChaptersButton'), 'ChaptersButton should be public'); assert.ok(videojs.getComponent('ChaptersButton'), 'ChaptersButton should be public');
QUnit.ok(videojs.getComponent('ChaptersTrackMenuItem'), assert.ok(videojs.getComponent('ChaptersTrackMenuItem'),
'ChaptersTrackMenuItem should be public'); 'ChaptersTrackMenuItem should be public');
QUnit.ok(videojs.mergeOptions, 'mergeOptions should be public'); assert.ok(videojs.mergeOptions, 'mergeOptions should be public');
}); });
QUnit.test('should be able to initialize player twice on the same tag using string reference', function() { QUnit.test('should be able to initialize player twice on the same tag using string reference', function(assert) {
const videoTag = testHelperMakeTag(); const videoTag = testHelperMakeTag();
const id = videoTag.id; const id = videoTag.id;
const fixture = document.getElementById('qunit-fixture'); const fixture = document.getElementById('qunit-fixture');
@@ -225,7 +225,7 @@ QUnit.test('should be able to initialize player twice on the same tag using stri
const player = videojs('example_1'); const player = videojs('example_1');
player.dispose(); player.dispose();
QUnit.ok(!document.getElementById(id), 'element is removed'); assert.ok(!document.getElementById(id), 'element is removed');
videoTag = testHelperMakeTag(); videoTag = testHelperMakeTag();
fixture.appendChild(videoTag); fixture.appendChild(videoTag);
@@ -234,7 +234,7 @@ QUnit.test('should be able to initialize player twice on the same tag using stri
player.dispose(); player.dispose();
}); });
QUnit.test('videojs.getPlayers() should be available after minification', function() { QUnit.test('videojs.getPlayers() should be available after minification', function(assert) {
const videoTag = testHelperMakeTag(); const videoTag = testHelperMakeTag();
const id = videoTag.id; const id = videoTag.id;
const fixture = document.getElementById('qunit-fixture'); const fixture = document.getElementById('qunit-fixture');
@@ -243,12 +243,12 @@ QUnit.test('videojs.getPlayers() should be available after minification', functi
const player = videojs(id); const player = videojs(id);
QUnit.ok(videojs.getPlayers()[id] === player, 'videojs.getPlayers() is available'); assert.ok(videojs.getPlayers()[id] === player, 'videojs.getPlayers() is available');
player.dispose(); player.dispose();
}); });
QUnit.test('component can be subclassed externally', function() { QUnit.test('component can be subclassed externally', function(assert) {
const Component = videojs.getComponent('Component'); const Component = videojs.getComponent('Component');
const ControlBar = videojs.getComponent('ControlBar'); const ControlBar = videojs.getComponent('ControlBar');
@@ -265,7 +265,7 @@ QUnit.test('component can be subclassed externally', function() {
reportUserActivity() {} reportUserActivity() {}
}); });
QUnit.ok(new ControlBar(player), 'created a control bar without throwing'); assert.ok(new ControlBar(player), 'created a control bar without throwing');
}); });
function testHelperMakeTag() { function testHelperMakeTag() {
@@ -276,7 +276,7 @@ function testHelperMakeTag() {
return videoTag; return videoTag;
} }
QUnit.test('should extend Component', function() { QUnit.test('should extend Component', function(assert) {
const Component = videojs.getComponent('Component'); const Component = videojs.getComponent('Component');
const MyComponent = videojs.extend(Component, { const MyComponent = videojs.extend(Component, {
constructor() { constructor() {
@@ -289,13 +289,13 @@ QUnit.test('should extend Component', function() {
const myComponent = new MyComponent(); const myComponent = new MyComponent();
QUnit.ok(myComponent instanceof Component, 'creates an instance of Component'); assert.ok(myComponent instanceof Component, 'creates an instance of Component');
QUnit.ok(myComponent instanceof MyComponent, 'creates an instance of MyComponent'); assert.ok(myComponent instanceof MyComponent, 'creates an instance of MyComponent');
QUnit.ok(myComponent.bar, 'the constructor function is used'); assert.ok(myComponent.bar, 'the constructor function is used');
QUnit.ok(myComponent.foo(), 'instance methods are applied'); assert.ok(myComponent.foo(), 'instance methods are applied');
const NoMethods = videojs.extend(Component); const NoMethods = videojs.extend(Component);
const noMethods = new NoMethods({}); const noMethods = new NoMethods({});
QUnit.ok(noMethods.on, 'should extend component with no methods or constructor'); assert.ok(noMethods.on, 'should extend component with no methods or constructor');
}); });

View File

@@ -4,8 +4,8 @@ import TestHelpers from './test-helpers.js';
QUnit.module('Button'); QUnit.module('Button');
QUnit.test('should localize its text', function() { QUnit.test('should localize its text', function(assert) {
QUnit.expect(3); assert.expect(3);
const player = TestHelpers.makePlayer({ const player = TestHelpers.makePlayer({
language: 'es', language: 'es',
@@ -21,7 +21,7 @@ QUnit.test('should localize its text', function() {
testButton.controlText_ = 'Play'; testButton.controlText_ = 'Play';
const el = testButton.createEl(); const el = testButton.createEl();
QUnit.ok(el.nodeName.toLowerCase().match('button')); assert.ok(el.nodeName.toLowerCase().match('button'));
QUnit.ok(el.innerHTML.match(/vjs-control-text"?>Juego/)); assert.ok(el.innerHTML.match(/vjs-control-text"?>Juego/));
QUnit.equal(el.getAttribute('title'), 'Juego'); assert.equal(el.getAttribute('title'), 'Juego');
}); });

View File

@@ -4,37 +4,37 @@ import TestHelpers from './test-helpers.js';
QUnit.module('ClickableComponent'); QUnit.module('ClickableComponent');
QUnit.test('should create a div with role="button"', function() { QUnit.test('should create a div with role="button"', function(assert) {
QUnit.expect(2); assert.expect(2);
const player = TestHelpers.makePlayer({}); const player = TestHelpers.makePlayer({});
const testClickableComponent = new ClickableComponent(player); const testClickableComponent = new ClickableComponent(player);
const el = testClickableComponent.createEl(); const el = testClickableComponent.createEl();
QUnit.equal(el.nodeName.toLowerCase(), 'div', 'the name of the element is "div"'); assert.equal(el.nodeName.toLowerCase(), 'div', 'the name of the element is "div"');
QUnit.equal(el.getAttribute('role').toLowerCase(), 'button', 'the role of the element is "button"'); assert.equal(el.getAttribute('role').toLowerCase(), 'button', 'the role of the element is "button"');
testClickableComponent.dispose(); testClickableComponent.dispose();
player.dispose(); player.dispose();
}); });
QUnit.test('should be enabled/disabled', function() { QUnit.test('should be enabled/disabled', function(assert) {
QUnit.expect(3); assert.expect(3);
const player = TestHelpers.makePlayer({}); const player = TestHelpers.makePlayer({});
const testClickableComponent = new ClickableComponent(player); const testClickableComponent = new ClickableComponent(player);
QUnit.equal(testClickableComponent.hasClass('vjs-disabled'), false, 'ClickableComponent defaults to enabled'); assert.equal(testClickableComponent.hasClass('vjs-disabled'), false, 'ClickableComponent defaults to enabled');
testClickableComponent.disable(); testClickableComponent.disable();
QUnit.equal(testClickableComponent.hasClass('vjs-disabled'), true, 'ClickableComponent is disabled'); assert.equal(testClickableComponent.hasClass('vjs-disabled'), true, 'ClickableComponent is disabled');
testClickableComponent.enable(); testClickableComponent.enable();
QUnit.equal(testClickableComponent.hasClass('vjs-disabled'), false, 'ClickableComponent is enabled'); assert.equal(testClickableComponent.hasClass('vjs-disabled'), false, 'ClickableComponent is enabled');
testClickableComponent.dispose(); testClickableComponent.dispose();
player.dispose(); player.dispose();

View File

@@ -23,10 +23,10 @@ Component.registerComponent('TestComponent3', TestComponent3);
Component.registerComponent('TestComponent4', TestComponent4); Component.registerComponent('TestComponent4', TestComponent4);
QUnit.module('Component', { QUnit.module('Component', {
setup() { beforeEach() {
this.clock = sinon.useFakeTimers(); this.clock = sinon.useFakeTimers();
}, },
teardown() { afterEach() {
this.clock.restore(); this.clock.restore();
} }
}); });
@@ -41,76 +41,76 @@ const getFakePlayer = function() {
}; };
}; };
QUnit.test('should create an element', function() { QUnit.test('should create an element', function(assert) {
const comp = new Component(getFakePlayer(), {}); const comp = new Component(getFakePlayer(), {});
QUnit.ok(comp.el().nodeName); assert.ok(comp.el().nodeName);
}); });
QUnit.test('should add a child component', function() { QUnit.test('should add a child component', function(assert) {
const comp = new Component(getFakePlayer()); const comp = new Component(getFakePlayer());
const child = comp.addChild('component'); const child = comp.addChild('component');
QUnit.ok(comp.children().length === 1); assert.ok(comp.children().length === 1);
QUnit.ok(comp.children()[0] === child); assert.ok(comp.children()[0] === child);
QUnit.ok(comp.el().childNodes[0] === child.el()); assert.ok(comp.el().childNodes[0] === child.el());
QUnit.ok(comp.getChild('component') === child); assert.ok(comp.getChild('component') === child);
QUnit.ok(comp.getChildById(child.id()) === child); assert.ok(comp.getChildById(child.id()) === child);
}); });
QUnit.test('should add a child component to an index', function() { QUnit.test('should add a child component to an index', function(assert) {
const comp = new Component(getFakePlayer()); const comp = new Component(getFakePlayer());
const child = comp.addChild('component'); const child = comp.addChild('component');
QUnit.ok(comp.children().length === 1); assert.ok(comp.children().length === 1);
QUnit.ok(comp.children()[0] === child); assert.ok(comp.children()[0] === child);
const child0 = comp.addChild('component', {}, 0); const child0 = comp.addChild('component', {}, 0);
QUnit.ok(comp.children().length === 2); assert.ok(comp.children().length === 2);
QUnit.ok(comp.children()[0] === child0); assert.ok(comp.children()[0] === child0);
QUnit.ok(comp.children()[1] === child); assert.ok(comp.children()[1] === child);
const child1 = comp.addChild('component', {}, '2'); const child1 = comp.addChild('component', {}, '2');
QUnit.ok(comp.children().length === 3); assert.ok(comp.children().length === 3);
QUnit.ok(comp.children()[2] === child1); assert.ok(comp.children()[2] === child1);
const child2 = comp.addChild('component', {}, undefined); const child2 = comp.addChild('component', {}, undefined);
QUnit.ok(comp.children().length === 4); assert.ok(comp.children().length === 4);
QUnit.ok(comp.children()[3] === child2); assert.ok(comp.children()[3] === child2);
const child3 = comp.addChild('component', {}, -1); const child3 = comp.addChild('component', {}, -1);
QUnit.ok(comp.children().length === 5); assert.ok(comp.children().length === 5);
QUnit.ok(comp.children()[3] === child3); assert.ok(comp.children()[3] === child3);
QUnit.ok(comp.children()[4] === child2); assert.ok(comp.children()[4] === child2);
}); });
QUnit.test('addChild should throw if the child does not exist', function() { QUnit.test('addChild should throw if the child does not exist', function(assert) {
const comp = new Component(getFakePlayer()); const comp = new Component(getFakePlayer());
throws(function() { assert.throws(function() {
comp.addChild('non-existent-child'); comp.addChild('non-existent-child');
}, new Error('Component Non-existent-child does not exist'), 'addChild threw'); }, new Error('Component Non-existent-child does not exist'), 'addChild threw');
}); });
QUnit.test('should init child components from options', function() { QUnit.test('should init child components from options', function(assert) {
const comp = new Component(getFakePlayer(), { const comp = new Component(getFakePlayer(), {
children: { children: {
component: {} component: {}
} }
}); });
QUnit.ok(comp.children().length === 1); assert.ok(comp.children().length === 1);
QUnit.ok(comp.el().childNodes.length === 1); assert.ok(comp.el().childNodes.length === 1);
}); });
QUnit.test('should init child components from simple children array', function() { QUnit.test('should init child components from simple children array', function(assert) {
const comp = new Component(getFakePlayer(), { const comp = new Component(getFakePlayer(), {
children: [ children: [
'component', 'component',
@@ -119,11 +119,11 @@ QUnit.test('should init child components from simple children array', function()
] ]
}); });
QUnit.ok(comp.children().length === 3); assert.ok(comp.children().length === 3);
QUnit.ok(comp.el().childNodes.length === 3); assert.ok(comp.el().childNodes.length === 3);
}); });
QUnit.test('should init child components from children array of objects', function() { QUnit.test('should init child components from children array of objects', function(assert) {
const comp = new Component(getFakePlayer(), { const comp = new Component(getFakePlayer(), {
children: [ children: [
{ name: 'component' }, { name: 'component' },
@@ -132,11 +132,11 @@ QUnit.test('should init child components from children array of objects', functi
] ]
}); });
QUnit.ok(comp.children().length === 3); assert.ok(comp.children().length === 3);
QUnit.ok(comp.el().childNodes.length === 3); assert.ok(comp.el().childNodes.length === 3);
}); });
QUnit.test('should do a deep merge of child options', function() { QUnit.test('should do a deep merge of child options', function(assert) {
// Create a default option for component // Create a default option for component
Component.prototype.options_ = { Component.prototype.options_ = {
example: { example: {
@@ -157,31 +157,32 @@ QUnit.test('should do a deep merge of child options', function() {
const mergedOptions = comp.options_; const mergedOptions = comp.options_;
const children = mergedOptions.example; const children = mergedOptions.example;
QUnit.strictEqual(children.childOne.foo, 'baz', 'value three levels deep overridden'); assert.strictEqual(children.childOne.foo, 'baz', 'value three levels deep overridden');
QUnit.strictEqual(children.childOne.asdf, 'fdsa', 'value three levels deep maintained'); assert.strictEqual(children.childOne.asdf, 'fdsa', 'value three levels deep maintained');
QUnit.strictEqual(children.childOne.abc, '123', 'value three levels deep added'); assert.strictEqual(children.childOne.abc, '123', 'value three levels deep added');
QUnit.ok(children.childTwo, 'object two levels deep maintained'); assert.ok(children.childTwo, 'object two levels deep maintained');
QUnit.strictEqual(children.childThree, false, 'object two levels deep removed'); assert.strictEqual(children.childThree, false, 'object two levels deep removed');
QUnit.ok(children.childFour, 'object two levels deep added'); assert.ok(children.childFour, 'object two levels deep added');
QUnit.strictEqual(Component.prototype.options_.example.childOne.foo, 'bar', assert.strictEqual(Component.prototype.options_.example.childOne.foo,
'prototype options were not overridden'); 'bar',
'prototype options were not overridden');
// Reset default component options to none // Reset default component options to none
Component.prototype.options_ = null; Component.prototype.options_ = null;
}); });
QUnit.test('should init child components from component options', function() { QUnit.test('should init child components from component options', function(assert) {
const testComp = new TestComponent1(TestHelpers.makePlayer(), { const testComp = new TestComponent1(TestHelpers.makePlayer(), {
testComponent2: false, testComponent2: false,
testComponent4: {} testComponent4: {}
}); });
QUnit.ok(!testComp.childNameIndex_.testComponent2, 'we do not have testComponent2'); assert.ok(!testComp.childNameIndex_.testComponent2, 'we do not have testComponent2');
QUnit.ok(testComp.childNameIndex_.testComponent4, 'we have a testComponent4'); assert.ok(testComp.childNameIndex_.testComponent4, 'we have a testComponent4');
}); });
QUnit.test('should allows setting child options at the parent options level', function() { QUnit.test('should allows setting child options at the parent options level', function(assert) {
let parent; let parent;
// using children array // using children array
@@ -200,10 +201,10 @@ QUnit.test('should allows setting child options at the parent options level', fu
try { try {
parent = new Component(getFakePlayer(), options); parent = new Component(getFakePlayer(), options);
} catch (err) { } catch (err) {
QUnit.ok(false, 'Child with `false` option was initialized'); assert.ok(false, 'Child with `false` option was initialized');
} }
QUnit.equal(parent.children()[0].options_.foo, true, 'child options set when children array is used'); assert.equal(parent.children()[0].options_.foo, true, 'child options set when children array is used');
QUnit.equal(parent.children().length, 1, 'we should only have one child'); assert.equal(parent.children().length, 1, 'we should only have one child');
// using children object // using children object
options = { options = {
@@ -223,19 +224,19 @@ QUnit.test('should allows setting child options at the parent options level', fu
try { try {
parent = new Component(getFakePlayer(), options); parent = new Component(getFakePlayer(), options);
} catch (err) { } catch (err) {
QUnit.ok(false, 'Child with `false` option was initialized'); assert.ok(false, 'Child with `false` option was initialized');
} }
QUnit.equal(parent.children()[0].options_.foo, true, 'child options set when children object is used'); assert.equal(parent.children()[0].options_.foo, true, 'child options set when children object is used');
QUnit.equal(parent.children().length, 1, 'we should only have one child'); assert.equal(parent.children().length, 1, 'we should only have one child');
}); });
QUnit.test('should dispose of component and children', function() { QUnit.test('should dispose of component and children', function(assert) {
const comp = new Component(getFakePlayer()); const comp = new Component(getFakePlayer());
// Add a child // Add a child
const child = comp.addChild('Component'); const child = comp.addChild('Component');
QUnit.ok(comp.children().length === 1); assert.ok(comp.children().length === 1);
// Add a listener // Add a listener
comp.on('click', function() { comp.on('click', function() {
@@ -254,28 +255,28 @@ QUnit.test('should dispose of component and children', function() {
comp.dispose(); comp.dispose();
QUnit.ok(hasDisposed, 'component fired dispose event'); assert.ok(hasDisposed, 'component fired dispose event');
QUnit.ok(bubbles === false, 'dispose event does not bubble'); assert.ok(bubbles === false, 'dispose event does not bubble');
QUnit.ok(!comp.children(), 'component children were deleted'); assert.ok(!comp.children(), 'component children were deleted');
QUnit.ok(!comp.el(), 'component element was deleted'); assert.ok(!comp.el(), 'component element was deleted');
QUnit.ok(!child.children(), 'child children were deleted'); assert.ok(!child.children(), 'child children were deleted');
QUnit.ok(!child.el(), 'child element was deleted'); assert.ok(!child.el(), 'child element was deleted');
QUnit.ok(!Dom.hasElData(el), 'listener data nulled'); assert.ok(!Dom.hasElData(el), 'listener data nulled');
QUnit.ok(!Object.getOwnPropertyNames(data).length, assert.ok(!Object.getOwnPropertyNames(data).length,
'original listener data object was emptied'); 'original listener data object was emptied');
}); });
QUnit.test('should add and remove event listeners to element', function() { QUnit.test('should add and remove event listeners to element', function(assert) {
const comp = new Component(getFakePlayer(), {}); const comp = new Component(getFakePlayer(), {});
// No need to make this async because we're triggering events inline. // No need to make this async because we're triggering events inline.
// We're going to trigger the event after removing the listener, // We're going to trigger the event after removing the listener,
// So if we get extra asserts that's a problem. // So if we get extra asserts that's a problem.
QUnit.expect(2); assert.expect(2);
const testListener = function() { const testListener = function() {
QUnit.ok(true, 'fired event once'); assert.ok(true, 'fired event once');
QUnit.ok(this === comp, 'listener has the component as context'); assert.ok(this === comp, 'listener has the component as context');
}; };
comp.on('test-event', testListener); comp.on('test-event', testListener);
@@ -284,13 +285,13 @@ QUnit.test('should add and remove event listeners to element', function() {
comp.trigger('test-event'); comp.trigger('test-event');
}); });
QUnit.test('should trigger a listener once using one()', function() { QUnit.test('should trigger a listener once using one()', function(assert) {
const comp = new Component(getFakePlayer(), {}); const comp = new Component(getFakePlayer(), {});
QUnit.expect(1); assert.expect(1);
const testListener = function() { const testListener = function() {
QUnit.ok(true, 'fired event once'); assert.ok(true, 'fired event once');
}; };
comp.one('test-event', testListener); comp.one('test-event', testListener);
@@ -298,17 +299,17 @@ QUnit.test('should trigger a listener once using one()', function() {
comp.trigger('test-event'); comp.trigger('test-event');
}); });
QUnit.test('should be possible to pass data when you trigger an event', function() { QUnit.test('should be possible to pass data when you trigger an event', function(assert) {
const comp = new Component(getFakePlayer(), {}); const comp = new Component(getFakePlayer(), {});
const data1 = 'Data1'; const data1 = 'Data1';
const data2 = {txt: 'Data2'}; const data2 = {txt: 'Data2'};
QUnit.expect(3); assert.expect(3);
const testListener = function(evt, hash) { const testListener = function(evt, hash) {
QUnit.ok(true, 'fired event once'); assert.ok(true, 'fired event once');
deepEqual(hash.d1, data1); assert.deepEqual(hash.d1, data1);
deepEqual(hash.d2, data2); assert.deepEqual(hash.d2, data2);
}; };
comp.one('test-event', testListener); comp.one('test-event', testListener);
@@ -316,47 +317,47 @@ QUnit.test('should be possible to pass data when you trigger an event', function
comp.trigger('test-event'); comp.trigger('test-event');
}); });
QUnit.test('should add listeners to other components and remove them', function() { QUnit.test('should add listeners to other components and remove them', function(assert) {
const player = getFakePlayer(); const player = getFakePlayer();
const comp1 = new Component(player); const comp1 = new Component(player);
const comp2 = new Component(player); const comp2 = new Component(player);
let listenerFired = 0; let listenerFired = 0;
const testListener = function() { const testListener = function() {
QUnit.equal(this, comp1, 'listener has the first component as context'); assert.equal(this, comp1, 'listener has the first component as context');
listenerFired++; listenerFired++;
}; };
comp1.on(comp2, 'test-event', testListener); comp1.on(comp2, 'test-event', testListener);
comp2.trigger('test-event'); comp2.trigger('test-event');
QUnit.equal(listenerFired, 1, 'listener was fired once'); assert.equal(listenerFired, 1, 'listener was fired once');
listenerFired = 0; listenerFired = 0;
comp1.off(comp2, 'test-event', testListener); comp1.off(comp2, 'test-event', testListener);
comp2.trigger('test-event'); comp2.trigger('test-event');
QUnit.equal(listenerFired, 0, 'listener was not fired after being removed'); assert.equal(listenerFired, 0, 'listener was not fired after being removed');
// this component is disposed first // this component is disposed first
listenerFired = 0; listenerFired = 0;
comp1.on(comp2, 'test-event', testListener); comp1.on(comp2, 'test-event', testListener);
comp1.dispose(); comp1.dispose();
comp2.trigger('test-event'); comp2.trigger('test-event');
QUnit.equal(listenerFired, 0, 'listener was removed when this component was disposed first'); assert.equal(listenerFired, 0, 'listener was removed when this component was disposed first');
comp1.off = function() { comp1.off = function() {
throw new Error('Comp1 off called'); throw new Error('Comp1 off called');
}; };
comp2.dispose(); comp2.dispose();
QUnit.ok(true, 'this component removed dispose listeners from other component'); assert.ok(true, 'this component removed dispose listeners from other component');
}); });
QUnit.test('should add listeners to other components and remove when them other component is disposed', function() { QUnit.test('should add listeners to other components and remove when them other component is disposed', function(assert) {
const player = getFakePlayer(); const player = getFakePlayer();
const comp1 = new Component(player); const comp1 = new Component(player);
const comp2 = new Component(player); const comp2 = new Component(player);
let listenerFired = 0; let listenerFired = 0;
const testListener = function() { const testListener = function() {
QUnit.equal(this, comp1, 'listener has the first component as context'); assert.equal(this, comp1, 'listener has the first component as context');
listenerFired++; listenerFired++;
}; };
@@ -366,53 +367,53 @@ QUnit.test('should add listeners to other components and remove when them other
throw new Error('Comp2 off called'); throw new Error('Comp2 off called');
}; };
comp1.dispose(); comp1.dispose();
QUnit.ok(true, 'this component removed dispose listener from this component that referenced other component'); assert.ok(true, 'this component removed dispose listener from this component that referenced other component');
}); });
QUnit.test('should add listeners to other components that are fired once', function() { QUnit.test('should add listeners to other components that are fired once', function(assert) {
const player = getFakePlayer(); const player = getFakePlayer();
const comp1 = new Component(player); const comp1 = new Component(player);
const comp2 = new Component(player); const comp2 = new Component(player);
let listenerFired = 0; let listenerFired = 0;
const testListener = function() { const testListener = function() {
QUnit.equal(this, comp1, 'listener has the first component as context'); assert.equal(this, comp1, 'listener has the first component as context');
listenerFired++; listenerFired++;
}; };
comp1.one(comp2, 'test-event', testListener); comp1.one(comp2, 'test-event', testListener);
comp2.trigger('test-event'); comp2.trigger('test-event');
QUnit.equal(listenerFired, 1, 'listener was executed once'); assert.equal(listenerFired, 1, 'listener was executed once');
comp2.trigger('test-event'); comp2.trigger('test-event');
QUnit.equal(listenerFired, 1, 'listener was executed only once'); assert.equal(listenerFired, 1, 'listener was executed only once');
}); });
QUnit.test('should add listeners to other element and remove them', function() { QUnit.test('should add listeners to other element and remove them', function(assert) {
const player = getFakePlayer(); const player = getFakePlayer();
const comp1 = new Component(player); const comp1 = new Component(player);
const el = document.createElement('div'); const el = document.createElement('div');
let listenerFired = 0; let listenerFired = 0;
const testListener = function() { const testListener = function() {
QUnit.equal(this, comp1, 'listener has the first component as context'); assert.equal(this, comp1, 'listener has the first component as context');
listenerFired++; listenerFired++;
}; };
comp1.on(el, 'test-event', testListener); comp1.on(el, 'test-event', testListener);
Events.trigger(el, 'test-event'); Events.trigger(el, 'test-event');
QUnit.equal(listenerFired, 1, 'listener was fired once'); assert.equal(listenerFired, 1, 'listener was fired once');
listenerFired = 0; listenerFired = 0;
comp1.off(el, 'test-event', testListener); comp1.off(el, 'test-event', testListener);
Events.trigger(el, 'test-event'); Events.trigger(el, 'test-event');
QUnit.equal(listenerFired, 0, 'listener was not fired after being removed from other element'); assert.equal(listenerFired, 0, 'listener was not fired after being removed from other element');
// this component is disposed first // this component is disposed first
listenerFired = 0; listenerFired = 0;
comp1.on(el, 'test-event', testListener); comp1.on(el, 'test-event', testListener);
comp1.dispose(); comp1.dispose();
Events.trigger(el, 'test-event'); Events.trigger(el, 'test-event');
QUnit.equal(listenerFired, 0, 'listener was removed when this component was disposed first'); assert.equal(listenerFired, 0, 'listener was removed when this component was disposed first');
comp1.off = function() { comp1.off = function() {
throw new Error('Comp1 off called'); throw new Error('Comp1 off called');
}; };
@@ -420,31 +421,31 @@ QUnit.test('should add listeners to other element and remove them', function() {
try { try {
Events.trigger(el, 'dispose'); Events.trigger(el, 'dispose');
} catch (e) { } catch (e) {
QUnit.ok(false, 'listener was not removed from other element'); assert.ok(false, 'listener was not removed from other element');
} }
Events.trigger(el, 'dispose'); Events.trigger(el, 'dispose');
QUnit.ok(true, 'this component removed dispose listeners from other element'); assert.ok(true, 'this component removed dispose listeners from other element');
}); });
QUnit.test('should add listeners to other components that are fired once', function() { QUnit.test('should add listeners to other components that are fired once', function(assert) {
const player = getFakePlayer(); const player = getFakePlayer();
const comp1 = new Component(player); const comp1 = new Component(player);
const el = document.createElement('div'); const el = document.createElement('div');
let listenerFired = 0; let listenerFired = 0;
const testListener = function() { const testListener = function() {
QUnit.equal(this, comp1, 'listener has the first component as context'); assert.equal(this, comp1, 'listener has the first component as context');
listenerFired++; listenerFired++;
}; };
comp1.one(el, 'test-event', testListener); comp1.one(el, 'test-event', testListener);
Events.trigger(el, 'test-event'); Events.trigger(el, 'test-event');
QUnit.equal(listenerFired, 1, 'listener was executed once'); assert.equal(listenerFired, 1, 'listener was executed once');
Events.trigger(el, 'test-event'); Events.trigger(el, 'test-event');
QUnit.equal(listenerFired, 1, 'listener was executed only once'); assert.equal(listenerFired, 1, 'listener was executed only once');
}); });
QUnit.test('should trigger a listener when ready', function() { QUnit.test('should trigger a listener when ready', function(assert) {
let initListenerFired; let initListenerFired;
let methodListenerFired; let methodListenerFired;
let syncListenerFired; let syncListenerFired;
@@ -463,13 +464,13 @@ QUnit.test('should trigger a listener when ready', function() {
syncListenerFired = true; syncListenerFired = true;
}, true); }, true);
QUnit.ok(!initListenerFired, 'init listener should NOT fire synchronously'); assert.ok(!initListenerFired, 'init listener should NOT fire synchronously');
QUnit.ok(!methodListenerFired, 'method listener should NOT fire synchronously'); assert.ok(!methodListenerFired, 'method listener should NOT fire synchronously');
QUnit.ok(syncListenerFired, 'sync listener SHOULD fire synchronously if after ready'); assert.ok(syncListenerFired, 'sync listener SHOULD fire synchronously if after ready');
this.clock.tick(1); this.clock.tick(1);
QUnit.ok(initListenerFired, 'init listener should fire asynchronously'); assert.ok(initListenerFired, 'init listener should fire asynchronously');
QUnit.ok(methodListenerFired, 'method listener should fire asynchronously'); assert.ok(methodListenerFired, 'method listener should fire asynchronously');
// Listeners should only be fired once and then removed // Listeners should only be fired once and then removed
initListenerFired = false; initListenerFired = false;
@@ -479,12 +480,12 @@ QUnit.test('should trigger a listener when ready', function() {
comp.triggerReady(); comp.triggerReady();
this.clock.tick(1); this.clock.tick(1);
QUnit.ok(!initListenerFired, 'init listener should be removed'); assert.ok(!initListenerFired, 'init listener should be removed');
QUnit.ok(!methodListenerFired, 'method listener should be removed'); assert.ok(!methodListenerFired, 'method listener should be removed');
QUnit.ok(!syncListenerFired, 'sync listener should be removed'); assert.ok(!syncListenerFired, 'sync listener should be removed');
}); });
QUnit.test('should not retrigger a listener when the listener calls triggerReady', function() { QUnit.test('should not retrigger a listener when the listener calls triggerReady', function(assert) {
let timesCalled = 0; let timesCalled = 0;
let selfTriggered = false; let selfTriggered = false;
const comp = new Component(getFakePlayer(), {}); const comp = new Component(getFakePlayer(), {});
@@ -505,32 +506,32 @@ QUnit.test('should not retrigger a listener when the listener calls triggerReady
this.clock.tick(100); this.clock.tick(100);
QUnit.equal(timesCalled, 1, 'triggerReady from inside a ready handler does not result in an infinite loop'); assert.equal(timesCalled, 1, 'triggerReady from inside a ready handler does not result in an infinite loop');
}); });
QUnit.test('should add and remove a CSS class', function() { QUnit.test('should add and remove a CSS class', function(assert) {
const comp = new Component(getFakePlayer(), {}); const comp = new Component(getFakePlayer(), {});
comp.addClass('test-class'); comp.addClass('test-class');
QUnit.ok(comp.el().className.indexOf('test-class') !== -1); assert.ok(comp.el().className.indexOf('test-class') !== -1);
comp.removeClass('test-class'); comp.removeClass('test-class');
QUnit.ok(comp.el().className.indexOf('test-class') === -1); assert.ok(comp.el().className.indexOf('test-class') === -1);
comp.toggleClass('test-class'); comp.toggleClass('test-class');
QUnit.ok(comp.el().className.indexOf('test-class') !== -1); assert.ok(comp.el().className.indexOf('test-class') !== -1);
comp.toggleClass('test-class'); comp.toggleClass('test-class');
QUnit.ok(comp.el().className.indexOf('test-class') === -1); assert.ok(comp.el().className.indexOf('test-class') === -1);
}); });
QUnit.test('should show and hide an element', function() { QUnit.test('should show and hide an element', function(assert) {
const comp = new Component(getFakePlayer(), {}); const comp = new Component(getFakePlayer(), {});
comp.hide(); comp.hide();
QUnit.ok(comp.hasClass('vjs-hidden') === true); assert.ok(comp.hasClass('vjs-hidden') === true);
comp.show(); comp.show();
QUnit.ok(comp.hasClass('vjs-hidden') === false); assert.ok(comp.hasClass('vjs-hidden') === false);
}); });
QUnit.test('dimension() should treat NaN and null as zero', function() { QUnit.test('dimension() should treat NaN and null as zero', function(assert) {
let newWidth; let newWidth;
const width = 300; const width = 300;
@@ -543,23 +544,23 @@ QUnit.test('dimension() should treat NaN and null as zero', function() {
newWidth = comp.dimension('width', null); newWidth = comp.dimension('width', null);
QUnit.notEqual(newWidth, width, 'new width and old width are not the same'); assert.notEqual(newWidth, width, 'new width and old width are not the same');
QUnit.equal(newWidth, comp, 'we set a value, so, return value is component'); assert.equal(newWidth, comp, 'we set a value, so, return value is component');
QUnit.equal(comp.width(), 0, 'the new width is zero'); assert.equal(comp.width(), 0, 'the new width is zero');
const newHeight = comp.dimension('height', NaN); const newHeight = comp.dimension('height', NaN);
QUnit.notEqual(newHeight, height, 'new height and old height are not the same'); assert.notEqual(newHeight, height, 'new height and old height are not the same');
QUnit.equal(newHeight, comp, 'we set a value, so, return value is component'); assert.equal(newHeight, comp, 'we set a value, so, return value is component');
QUnit.equal(comp.height(), 0, 'the new height is zero'); assert.equal(comp.height(), 0, 'the new height is zero');
comp.width(width); comp.width(width);
newWidth = comp.dimension('width', undefined); newWidth = comp.dimension('width', undefined);
QUnit.equal(newWidth, width, 'we did not set the width with undefined'); assert.equal(newWidth, width, 'we did not set the width with undefined');
}); });
QUnit.test('should change the width and height of a component', function() { QUnit.test('should change the width and height of a component', function(assert) {
const container = document.createElement('div'); const container = document.createElement('div');
const comp = new Component(getFakePlayer(), {}); const comp = new Component(getFakePlayer(), {});
const el = comp.el(); const el = comp.el();
@@ -574,22 +575,22 @@ QUnit.test('should change the width and height of a component', function() {
comp.width('50%'); comp.width('50%');
comp.height('123px'); comp.height('123px');
QUnit.ok(comp.width() === 500, 'percent values working'); assert.ok(comp.width() === 500, 'percent values working');
const compStyle = TestHelpers.getComputedStyle(el, 'width'); const compStyle = TestHelpers.getComputedStyle(el, 'width');
QUnit.ok(compStyle === comp.width() + 'px', 'matches computed style'); assert.ok(compStyle === comp.width() + 'px', 'matches computed style');
QUnit.ok(comp.height() === 123, 'px values working'); assert.ok(comp.height() === 123, 'px values working');
comp.width(321); comp.width(321);
QUnit.ok(comp.width() === 321, 'integer values working'); assert.ok(comp.width() === 321, 'integer values working');
comp.width('auto'); comp.width('auto');
comp.height('auto'); comp.height('auto');
QUnit.ok(comp.width() === 1000, 'forced width was removed'); assert.ok(comp.width() === 1000, 'forced width was removed');
QUnit.ok(comp.height() === 0, 'forced height was removed'); assert.ok(comp.height() === 0, 'forced height was removed');
}); });
QUnit.test('should get the computed dimensions', function() { QUnit.test('should get the computed dimensions', function(assert) {
const container = document.createElement('div'); const container = document.createElement('div');
const comp = new Component(getFakePlayer(), {}); const comp = new Component(getFakePlayer(), {});
const el = comp.el(); const el = comp.el();
@@ -607,18 +608,18 @@ QUnit.test('should get the computed dimensions', function() {
comp.width('50%'); comp.width('50%');
comp.height('50%'); comp.height('50%');
QUnit.equal(comp.currentWidth() + 'px', computedWidth, 'matches computed width'); assert.equal(comp.currentWidth() + 'px', computedWidth, 'matches computed width');
QUnit.equal(comp.currentHeight() + 'px', computedHeight, 'matches computed height'); assert.equal(comp.currentHeight() + 'px', computedHeight, 'matches computed height');
QUnit.equal(comp.currentDimension('width') + 'px', computedWidth, 'matches computed width'); assert.equal(comp.currentDimension('width') + 'px', computedWidth, 'matches computed width');
QUnit.equal(comp.currentDimension('height') + 'px', computedHeight, 'matches computed height'); assert.equal(comp.currentDimension('height') + 'px', computedHeight, 'matches computed height');
QUnit.equal(comp.currentDimensions().width + 'px', computedWidth, 'matches computed width'); assert.equal(comp.currentDimensions().width + 'px', computedWidth, 'matches computed width');
QUnit.equal(comp.currentDimensions().height + 'px', computedHeight, 'matches computed width'); assert.equal(comp.currentDimensions().height + 'px', computedHeight, 'matches computed width');
}); });
QUnit.test('should use a defined content el for appending children', function() { QUnit.test('should use a defined content el for appending children', function(assert) {
class CompWithContent extends Component {} class CompWithContent extends Component {}
CompWithContent.prototype.createEl = function() { CompWithContent.prototype.createEl = function() {
@@ -634,30 +635,30 @@ QUnit.test('should use a defined content el for appending children', function()
const comp = new CompWithContent(getFakePlayer()); const comp = new CompWithContent(getFakePlayer());
const child = comp.addChild('component'); const child = comp.addChild('component');
QUnit.ok(comp.children().length === 1); assert.ok(comp.children().length === 1);
QUnit.ok(comp.el().childNodes[0].id === 'contentEl'); assert.ok(comp.el().childNodes[0].id === 'contentEl');
QUnit.ok(comp.el().childNodes[0].childNodes[0] === child.el()); assert.ok(comp.el().childNodes[0].childNodes[0] === child.el());
comp.removeChild(child); comp.removeChild(child);
QUnit.ok(comp.children().length === 0, 'Length should now be zero'); assert.ok(comp.children().length === 0, 'Length should now be zero');
QUnit.ok(comp.el().childNodes[0].id === 'contentEl', 'Content El should still exist'); assert.ok(comp.el().childNodes[0].id === 'contentEl', 'Content El should still exist');
QUnit.ok(comp.el().childNodes[0].childNodes[0] !== child.el(), assert.ok(comp.el().childNodes[0].childNodes[0] !== child.el(),
'Child el should be removed.'); 'Child el should be removed.');
}); });
QUnit.test('should emit a tap event', function() { QUnit.test('should emit a tap event', function(assert) {
const comp = new Component(getFakePlayer()); const comp = new Component(getFakePlayer());
let singleTouch = {}; let singleTouch = {};
const origTouch = browser.TOUCH_ENABLED; const origTouch = browser.TOUCH_ENABLED;
QUnit.expect(3); assert.expect(3);
// Fake touch support. Real touch support isn't needed for this test. // Fake touch support. Real touch support isn't needed for this test.
browser.TOUCH_ENABLED = true; browser.TOUCH_ENABLED = true;
comp.emitTapEvents(); comp.emitTapEvents();
comp.on('tap', function() { comp.on('tap', function() {
QUnit.ok(true, 'Tap event emitted'); assert.ok(true, 'Tap event emitted');
}); });
// A touchstart followed by touchend should trigger a tap // A touchstart followed by touchend should trigger a tap
@@ -704,30 +705,30 @@ QUnit.test('should emit a tap event', function() {
browser.TOUCH_ENABLED = origTouch; browser.TOUCH_ENABLED = origTouch;
}); });
QUnit.test('should provide timeout methods that automatically get cleared on component disposal', function() { QUnit.test('should provide timeout methods that automatically get cleared on component disposal', function(assert) {
const comp = new Component(getFakePlayer()); const comp = new Component(getFakePlayer());
let timeoutsFired = 0; let timeoutsFired = 0;
const timeoutToClear = comp.setTimeout(function() { const timeoutToClear = comp.setTimeout(function() {
timeoutsFired++; timeoutsFired++;
QUnit.ok(false, 'Timeout should have been manually cleared'); assert.ok(false, 'Timeout should have been manually cleared');
}, 500); }, 500);
QUnit.expect(4); assert.expect(4);
comp.setTimeout(function() { comp.setTimeout(function() {
timeoutsFired++; timeoutsFired++;
QUnit.equal(this, comp, 'Timeout fn has the component as its context'); assert.equal(this, comp, 'Timeout fn has the component as its context');
QUnit.ok(true, 'Timeout created and fired.'); assert.ok(true, 'Timeout created and fired.');
}, 100); }, 100);
comp.setTimeout(function() { comp.setTimeout(function() {
timeoutsFired++; timeoutsFired++;
QUnit.ok(false, 'Timeout should have been disposed'); assert.ok(false, 'Timeout should have been disposed');
}, 1000); }, 1000);
this.clock.tick(100); this.clock.tick(100);
QUnit.ok(timeoutsFired === 1, 'One timeout should have fired by this point'); assert.ok(timeoutsFired === 1, 'One timeout should have fired by this point');
comp.clearTimeout(timeoutToClear); comp.clearTimeout(timeoutToClear);
@@ -737,45 +738,45 @@ QUnit.test('should provide timeout methods that automatically get cleared on com
this.clock.tick(1000); this.clock.tick(1000);
QUnit.ok(timeoutsFired === 1, 'One timeout should have fired overall'); assert.ok(timeoutsFired === 1, 'One timeout should have fired overall');
}); });
QUnit.test('should provide interval methods that automatically get cleared on component disposal', function() { QUnit.test('should provide interval methods that automatically get cleared on component disposal', function(assert) {
const comp = new Component(getFakePlayer()); const comp = new Component(getFakePlayer());
let intervalsFired = 0; let intervalsFired = 0;
const interval = comp.setInterval(function() { const interval = comp.setInterval(function() {
intervalsFired++; intervalsFired++;
QUnit.equal(this, comp, 'Interval fn has the component as its context'); assert.equal(this, comp, 'Interval fn has the component as its context');
QUnit.ok(true, 'Interval created and fired.'); assert.ok(true, 'Interval created and fired.');
}, 100); }, 100);
QUnit.expect(13); assert.expect(13);
comp.setInterval(function() { comp.setInterval(function() {
intervalsFired++; intervalsFired++;
QUnit.ok(false, 'Interval should have been disposed'); assert.ok(false, 'Interval should have been disposed');
}, 1200); }, 1200);
this.clock.tick(500); this.clock.tick(500);
QUnit.ok(intervalsFired === 5, 'Component interval fired 5 times'); assert.ok(intervalsFired === 5, 'Component interval fired 5 times');
comp.clearInterval(interval); comp.clearInterval(interval);
this.clock.tick(600); this.clock.tick(600);
QUnit.ok(intervalsFired === 5, 'Interval was manually cleared'); assert.ok(intervalsFired === 5, 'Interval was manually cleared');
comp.dispose(); comp.dispose();
this.clock.tick(1200); this.clock.tick(1200);
QUnit.ok(intervalsFired === 5, 'Interval was cleared when component was disposed'); assert.ok(intervalsFired === 5, 'Interval was cleared when component was disposed');
}); });
QUnit.test('$ and $$ functions', function() { QUnit.test('$ and $$ functions', function(assert) {
const comp = new Component(getFakePlayer()); const comp = new Component(getFakePlayer());
const contentEl = document.createElement('div'); const contentEl = document.createElement('div');
const children = [ const children = [
@@ -786,6 +787,6 @@ QUnit.test('$ and $$ functions', function() {
comp.contentEl_ = contentEl; comp.contentEl_ = contentEl;
children.forEach(child => contentEl.appendChild(child)); children.forEach(child => contentEl.appendChild(child));
QUnit.strictEqual(comp.$('div'), children[0], '$ defaults to contentEl as scope'); assert.strictEqual(comp.$('div'), children[0], '$ defaults to contentEl as scope');
QUnit.strictEqual(comp.$$('div').length, children.length, '$$ defaults to contentEl as scope'); assert.strictEqual(comp.$$('div').length, children.length, '$$ defaults to contentEl as scope');
}); });

View File

@@ -8,8 +8,8 @@ import document from 'global/document';
QUnit.module('Controls'); QUnit.module('Controls');
QUnit.test('should hide volume control if it\'s not supported', function() { QUnit.test('should hide volume control if it\'s not supported', function(assert) {
QUnit.expect(2); assert.expect(2);
const noop = function() {}; const noop = function() {};
const player = { const player = {
id: noop, id: noop,
@@ -26,11 +26,11 @@ QUnit.test('should hide volume control if it\'s not supported', function() {
const volumeControl = new VolumeControl(player); const volumeControl = new VolumeControl(player);
const muteToggle = new MuteToggle(player); const muteToggle = new MuteToggle(player);
QUnit.ok(volumeControl.el().className.indexOf('vjs-hidden') >= 0, 'volumeControl is not hidden'); assert.ok(volumeControl.el().className.indexOf('vjs-hidden') >= 0, 'volumeControl is not hidden');
QUnit.ok(muteToggle.el().className.indexOf('vjs-hidden') >= 0, 'muteToggle is not hidden'); assert.ok(muteToggle.el().className.indexOf('vjs-hidden') >= 0, 'muteToggle is not hidden');
}); });
QUnit.test('should test and toggle volume control on `loadstart`', function() { QUnit.test('should test and toggle volume control on `loadstart`', function(assert) {
const noop = function() {}; const noop = function() {};
const listeners = []; const listeners = [];
const player = { const player = {
@@ -57,27 +57,27 @@ QUnit.test('should test and toggle volume control on `loadstart`', function() {
const volumeControl = new VolumeControl(player); const volumeControl = new VolumeControl(player);
const muteToggle = new MuteToggle(player); const muteToggle = new MuteToggle(player);
QUnit.equal(volumeControl.hasClass('vjs-hidden'), false, 'volumeControl is hidden initially'); assert.equal(volumeControl.hasClass('vjs-hidden'), false, 'volumeControl is hidden initially');
QUnit.equal(muteToggle.hasClass('vjs-hidden'), false, 'muteToggle is hidden initially'); assert.equal(muteToggle.hasClass('vjs-hidden'), false, 'muteToggle is hidden initially');
player.tech_.featuresVolumeControl = false; player.tech_.featuresVolumeControl = false;
for (let i = 0; i < listeners.length; i++) { for (let i = 0; i < listeners.length; i++) {
listeners[i](); listeners[i]();
} }
QUnit.equal(volumeControl.hasClass('vjs-hidden'), true, 'volumeControl does not hide itself'); assert.equal(volumeControl.hasClass('vjs-hidden'), true, 'volumeControl does not hide itself');
QUnit.equal(muteToggle.hasClass('vjs-hidden'), true, 'muteToggle does not hide itself'); assert.equal(muteToggle.hasClass('vjs-hidden'), true, 'muteToggle does not hide itself');
player.tech_.featuresVolumeControl = true; player.tech_.featuresVolumeControl = true;
for (let i = 0; i < listeners.length; i++) { for (let i = 0; i < listeners.length; i++) {
listeners[i](); listeners[i]();
} }
QUnit.equal(volumeControl.hasClass('vjs-hidden'), false, 'volumeControl does not show itself'); assert.equal(volumeControl.hasClass('vjs-hidden'), false, 'volumeControl does not show itself');
QUnit.equal(muteToggle.hasClass('vjs-hidden'), false, 'muteToggle does not show itself'); assert.equal(muteToggle.hasClass('vjs-hidden'), false, 'muteToggle does not show itself');
}); });
QUnit.test('calculateDistance should use changedTouches, if available', function() { QUnit.test('calculateDistance should use changedTouches, if available', function(assert) {
const noop = function() {}; const noop = function() {};
const player = { const player = {
id: noop, id: noop,
@@ -99,14 +99,14 @@ QUnit.test('calculateDistance should use changedTouches, if available', function
}] }]
}; };
QUnit.equal(slider.calculateDistance(event), 0.5, 'we should have touched exactly in the center, so, the ratio should be half'); assert.equal(slider.calculateDistance(event), 0.5, 'we should have touched exactly in the center, so, the ratio should be half');
}); });
QUnit.test('should hide playback rate control if it\'s not supported', function() { QUnit.test('should hide playback rate control if it\'s not supported', function(assert) {
QUnit.expect(1); assert.expect(1);
const player = TestHelpers.makePlayer(); const player = TestHelpers.makePlayer();
const playbackRate = new PlaybackRateMenuButton(player); const playbackRate = new PlaybackRateMenuButton(player);
QUnit.ok(playbackRate.el().className.indexOf('vjs-hidden') >= 0, 'playbackRate is not hidden'); assert.ok(playbackRate.el().className.indexOf('vjs-hidden') >= 0, 'playbackRate is not hidden');
}); });

View File

@@ -4,12 +4,12 @@ import document from 'global/document';
QUnit.module('Events'); QUnit.module('Events');
QUnit.test('should add and remove an event listener to an element', function() { QUnit.test('should add and remove an event listener to an element', function(assert) {
QUnit.expect(1); assert.expect(1);
const el = document.createElement('div'); const el = document.createElement('div');
const listener = function() { const listener = function() {
QUnit.ok(true, 'Click Triggered'); assert.ok(true, 'Click Triggered');
}; };
Events.on(el, 'click', listener); Events.on(el, 'click', listener);
@@ -20,12 +20,12 @@ QUnit.test('should add and remove an event listener to an element', function() {
Events.trigger(el, 'click'); Events.trigger(el, 'click');
}); });
QUnit.test('should add and remove multiple event listeners to an element with a single call', function() { QUnit.test('should add and remove multiple event listeners to an element with a single call', function(assert) {
QUnit.expect(6); assert.expect(6);
const el = document.createElement('div'); const el = document.createElement('div');
const listener = function() { const listener = function() {
QUnit.ok(true, 'Callback triggered'); assert.ok(true, 'Callback triggered');
}; };
Events.on(el, ['click', 'event1', 'event2'], listener); Events.on(el, ['click', 'event1', 'event2'], listener);
@@ -49,16 +49,16 @@ QUnit.test('should add and remove multiple event listeners to an element with a
Events.trigger(el, 'event2'); Events.trigger(el, 'event2');
}); });
QUnit.test('should be possible to pass data when you trigger an event', function() { QUnit.test('should be possible to pass data when you trigger an event', function(assert) {
QUnit.expect(6); assert.expect(6);
const el = document.createElement('div'); const el = document.createElement('div');
const fakeData1 = 'Fake Data 1'; const fakeData1 = 'Fake Data 1';
const fakeData2 = {txt: 'Fake Data 2'}; const fakeData2 = {txt: 'Fake Data 2'};
const listener = function(evt, hash) { const listener = function(evt, hash) {
QUnit.ok(true, 'Callback triggered'); assert.ok(true, 'Callback triggered');
deepEqual(fakeData1, hash.d1, 'Shoulbe be passed to the handler'); assert.deepEqual(fakeData1, hash.d1, 'Shoulbe be passed to the handler');
deepEqual(fakeData2, hash.d2, 'Shoulbe be passed to the handler'); assert.deepEqual(fakeData2, hash.d2, 'Shoulbe be passed to the handler');
}; };
Events.on(el, ['event1', 'event2'], listener); Events.on(el, ['event1', 'event2'], listener);
@@ -67,7 +67,7 @@ QUnit.test('should be possible to pass data when you trigger an event', function
}); });
QUnit.test('should remove all listeners of a type', function() { QUnit.test('should remove all listeners of a type', function(assert) {
const el = document.createElement('div'); const el = document.createElement('div');
let clicks = 0; let clicks = 0;
const listener = function() { const listener = function() {
@@ -82,16 +82,16 @@ QUnit.test('should remove all listeners of a type', function() {
// 2 clicks // 2 clicks
Events.trigger(el, 'click'); Events.trigger(el, 'click');
QUnit.ok(clicks === 2, 'both click listeners fired'); assert.ok(clicks === 2, 'both click listeners fired');
Events.off(el, 'click'); Events.off(el, 'click');
// No click should happen. // No click should happen.
Events.trigger(el, 'click'); Events.trigger(el, 'click');
QUnit.ok(clicks === 2, 'no click listeners fired'); assert.ok(clicks === 2, 'no click listeners fired');
}); });
QUnit.test('should remove all listeners of an array of types', function() { QUnit.test('should remove all listeners of an array of types', function(assert) {
const el = document.createElement('div'); const el = document.createElement('div');
let calls = 0; let calls = 0;
const listener = function() { const listener = function() {
@@ -108,7 +108,7 @@ QUnit.test('should remove all listeners of an array of types', function() {
// 2 calls // 2 calls
Events.trigger(el, 'event1'); Events.trigger(el, 'event1');
QUnit.ok(calls === 4, 'both click listeners fired'); assert.ok(calls === 4, 'both click listeners fired');
Events.off(el, ['click', 'event1']); Events.off(el, ['click', 'event1']);
// No click should happen. // No click should happen.
@@ -116,18 +116,18 @@ QUnit.test('should remove all listeners of an array of types', function() {
// No event1 should happen. // No event1 should happen.
Events.trigger(el, 'event1'); Events.trigger(el, 'event1');
QUnit.ok(calls === 4, 'no event listeners fired'); assert.ok(calls === 4, 'no event listeners fired');
}); });
QUnit.test('should remove all listeners from an element', function() { QUnit.test('should remove all listeners from an element', function(assert) {
QUnit.expect(2); assert.expect(2);
const el = document.createElement('div'); const el = document.createElement('div');
const listener = function() { const listener = function() {
QUnit.ok(true, 'Fake1 Triggered'); assert.ok(true, 'Fake1 Triggered');
}; };
const listener2 = function() { const listener2 = function() {
QUnit.ok(true, 'Fake2 Triggered'); assert.ok(true, 'Fake2 Triggered');
}; };
Events.on(el, 'fake1', listener); Events.on(el, 'fake1', listener);
@@ -143,12 +143,12 @@ QUnit.test('should remove all listeners from an element', function() {
Events.trigger(el, 'fake2'); Events.trigger(el, 'fake2');
}); });
QUnit.test('should listen only once', function() { QUnit.test('should listen only once', function(assert) {
QUnit.expect(1); assert.expect(1);
const el = document.createElement('div'); const el = document.createElement('div');
const listener = function() { const listener = function() {
QUnit.ok(true, 'Click Triggered'); assert.ok(true, 'Click Triggered');
}; };
Events.one(el, 'click', listener); Events.one(el, 'click', listener);
@@ -158,12 +158,12 @@ QUnit.test('should listen only once', function() {
Events.trigger(el, 'click'); Events.trigger(el, 'click');
}); });
QUnit.test('should listen only once in multiple events from a single call', function() { QUnit.test('should listen only once in multiple events from a single call', function(assert) {
QUnit.expect(3); assert.expect(3);
const el = document.createElement('div'); const el = document.createElement('div');
const listener = function() { const listener = function() {
QUnit.ok(true, 'Callback Triggered'); assert.ok(true, 'Callback Triggered');
}; };
Events.one(el, ['click', 'event1', 'event2'], listener); Events.one(el, ['click', 'event1', 'event2'], listener);
@@ -181,80 +181,80 @@ QUnit.test('should listen only once in multiple events from a single call', func
Events.trigger(el, 'event2'); Events.trigger(el, 'event2');
}); });
QUnit.test('should stop immediate propagtion', function() { QUnit.test('should stop immediate propagtion', function(assert) {
QUnit.expect(1); assert.expect(1);
const el = document.createElement('div'); const el = document.createElement('div');
Events.on(el, 'test', function(e) { Events.on(el, 'test', function(e) {
QUnit.ok(true, 'First listener fired'); assert.ok(true, 'First listener fired');
e.stopImmediatePropagation(); e.stopImmediatePropagation();
}); });
Events.on(el, 'test', function(e) { Events.on(el, 'test', function(e) {
QUnit.ok(false, 'Second listener fired'); assert.ok(false, 'Second listener fired');
}); });
Events.trigger(el, 'test'); Events.trigger(el, 'test');
}); });
QUnit.test('should bubble up DOM unless bubbles == false', function() { QUnit.test('should bubble up DOM unless bubbles == false', function(assert) {
QUnit.expect(3); assert.expect(3);
const outer = document.createElement('div'); const outer = document.createElement('div');
const inner = outer.appendChild(document.createElement('div')); const inner = outer.appendChild(document.createElement('div'));
// Verify that if bubbles === true, event bubbles up dom. // Verify that if bubbles === true, event bubbles up dom.
Events.on(inner, 'bubbles', function(e) { Events.on(inner, 'bubbles', function(e) {
QUnit.ok(true, 'Inner listener fired'); assert.ok(true, 'Inner listener fired');
}); });
Events.on(outer, 'bubbles', function(e) { Events.on(outer, 'bubbles', function(e) {
QUnit.ok(true, 'Outer listener fired'); assert.ok(true, 'Outer listener fired');
}); });
Events.trigger(inner, { type: 'bubbles', target: inner, bubbles: true }); Events.trigger(inner, { type: 'bubbles', target: inner, bubbles: true });
// Only change 'bubbles' to false, and verify only inner handler is called. // Only change 'bubbles' to false, and verify only inner handler is called.
Events.on(inner, 'nobub', function(e) { Events.on(inner, 'nobub', function(e) {
QUnit.ok(true, 'Inner listener fired'); assert.ok(true, 'Inner listener fired');
}); });
Events.on(outer, 'nobub', function(e) { Events.on(outer, 'nobub', function(e) {
QUnit.ok(false, 'Outer listener fired'); assert.ok(false, 'Outer listener fired');
}); });
Events.trigger(inner, { type: 'nobub', target: inner, bubbles: false }); Events.trigger(inner, { type: 'nobub', target: inner, bubbles: false });
}); });
QUnit.test('should have a defaultPrevented property on an event that was prevent from doing default action', function() { QUnit.test('should have a defaultPrevented property on an event that was prevent from doing default action', function(assert) {
QUnit.expect(2); assert.expect(2);
const el = document.createElement('div'); const el = document.createElement('div');
Events.on(el, 'test', function(e) { Events.on(el, 'test', function(e) {
QUnit.ok(true, 'First listener fired'); assert.ok(true, 'First listener fired');
e.preventDefault(); e.preventDefault();
}); });
Events.on(el, 'test', function(e) { Events.on(el, 'test', function(e) {
QUnit.ok(e.defaultPrevented, 'Should have `defaultPrevented` to signify preventDefault being called'); assert.ok(e.defaultPrevented, 'Should have `defaultPrevented` to signify preventDefault being called');
}); });
Events.trigger(el, 'test'); Events.trigger(el, 'test');
}); });
QUnit.test('should have relatedTarget correctly set on the event', function() { QUnit.test('should have relatedTarget correctly set on the event', function(assert) {
QUnit.expect(2); assert.expect(2);
const el1 = document.createElement('div'); const el1 = document.createElement('div');
const el2 = document.createElement('div'); const el2 = document.createElement('div');
const relatedEl = document.createElement('div'); const relatedEl = document.createElement('div');
Events.on(el1, 'click', function(e) { Events.on(el1, 'click', function(e) {
QUnit.equal(e.relatedTarget, relatedEl, 'relatedTarget is set for all browsers when related element is set on the event'); assert.equal(e.relatedTarget, relatedEl, 'relatedTarget is set for all browsers when related element is set on the event');
}); });
Events.trigger(el1, { type: 'click', relatedTarget: relatedEl }); Events.trigger(el1, { type: 'click', relatedTarget: relatedEl });
Events.on(el2, 'click', function(e) { Events.on(el2, 'click', function(e) {
QUnit.equal(e.relatedTarget, null, 'relatedTarget is null when none is provided'); assert.equal(e.relatedTarget, null, 'relatedTarget is null when none is provided');
}); });
Events.trigger(el2, { type: 'click', relatedTarget: undefined }); Events.trigger(el2, { type: 'click', relatedTarget: undefined });

View File

@@ -3,7 +3,7 @@ import extendFn from '../../src/js/extend.js';
QUnit.module('extend.js'); QUnit.module('extend.js');
QUnit.test('should add implicit parent constructor call', function() { QUnit.test('should add implicit parent constructor call', function(assert) {
let superCalled = false; let superCalled = false;
const Parent = function() { const Parent = function() {
superCalled = true; superCalled = true;
@@ -13,6 +13,6 @@ QUnit.test('should add implicit parent constructor call', function() {
}); });
const child = new Child(); const child = new Child();
QUnit.ok(superCalled, 'super constructor called'); assert.ok(superCalled, 'super constructor called');
QUnit.ok(child.foo, 'child properties set'); assert.ok(child.foo, 'child properties set');
}); });

View File

@@ -5,8 +5,8 @@ import * as Events from '../../src/js/utils/events.js';
QUnit.module('MenuButton'); QUnit.module('MenuButton');
QUnit.test('should not throw an error when there is no children', function() { QUnit.test('should not throw an error when there is no children', function(assert) {
QUnit.expect(0); assert.expect(0);
const player = TestHelpers.makePlayer(); const player = TestHelpers.makePlayer();
const menuButton = new MenuButton(player); const menuButton = new MenuButton(player);
@@ -15,13 +15,13 @@ QUnit.test('should not throw an error when there is no children', function() {
try { try {
Events.trigger(el, 'click'); Events.trigger(el, 'click');
} catch (error) { } catch (error) {
QUnit.ok(!error, 'click should not throw anything'); assert.ok(!error, 'click should not throw anything');
} }
player.dispose(); player.dispose();
}); });
QUnit.test('should place title list item into ul', function() { QUnit.test('should place title list item into ul', function(assert) {
const player = TestHelpers.makePlayer(); const player = TestHelpers.makePlayer();
const menuButton = new MenuButton(player, { const menuButton = new MenuButton(player, {
@@ -31,13 +31,13 @@ QUnit.test('should place title list item into ul', function() {
const menuContentElement = menuButton.el().getElementsByTagName('UL')[0]; const menuContentElement = menuButton.el().getElementsByTagName('UL')[0];
const titleElement = menuContentElement.children[0]; const titleElement = menuContentElement.children[0];
QUnit.ok(titleElement.innerHTML === 'TestTitle', 'title element placed in ul'); assert.ok(titleElement.innerHTML === 'TestTitle', 'title element placed in ul');
player.dispose(); player.dispose();
}); });
QUnit.test('clicking should display the menu', function() { QUnit.test('clicking should display the menu', function(assert) {
QUnit.expect(6); assert.expect(6);
const player = TestHelpers.makePlayer(); const player = TestHelpers.makePlayer();
@@ -47,29 +47,29 @@ QUnit.test('clicking should display the menu', function() {
}); });
const el = menuButton.el(); const el = menuButton.el();
QUnit.ok(menuButton.menu !== undefined, 'menu is created'); assert.ok(menuButton.menu !== undefined, 'menu is created');
QUnit.equal(menuButton.menu.hasClass('vjs-lock-showing'), false, 'menu defaults to hidden'); assert.equal(menuButton.menu.hasClass('vjs-lock-showing'), false, 'menu defaults to hidden');
Events.trigger(el, 'click'); Events.trigger(el, 'click');
QUnit.equal(menuButton.menu.hasClass('vjs-lock-showing'), true, 'clicking on the menu button shows the menu'); assert.equal(menuButton.menu.hasClass('vjs-lock-showing'), true, 'clicking on the menu button shows the menu');
Events.trigger(el, 'click'); Events.trigger(el, 'click');
QUnit.equal(menuButton.menu.hasClass('vjs-lock-showing'), false, 'clicking again on the menu button hides the menu'); assert.equal(menuButton.menu.hasClass('vjs-lock-showing'), false, 'clicking again on the menu button hides the menu');
menuButton.disable(); menuButton.disable();
Events.trigger(el, 'click'); Events.trigger(el, 'click');
QUnit.equal(menuButton.menu.hasClass('vjs-lock-showing'), false, 'disable() prevents clicking from showing the menu'); assert.equal(menuButton.menu.hasClass('vjs-lock-showing'), false, 'disable() prevents clicking from showing the menu');
menuButton.enable(); menuButton.enable();
Events.trigger(el, 'click'); Events.trigger(el, 'click');
QUnit.equal(menuButton.menu.hasClass('vjs-lock-showing'), true, 'enable() allows clicking to show the menu'); assert.equal(menuButton.menu.hasClass('vjs-lock-showing'), true, 'enable() allows clicking to show the menu');
player.dispose(); player.dispose();
}); });

File diff suppressed because it is too large Load Diff

View File

@@ -8,16 +8,16 @@ import sinon from 'sinon';
QUnit.module('Plugins'); QUnit.module('Plugins');
QUnit.test('Plugin should get initialized and receive options', function() { QUnit.test('Plugin should get initialized and receive options', function(assert) {
QUnit.expect(2); assert.expect(2);
registerPlugin('myPlugin1', function(options) { registerPlugin('myPlugin1', function(options) {
QUnit.ok(true, 'Plugin initialized'); assert.ok(true, 'Plugin initialized');
QUnit.ok(options.test, 'Option passed through'); assert.ok(options.test, 'Option passed through');
}); });
registerPlugin('myPlugin2', function(options) { registerPlugin('myPlugin2', function(options) {
QUnit.ok(false, 'Plugin initialized and should not have been'); assert.ok(false, 'Plugin initialized and should not have been');
}); });
const player = TestHelpers.makePlayer({ const player = TestHelpers.makePlayer({
@@ -31,17 +31,17 @@ QUnit.test('Plugin should get initialized and receive options', function() {
player.dispose(); player.dispose();
}); });
QUnit.test('Plugin should have the option of being initilized outside of player init', function() { QUnit.test('Plugin should have the option of being initilized outside of player init', function(assert) {
QUnit.expect(3); assert.expect(3);
registerPlugin('myPlugin3', function(options) { registerPlugin('myPlugin3', function(options) {
QUnit.ok(true, 'Plugin initialized after player init'); assert.ok(true, 'Plugin initialized after player init');
QUnit.ok(options.test, 'Option passed through'); assert.ok(options.test, 'Option passed through');
}); });
const player = TestHelpers.makePlayer({}); const player = TestHelpers.makePlayer({});
QUnit.ok(player.myPlugin3, 'Plugin has direct access on player instance'); assert.ok(player.myPlugin3, 'Plugin has direct access on player instance');
player.myPlugin3({ player.myPlugin3({
test: true test: true
@@ -50,11 +50,11 @@ QUnit.test('Plugin should have the option of being initilized outside of player
player.dispose(); player.dispose();
}); });
QUnit.test('Plugin should be able to add a UI component', function() { QUnit.test('Plugin should be able to add a UI component', function(assert) {
QUnit.expect(2); assert.expect(2);
registerPlugin('myPlugin4', function(options) { registerPlugin('myPlugin4', function(options) {
QUnit.ok((this instanceof Player), 'Plugin executed in player scope by default'); assert.ok((this instanceof Player), 'Plugin executed in player scope by default');
this.addChild('component'); this.addChild('component');
}); });
@@ -66,12 +66,12 @@ QUnit.test('Plugin should be able to add a UI component', function() {
const comp = player.getChild('component'); const comp = player.getChild('component');
QUnit.ok(comp, 'Plugin added a component to the player'); assert.ok(comp, 'Plugin added a component to the player');
player.dispose(); player.dispose();
}); });
QUnit.test('Plugin should overwrite plugin of same name', function() { QUnit.test('Plugin should overwrite plugin of same name', function(assert) {
let v1Called = 0; let v1Called = 0;
let v2Called = 0; let v2Called = 0;
let v3Called = 0; let v3Called = 0;
@@ -98,15 +98,15 @@ QUnit.test('Plugin should overwrite plugin of same name', function() {
}); });
player2.myPlugin5({}); player2.myPlugin5({});
QUnit.ok(v1Called === 1, 'First version of plugin called once'); assert.ok(v1Called === 1, 'First version of plugin called once');
QUnit.ok(v2Called === 1, 'Plugin overwritten for new player'); assert.ok(v2Called === 1, 'Plugin overwritten for new player');
QUnit.ok(v3Called === 1, 'Plugin overwritten for existing player'); assert.ok(v3Called === 1, 'Plugin overwritten for existing player');
player.dispose(); player.dispose();
player2.dispose(); player2.dispose();
}); });
QUnit.test('Plugins should get events in registration order', function() { QUnit.test('Plugins should get events in registration order', function(assert) {
const order = []; const order = [];
const expectedOrder = []; const expectedOrder = [];
const pluginName = 'orderPlugin'; const pluginName = 'orderPlugin';
@@ -133,13 +133,13 @@ QUnit.test('Plugins should get events in registration order', function() {
player.testerPlugin({}); player.testerPlugin({});
QUnit.deepEqual(order, assert.deepEqual(order,
expectedOrder, expectedOrder,
'plugins should receive events in order of initialization'); 'plugins should receive events in order of initialization');
player.dispose(); player.dispose();
}); });
QUnit.test('Plugins should not get events after stopImmediatePropagation is called', function() { QUnit.test('Plugins should not get events after stopImmediatePropagation is called', function(assert) {
const order = []; const order = [];
const expectedOrder = []; const expectedOrder = [];
const pluginName = 'orderPlugin'; const pluginName = 'orderPlugin';
@@ -167,16 +167,16 @@ QUnit.test('Plugins should not get events after stopImmediatePropagation is call
player.testerPlugin({}); player.testerPlugin({});
QUnit.deepEqual(order, assert.deepEqual(order,
expectedOrder.slice(0, order.length), expectedOrder.slice(0, order.length),
'plugins should receive events in order of ' + 'plugins should receive events in order of ' +
'initialization, until stopImmediatePropagation'); 'initialization, until stopImmediatePropagation');
QUnit.equal(order.length, 1, 'only one event listener should have triggered'); assert.equal(order.length, 1, 'only one event listener should have triggered');
player.dispose(); player.dispose();
}); });
QUnit.test('Plugin that does not exist logs an error', function() { QUnit.test('Plugin that does not exist logs an error', function(assert) {
// stub the global log functions // stub the global log functions
const console = window.console = { const console = window.console = {
@@ -197,14 +197,14 @@ QUnit.test('Plugin that does not exist logs an error', function() {
} }
}); });
QUnit.ok(error.called, 'error was called'); assert.ok(error.called, 'error was called');
if (IE_VERSION && IE_VERSION < 11) { if (IE_VERSION && IE_VERSION < 11) {
QUnit.equal(error.firstCall.args[0], assert.equal(error.firstCall.args[0],
'VIDEOJS: ERROR: Unable to find plugin: nonExistingPlugin'); 'VIDEOJS: ERROR: Unable to find plugin: nonExistingPlugin');
} else { } else {
QUnit.equal(error.firstCall.args[2], 'Unable to find plugin:'); assert.equal(error.firstCall.args[2], 'Unable to find plugin:');
QUnit.equal(error.firstCall.args[3], 'nonExistingPlugin'); assert.equal(error.firstCall.args[3], 'nonExistingPlugin');
} }
// tear down logging stubs // tear down logging stubs

View File

@@ -5,7 +5,7 @@ import TestHelpers from './test-helpers.js';
import document from 'global/document'; import document from 'global/document';
QUnit.module('PosterImage', { QUnit.module('PosterImage', {
setup() { beforeEach() {
// Store the original background support so we can test different vals // Store the original background support so we can test different vals
this.origVal = browser.BACKGROUND_SIZE_SUPPORTED; this.origVal = browser.BACKGROUND_SIZE_SUPPORTED;
this.poster1 = '#poster1'; this.poster1 = '#poster1';
@@ -26,64 +26,64 @@ QUnit.module('PosterImage', {
} }
}; };
}, },
teardown() { afterEach() {
browser.BACKGROUND_SIZE_SUPPORTED = this.origVal; browser.BACKGROUND_SIZE_SUPPORTED = this.origVal;
} }
}); });
QUnit.test('should create and update a poster image', function() { QUnit.test('should create and update a poster image', function(assert) {
browser.BACKGROUND_SIZE_SUPPORTED = true; browser.BACKGROUND_SIZE_SUPPORTED = true;
const posterImage = new PosterImage(this.mockPlayer); const posterImage = new PosterImage(this.mockPlayer);
let backgroundImage = posterImage.el().style.backgroundImage; let backgroundImage = posterImage.el().style.backgroundImage;
QUnit.notEqual(backgroundImage.indexOf(this.poster1), -1, 'Background image used'); assert.notEqual(backgroundImage.indexOf(this.poster1), -1, 'Background image used');
// Update with a new poster source and check the new value // Update with a new poster source and check the new value
this.mockPlayer.poster_ = this.poster2; this.mockPlayer.poster_ = this.poster2;
this.mockPlayer.trigger('posterchange'); this.mockPlayer.trigger('posterchange');
backgroundImage = posterImage.el().style.backgroundImage; backgroundImage = posterImage.el().style.backgroundImage;
QUnit.notEqual(backgroundImage.indexOf(this.poster2), -1, 'Background image updated'); assert.notEqual(backgroundImage.indexOf(this.poster2), -1, 'Background image updated');
}); });
QUnit.test('should create and update a fallback image in older browsers', function() { QUnit.test('should create and update a fallback image in older browsers', function(assert) {
browser.BACKGROUND_SIZE_SUPPORTED = false; browser.BACKGROUND_SIZE_SUPPORTED = false;
const posterImage = new PosterImage(this.mockPlayer); const posterImage = new PosterImage(this.mockPlayer);
QUnit.notEqual(posterImage.fallbackImg_.src.indexOf(this.poster1), assert.notEqual(posterImage.fallbackImg_.src.indexOf(this.poster1),
-1, -1,
'Fallback image created'); 'Fallback image created');
// Update with a new poster source and check the new value // Update with a new poster source and check the new value
this.mockPlayer.poster_ = this.poster2; this.mockPlayer.poster_ = this.poster2;
this.mockPlayer.trigger('posterchange'); this.mockPlayer.trigger('posterchange');
QUnit.notEqual(posterImage.fallbackImg_.src.indexOf(this.poster2), assert.notEqual(posterImage.fallbackImg_.src.indexOf(this.poster2),
-1, -1,
'Fallback image updated'); 'Fallback image updated');
}); });
QUnit.test('should remove itself from the document flow when there is no poster', function() { QUnit.test('should remove itself from the document flow when there is no poster', function(assert) {
const posterImage = new PosterImage(this.mockPlayer); const posterImage = new PosterImage(this.mockPlayer);
QUnit.equal(posterImage.el().style.display, '', 'Poster image shows by default'); assert.equal(posterImage.el().style.display, '', 'Poster image shows by default');
// Update with an empty string // Update with an empty string
this.mockPlayer.poster_ = ''; this.mockPlayer.poster_ = '';
this.mockPlayer.trigger('posterchange'); this.mockPlayer.trigger('posterchange');
QUnit.equal(posterImage.hasClass('vjs-hidden'), assert.equal(posterImage.hasClass('vjs-hidden'),
true, true,
'Poster image hides with an empty source'); 'Poster image hides with an empty source');
// Updated with a valid source // Updated with a valid source
this.mockPlayer.poster_ = this.poster2; this.mockPlayer.poster_ = this.poster2;
this.mockPlayer.trigger('posterchange'); this.mockPlayer.trigger('posterchange');
QUnit.equal(posterImage.hasClass('vjs-hidden'), assert.equal(posterImage.hasClass('vjs-hidden'),
false, false,
'Poster image shows again when there is a source'); 'Poster image shows again when there is a source');
}); });
QUnit.test('should hide the poster in the appropriate player states', function() { QUnit.test('should hide the poster in the appropriate player states', function(assert) {
const posterImage = new PosterImage(this.mockPlayer); const posterImage = new PosterImage(this.mockPlayer);
const playerDiv = document.createElement('div'); const playerDiv = document.createElement('div');
const fixture = document.getElementById('qunit-fixture'); const fixture = document.getElementById('qunit-fixture');
@@ -98,12 +98,12 @@ QUnit.test('should hide the poster in the appropriate player states', function()
fixture.appendChild(playerDiv); fixture.appendChild(playerDiv);
playerDiv.className = 'video-js vjs-has-started'; playerDiv.className = 'video-js vjs-has-started';
QUnit.equal(TestHelpers.getComputedStyle(el, 'display'), assert.equal(TestHelpers.getComputedStyle(el, 'display'),
'none', 'none',
'The poster hides when the video has started (CSS may not be loaded)'); 'The poster hides when the video has started (CSS may not be loaded)');
playerDiv.className = 'video-js vjs-has-started vjs-audio'; playerDiv.className = 'video-js vjs-has-started vjs-audio';
QUnit.equal(TestHelpers.getComputedStyle(el, 'display'), assert.equal(TestHelpers.getComputedStyle(el, 'display'),
'block', 'block',
'The poster continues to show when playing audio'); 'The poster continues to show when playing audio');
}); });

View File

@@ -3,7 +3,7 @@ import TestHelpers from './test-helpers.js';
QUnit.module('Setup'); QUnit.module('Setup');
QUnit.test('should set options from data-setup even if autoSetup is not called before initialisation', function() { QUnit.test('should set options from data-setup even if autoSetup is not called before initialisation', function(assert) {
const el = TestHelpers.makeTag(); const el = TestHelpers.makeTag();
el.setAttribute('data-setup', el.setAttribute('data-setup',
@@ -11,7 +11,7 @@ QUnit.test('should set options from data-setup even if autoSetup is not called b
const player = TestHelpers.makePlayer({}, el); const player = TestHelpers.makePlayer({}, el);
QUnit.ok(player.options_.controls === true); assert.ok(player.options_.controls === true);
QUnit.ok(player.options_.autoplay === false); assert.ok(player.options_.autoplay === false);
QUnit.ok(player.options_.preload === 'auto'); assert.ok(player.options_.preload === 'auto');
}); });

View File

@@ -9,50 +9,50 @@ const streamToPartsAndBack = function(url) {
return Flash.streamFromParts(parts.connection, parts.stream); return Flash.streamFromParts(parts.connection, parts.stream);
}; };
QUnit.test('test using both streamToParts and streamFromParts', function() { QUnit.test('test using both streamToParts and streamFromParts', function(assert) {
QUnit.ok(streamToPartsAndBack('rtmp://myurl.com/isthis') === 'rtmp://myurl.com/&isthis'); assert.ok(streamToPartsAndBack('rtmp://myurl.com/isthis') === 'rtmp://myurl.com/&isthis');
QUnit.ok(streamToPartsAndBack('rtmp://myurl.com/&isthis') === 'rtmp://myurl.com/&isthis'); assert.ok(streamToPartsAndBack('rtmp://myurl.com/&isthis') === 'rtmp://myurl.com/&isthis');
QUnit.ok(streamToPartsAndBack('rtmp://myurl.com/isthis/andthis') === 'rtmp://myurl.com/isthis/&andthis'); assert.ok(streamToPartsAndBack('rtmp://myurl.com/isthis/andthis') === 'rtmp://myurl.com/isthis/&andthis');
}); });
QUnit.test('test streamToParts', function() { QUnit.test('test streamToParts', function(assert) {
let parts = Flash.streamToParts('http://myurl.com/streaming&/is/fun'); let parts = Flash.streamToParts('http://myurl.com/streaming&/is/fun');
QUnit.ok(parts.connection === 'http://myurl.com/streaming'); assert.ok(parts.connection === 'http://myurl.com/streaming');
QUnit.ok(parts.stream === '/is/fun'); assert.ok(parts.stream === '/is/fun');
parts = Flash.streamToParts('http://myurl.com/&streaming&/is/fun'); parts = Flash.streamToParts('http://myurl.com/&streaming&/is/fun');
QUnit.ok(parts.connection === 'http://myurl.com/'); assert.ok(parts.connection === 'http://myurl.com/');
QUnit.ok(parts.stream === 'streaming&/is/fun'); assert.ok(parts.stream === 'streaming&/is/fun');
parts = Flash.streamToParts('http://myurl.com/really?streaming=fun&really=fun'); parts = Flash.streamToParts('http://myurl.com/really?streaming=fun&really=fun');
QUnit.ok(parts.connection === 'http://myurl.com/'); assert.ok(parts.connection === 'http://myurl.com/');
QUnit.ok(parts.stream === 'really?streaming=fun&really=fun'); assert.ok(parts.stream === 'really?streaming=fun&really=fun');
parts = Flash.streamToParts('http://myurl.com/streaming/is/fun'); parts = Flash.streamToParts('http://myurl.com/streaming/is/fun');
QUnit.ok(parts.connection === 'http://myurl.com/streaming/is/'); assert.ok(parts.connection === 'http://myurl.com/streaming/is/');
QUnit.ok(parts.stream === 'fun'); assert.ok(parts.stream === 'fun');
parts = Flash.streamToParts('whatisgoingonhere'); parts = Flash.streamToParts('whatisgoingonhere');
QUnit.ok(parts.connection === 'whatisgoingonhere'); assert.ok(parts.connection === 'whatisgoingonhere');
QUnit.ok(parts.stream === ''); assert.ok(parts.stream === '');
parts = Flash.streamToParts(); parts = Flash.streamToParts();
QUnit.ok(parts.connection === ''); assert.ok(parts.connection === '');
QUnit.ok(parts.stream === ''); assert.ok(parts.stream === '');
}); });
QUnit.test('test isStreamingSrc', function() { QUnit.test('test isStreamingSrc', function(assert) {
const isStreamingSrc = Flash.isStreamingSrc; const isStreamingSrc = Flash.isStreamingSrc;
QUnit.ok(isStreamingSrc('rtmp://streaming.is/fun')); assert.ok(isStreamingSrc('rtmp://streaming.is/fun'));
QUnit.ok(isStreamingSrc('rtmps://streaming.is/fun')); assert.ok(isStreamingSrc('rtmps://streaming.is/fun'));
QUnit.ok(isStreamingSrc('rtmpe://streaming.is/fun')); assert.ok(isStreamingSrc('rtmpe://streaming.is/fun'));
QUnit.ok(isStreamingSrc('rtmpt://streaming.is/fun')); assert.ok(isStreamingSrc('rtmpt://streaming.is/fun'));
// test invalid protocols // test invalid protocols
QUnit.ok(!isStreamingSrc('rtmp:streaming.is/fun')); assert.ok(!isStreamingSrc('rtmp:streaming.is/fun'));
QUnit.ok(!isStreamingSrc('rtmpz://streaming.is/fun')); assert.ok(!isStreamingSrc('rtmpz://streaming.is/fun'));
QUnit.ok(!isStreamingSrc('http://streaming.is/fun')); assert.ok(!isStreamingSrc('http://streaming.is/fun'));
QUnit.ok(!isStreamingSrc('https://streaming.is/fun')); assert.ok(!isStreamingSrc('https://streaming.is/fun'));
QUnit.ok(!isStreamingSrc('file://streaming.is/fun')); assert.ok(!isStreamingSrc('file://streaming.is/fun'));
}); });

View File

@@ -13,24 +13,24 @@ class MockFlash extends Flash {
QUnit.module('Flash'); QUnit.module('Flash');
QUnit.test('Flash.canPlaySource', function() { QUnit.test('Flash.canPlaySource', function(assert) {
const canPlaySource = Flash.canPlaySource; const canPlaySource = Flash.canPlaySource;
// Supported // Supported
QUnit.ok(canPlaySource({type: 'video/mp4; codecs=avc1.42E01E,mp4a.40.2' }, {}), assert.ok(canPlaySource({type: 'video/mp4; codecs=avc1.42E01E,mp4a.40.2' }, {}),
'codecs supported'); 'codecs supported');
QUnit.ok(canPlaySource({type: 'video/mp4' }, {}), 'video/mp4 supported'); assert.ok(canPlaySource({type: 'video/mp4' }, {}), 'video/mp4 supported');
QUnit.ok(canPlaySource({type: 'video/x-flv' }, {}), 'video/x-flv supported'); assert.ok(canPlaySource({type: 'video/x-flv' }, {}), 'video/x-flv supported');
QUnit.ok(canPlaySource({type: 'video/flv' }, {}), 'video/flv supported'); assert.ok(canPlaySource({type: 'video/flv' }, {}), 'video/flv supported');
QUnit.ok(canPlaySource({type: 'video/m4v' }, {}), 'video/m4v supported'); assert.ok(canPlaySource({type: 'video/m4v' }, {}), 'video/m4v supported');
QUnit.ok(canPlaySource({type: 'VIDEO/FLV' }, {}), 'capitalized mime type'); assert.ok(canPlaySource({type: 'VIDEO/FLV' }, {}), 'capitalized mime type');
// Not supported // Not supported
QUnit.ok(!canPlaySource({ type: 'video/webm; codecs="vp8, vorbis"' }, {})); assert.ok(!canPlaySource({ type: 'video/webm; codecs="vp8, vorbis"' }, {}));
QUnit.ok(!canPlaySource({ type: 'video/webm' }, {})); assert.ok(!canPlaySource({ type: 'video/webm' }, {}));
}); });
QUnit.test('currentTime', function() { QUnit.test('currentTime', function(assert) {
const getCurrentTime = Flash.prototype.currentTime; const getCurrentTime = Flash.prototype.currentTime;
const setCurrentTime = Flash.prototype.setCurrentTime; const setCurrentTime = Flash.prototype.setCurrentTime;
let seekingCount = 0; let seekingCount = 0;
@@ -67,38 +67,38 @@ QUnit.test('currentTime', function() {
// Test the currentTime getter // Test the currentTime getter
getPropVal = 3; getPropVal = 3;
result = getCurrentTime.call(mockFlash); result = getCurrentTime.call(mockFlash);
QUnit.equal(result, 3, 'currentTime is retreived from the swf element'); assert.equal(result, 3, 'currentTime is retreived from the swf element');
// Test the currentTime setter // Test the currentTime setter
setCurrentTime.call(mockFlash, 10); setCurrentTime.call(mockFlash, 10);
QUnit.equal(setPropVal, 10, 'currentTime is set on the swf element'); assert.equal(setPropVal, 10, 'currentTime is set on the swf element');
QUnit.equal(seekingCount, 1, 'triggered seeking'); assert.equal(seekingCount, 1, 'triggered seeking');
// Test current time while seeking // Test current time while seeking
setCurrentTime.call(mockFlash, 20); setCurrentTime.call(mockFlash, 20);
seeking = true; seeking = true;
result = getCurrentTime.call(mockFlash); result = getCurrentTime.call(mockFlash);
QUnit.equal(result, assert.equal(result,
20, 20,
'currentTime is retrieved from the lastSeekTarget while seeking'); 'currentTime is retrieved from the lastSeekTarget while seeking');
QUnit.notEqual(result, assert.notEqual(result,
getPropVal, getPropVal,
'currentTime is not retrieved from the element while seeking'); 'currentTime is not retrieved from the element while seeking');
QUnit.equal(seekingCount, 2, 'triggered seeking'); assert.equal(seekingCount, 2, 'triggered seeking');
// clamp seeks to seekable // clamp seeks to seekable
setCurrentTime.call(mockFlash, 1001); setCurrentTime.call(mockFlash, 1001);
result = getCurrentTime.call(mockFlash); result = getCurrentTime.call(mockFlash);
QUnit.equal(result, mockFlash.seekable().end(0), 'clamped to the seekable end'); assert.equal(result, mockFlash.seekable().end(0), 'clamped to the seekable end');
QUnit.equal(seekingCount, 3, 'triggered seeking'); assert.equal(seekingCount, 3, 'triggered seeking');
setCurrentTime.call(mockFlash, 1); setCurrentTime.call(mockFlash, 1);
result = getCurrentTime.call(mockFlash); result = getCurrentTime.call(mockFlash);
QUnit.equal(result, mockFlash.seekable().start(0), 'clamped to the seekable start'); assert.equal(result, mockFlash.seekable().start(0), 'clamped to the seekable start');
QUnit.equal(seekingCount, 4, 'triggered seeking'); assert.equal(seekingCount, 4, 'triggered seeking');
}); });
QUnit.test('dispose removes the object element even before ready fires', function() { QUnit.test('dispose removes the object element even before ready fires', function(assert) {
// This test appears to test bad functionaly that was fixed // This test appears to test bad functionaly that was fixed
// so it's debateable whether or not it's useful // so it's debateable whether or not it's useful
const dispose = Flash.prototype.dispose; const dispose = Flash.prototype.dispose;
@@ -111,10 +111,10 @@ QUnit.test('dispose removes the object element even before ready fires', functio
mockFlash.el_ = {}; mockFlash.el_ = {};
dispose.call(mockFlash); dispose.call(mockFlash);
QUnit.strictEqual(mockFlash.el_, null, 'swf el is nulled'); assert.strictEqual(mockFlash.el_, null, 'swf el is nulled');
}); });
QUnit.test('ready triggering before and after disposing the tech', function() { QUnit.test('ready triggering before and after disposing the tech', function(assert) {
const checkReady = sinon.stub(Flash, 'checkReady'); const checkReady = sinon.stub(Flash, 'checkReady');
const fixtureDiv = document.getElementById('qunit-fixture'); const fixtureDiv = document.getElementById('qunit-fixture');
const playerDiv = document.createElement('div'); const playerDiv = document.createElement('div');
@@ -136,51 +136,51 @@ QUnit.test('ready triggering before and after disposing the tech', function() {
}; };
Flash.onReady(techEl.id); Flash.onReady(techEl.id);
QUnit.ok(checkReady.called, 'checkReady should be called before the tech is disposed'); assert.ok(checkReady.called, 'checkReady should be called before the tech is disposed');
// remove the tech el from the player div to simulate being disposed // remove the tech el from the player div to simulate being disposed
playerDiv.removeChild(techEl); playerDiv.removeChild(techEl);
Flash.onReady(techEl.id); Flash.onReady(techEl.id);
QUnit.ok(!checkReady.calledTwice, assert.ok(!checkReady.calledTwice,
'checkReady should not be called after the tech is disposed'); 'checkReady should not be called after the tech is disposed');
Flash.checkReady.restore(); Flash.checkReady.restore();
}); });
QUnit.test('should have the source handler interface', function() { QUnit.test('should have the source handler interface', function(assert) {
QUnit.ok(Flash.registerSourceHandler, 'has the registerSourceHandler function'); assert.ok(Flash.registerSourceHandler, 'has the registerSourceHandler function');
}); });
QUnit.test('canPlayType should select the correct types to play', function() { QUnit.test('canPlayType should select the correct types to play', function(assert) {
const canPlayType = Flash.nativeSourceHandler.canPlayType; const canPlayType = Flash.nativeSourceHandler.canPlayType;
QUnit.equal(canPlayType('video/flv'), 'maybe', 'should be able to play FLV files'); assert.equal(canPlayType('video/flv'), 'maybe', 'should be able to play FLV files');
QUnit.equal(canPlayType('video/x-flv'), 'maybe', 'should be able to play x-FLV files'); assert.equal(canPlayType('video/x-flv'), 'maybe', 'should be able to play x-FLV files');
QUnit.equal(canPlayType('video/mp4'), 'maybe', 'should be able to play MP4 files'); assert.equal(canPlayType('video/mp4'), 'maybe', 'should be able to play MP4 files');
QUnit.equal(canPlayType('video/m4v'), 'maybe', 'should be able to play M4V files'); assert.equal(canPlayType('video/m4v'), 'maybe', 'should be able to play M4V files');
QUnit.equal(canPlayType('video/ogg'), assert.equal(canPlayType('video/ogg'),
'', '',
'should return empty string if it can not play the video'); 'should return empty string if it can not play the video');
}); });
QUnit.test('canHandleSource should be able to work with src objects without a type', function() { QUnit.test('canHandleSource should be able to work with src objects without a type', function(assert) {
const canHandleSource = Flash.nativeSourceHandler.canHandleSource; const canHandleSource = Flash.nativeSourceHandler.canHandleSource;
QUnit.equal('maybe', assert.equal('maybe',
canHandleSource({ src: 'test.video.mp4' }, {}), canHandleSource({ src: 'test.video.mp4' }, {}),
'should guess that it is a mp4 video'); 'should guess that it is a mp4 video');
QUnit.equal('maybe', assert.equal('maybe',
canHandleSource({ src: 'test.video.m4v' }, {}), canHandleSource({ src: 'test.video.m4v' }, {}),
'should guess that it is a m4v video'); 'should guess that it is a m4v video');
QUnit.equal('maybe', assert.equal('maybe',
canHandleSource({ src: 'test.video.flv' }, {}), canHandleSource({ src: 'test.video.flv' }, {}),
'should guess that it is a flash video'); 'should guess that it is a flash video');
QUnit.equal('', assert.equal('',
canHandleSource({ src: 'test.video.wgg' }, {}), canHandleSource({ src: 'test.video.wgg' }, {}),
'should return empty string if it can not play the video'); 'should return empty string if it can not play the video');
}); });
QUnit.test('seekable', function() { QUnit.test('seekable', function(assert) {
const seekable = Flash.prototype.seekable; const seekable = Flash.prototype.seekable;
let result; let result;
const mockFlash = { const mockFlash = {
@@ -192,18 +192,18 @@ QUnit.test('seekable', function() {
// Test a normal duration // Test a normal duration
mockFlash.duration_ = 23; mockFlash.duration_ = 23;
result = seekable.call(mockFlash); result = seekable.call(mockFlash);
QUnit.equal(result.length, 1, 'seekable is non-empty'); assert.equal(result.length, 1, 'seekable is non-empty');
QUnit.equal(result.start(0), 0, 'starts at zero'); assert.equal(result.start(0), 0, 'starts at zero');
QUnit.equal(result.end(0), mockFlash.duration_, 'ends at the duration'); assert.equal(result.end(0), mockFlash.duration_, 'ends at the duration');
// Test a zero duration // Test a zero duration
mockFlash.duration_ = 0; mockFlash.duration_ = 0;
result = seekable.call(mockFlash); result = seekable.call(mockFlash);
QUnit.equal(result.length, mockFlash.duration_, assert.equal(result.length, mockFlash.duration_,
'seekable is empty with a zero duration'); 'seekable is empty with a zero duration');
}); });
QUnit.test('play after ended seeks to the beginning', function() { QUnit.test('play after ended seeks to the beginning', function(assert) {
let plays = 0; let plays = 0;
const seeks = []; const seeks = [];
@@ -223,12 +223,12 @@ QUnit.test('play after ended seeks to the beginning', function() {
} }
}); });
QUnit.equal(plays, 1, 'called play on the SWF'); assert.equal(plays, 1, 'called play on the SWF');
QUnit.equal(seeks.length, 1, 'seeked on play'); assert.equal(seeks.length, 1, 'seeked on play');
QUnit.equal(seeks[0], 0, 'seeked to the beginning'); assert.equal(seeks[0], 0, 'seeked to the beginning');
}); });
QUnit.test('duration returns NaN, Infinity or duration according to the HTML standard', function() { QUnit.test('duration returns NaN, Infinity or duration according to the HTML standard', function(assert) {
const duration = Flash.prototype.duration; const duration = Flash.prototype.duration;
let mockedDuration = -1; let mockedDuration = -1;
let mockedReadyState = 0; let mockedReadyState = 0;
@@ -247,16 +247,16 @@ QUnit.test('duration returns NaN, Infinity or duration according to the HTML sta
}; };
result = duration.call(mockFlash); result = duration.call(mockFlash);
QUnit.ok(Number.isNaN(result), 'duration returns NaN when readyState equals 0'); assert.ok(Number.isNaN(result), 'duration returns NaN when readyState equals 0');
mockedReadyState = 1; mockedReadyState = 1;
result = duration.call(mockFlash); result = duration.call(mockFlash);
QUnit.ok(!Number.isFinite(result), assert.ok(!Number.isFinite(result),
'duration returns Infinity when duration property is less then 0'); 'duration returns Infinity when duration property is less then 0');
mockedDuration = 1; mockedDuration = 1;
result = duration.call(mockFlash); result = duration.call(mockFlash);
QUnit.equal(result, assert.equal(result,
1, 1,
'duration returns duration property when readyState' + 'duration returns duration property when readyState' +
' and duration property are both higher than 0'); ' and duration property are both higher than 0');

View File

@@ -7,7 +7,7 @@ import * as browser from '../../../src/js/utils/browser.js';
import document from 'global/document'; import document from 'global/document';
QUnit.module('HTML5', { QUnit.module('HTML5', {
setup() { beforeEach(assert) {
const el = document.createElement('div'); const el = document.createElement('div');
el.innerHTML = '<div />'; el.innerHTML = '<div />';
@@ -43,17 +43,17 @@ QUnit.module('HTML5', {
}; };
tech = new Html5({}); tech = new Html5({});
}, },
teardown() { afterEach(assert) {
tech.dispose(); tech.dispose();
player = null; player = null;
tech = null; tech = null;
} }
}); });
QUnit.test('should detect whether the volume can be changed', function() { QUnit.test('should detect whether the volume can be changed', function(assert) {
if (!{}.__defineSetter__) { if (!{}.__defineSetter__) {
QUnit.ok(true, 'your browser does not support this test, skipping it'); assert.ok(true, 'your browser does not support this test, skipping it');
return; return;
} }
const testVid = Html5.TEST_VID; const testVid = Html5.TEST_VID;
@@ -64,32 +64,32 @@ QUnit.test('should detect whether the volume can be changed', function() {
Html5.TEST_VID = new ConstVolumeVideo(); Html5.TEST_VID = new ConstVolumeVideo();
QUnit.ok(!Html5.canControlVolume()); assert.ok(!Html5.canControlVolume());
Html5.TEST_VID = testVid; Html5.TEST_VID = testVid;
}); });
QUnit.test('test playbackRate', function() { QUnit.test('test playbackRate', function(assert) {
// Android 2.3 always returns 0 for playback rate // Android 2.3 always returns 0 for playback rate
if (!Html5.canControlPlaybackRate()) { if (!Html5.canControlPlaybackRate()) {
QUnit.ok('Playback rate is not supported'); assert.ok('Playback rate is not supported');
return; return;
} }
tech.createEl(); tech.createEl();
tech.el().playbackRate = 1.25; tech.el().playbackRate = 1.25;
QUnit.strictEqual(tech.playbackRate(), 1.25); assert.strictEqual(tech.playbackRate(), 1.25);
tech.setPlaybackRate(0.75); tech.setPlaybackRate(0.75);
QUnit.strictEqual(tech.playbackRate(), 0.75); assert.strictEqual(tech.playbackRate(), 0.75);
}); });
QUnit.test('should export played', function() { QUnit.test('should export played', function(assert) {
tech.createEl(); tech.createEl();
QUnit.deepEqual(tech.played(), tech.el().played, 'returns the played attribute'); assert.deepEqual(tech.played(), tech.el().played, 'returns the played attribute');
}); });
QUnit.test('should remove the controls attribute when recreating the element', function() { QUnit.test('should remove the controls attribute when recreating the element', function(assert) {
player.tagAttributes = { player.tagAttributes = {
controls: true controls: true
}; };
@@ -99,13 +99,13 @@ QUnit.test('should remove the controls attribute when recreating the element', f
// On the iPhone controls are always true // On the iPhone controls are always true
if (!browser.IS_IPHONE) { if (!browser.IS_IPHONE) {
QUnit.ok(!el.controls, 'controls attribute is absent'); assert.ok(!el.controls, 'controls attribute is absent');
} }
QUnit.ok(player.tagAttributes.controls, 'tag attribute is still present'); assert.ok(player.tagAttributes.controls, 'tag attribute is still present');
}); });
QUnit.test('patchCanPlayType patches canplaytype with our function, conditionally', function() { QUnit.test('patchCanPlayType patches canplaytype with our function, conditionally', function(assert) {
// the patch runs automatically so we need to first unpatch // the patch runs automatically so we need to first unpatch
Html5.unpatchCanPlayType(); Html5.unpatchCanPlayType();
@@ -116,17 +116,17 @@ QUnit.test('patchCanPlayType patches canplaytype with our function, conditionall
browser.ANDROID_VERSION = 4.0; browser.ANDROID_VERSION = 4.0;
Html5.patchCanPlayType(); Html5.patchCanPlayType();
QUnit.notStrictEqual(video.canPlayType, assert.notStrictEqual(video.canPlayType,
canPlayType, canPlayType,
'original canPlayType and patched canPlayType should not be equal'); 'original canPlayType and patched canPlayType should not be equal');
const patchedCanPlayType = video.canPlayType; const patchedCanPlayType = video.canPlayType;
const unpatchedCanPlayType = Html5.unpatchCanPlayType(); const unpatchedCanPlayType = Html5.unpatchCanPlayType();
QUnit.strictEqual(canPlayType, assert.strictEqual(canPlayType,
Html5.TEST_VID.constructor.prototype.canPlayType, Html5.TEST_VID.constructor.prototype.canPlayType,
'original canPlayType and unpatched canPlayType should be equal'); 'original canPlayType and unpatched canPlayType should be equal');
QUnit.strictEqual(patchedCanPlayType, assert.strictEqual(patchedCanPlayType,
unpatchedCanPlayType, unpatchedCanPlayType,
'patched canPlayType and function returned from unpatch are equal'); 'patched canPlayType and function returned from unpatch are equal');
@@ -134,24 +134,24 @@ QUnit.test('patchCanPlayType patches canplaytype with our function, conditionall
Html5.unpatchCanPlayType(); Html5.unpatchCanPlayType();
}); });
QUnit.test('should return maybe for HLS urls on Android 4.0 or above', function() { QUnit.test('should return maybe for HLS urls on Android 4.0 or above', function(assert) {
const oldAV = browser.ANDROID_VERSION; const oldAV = browser.ANDROID_VERSION;
const video = document.createElement('video'); const video = document.createElement('video');
browser.ANDROID_VERSION = 4.0; browser.ANDROID_VERSION = 4.0;
Html5.patchCanPlayType(); Html5.patchCanPlayType();
QUnit.strictEqual(video.canPlayType('application/x-mpegurl'), assert.strictEqual(video.canPlayType('application/x-mpegurl'),
'maybe', 'maybe',
'android version 4.0 or above should be a maybe for x-mpegurl'); 'android version 4.0 or above should be a maybe for x-mpegurl');
QUnit.strictEqual(video.canPlayType('application/x-mpegURL'), assert.strictEqual(video.canPlayType('application/x-mpegURL'),
'maybe', 'maybe',
'android version 4.0 or above should be a maybe for x-mpegURL'); 'android version 4.0 or above should be a maybe for x-mpegURL');
QUnit.strictEqual(video.canPlayType('application/vnd.apple.mpegurl'), assert.strictEqual(video.canPlayType('application/vnd.apple.mpegurl'),
'maybe', 'maybe',
'android version 4.0 or above should be a ' + 'android version 4.0 or above should be a ' +
'maybe for vnd.apple.mpegurl'); 'maybe for vnd.apple.mpegurl');
QUnit.strictEqual(video.canPlayType('application/vnd.apple.mpegURL'), assert.strictEqual(video.canPlayType('application/vnd.apple.mpegURL'),
'maybe', 'maybe',
'android version 4.0 or above should be a ' + 'android version 4.0 or above should be a ' +
'maybe for vnd.apple.mpegurl'); 'maybe for vnd.apple.mpegurl');
@@ -160,14 +160,14 @@ QUnit.test('should return maybe for HLS urls on Android 4.0 or above', function(
Html5.unpatchCanPlayType(); Html5.unpatchCanPlayType();
}); });
QUnit.test('should return a maybe for mp4 on OLD ANDROID', function() { QUnit.test('should return a maybe for mp4 on OLD ANDROID', function(assert) {
const isOldAndroid = browser.IS_OLD_ANDROID; const isOldAndroid = browser.IS_OLD_ANDROID;
const video = document.createElement('video'); const video = document.createElement('video');
browser.IS_OLD_ANDROID = true; browser.IS_OLD_ANDROID = true;
Html5.patchCanPlayType(); Html5.patchCanPlayType();
QUnit.strictEqual(video.canPlayType('video/mp4'), assert.strictEqual(video.canPlayType('video/mp4'),
'maybe', 'maybe',
'old android should return a maybe for video/mp4'); 'old android should return a maybe for video/mp4');
@@ -175,17 +175,17 @@ QUnit.test('should return a maybe for mp4 on OLD ANDROID', function() {
Html5.unpatchCanPlayType(); Html5.unpatchCanPlayType();
}); });
QUnit.test('error events may not set the errors property', function() { QUnit.test('error events may not set the errors property', function(assert) {
QUnit.equal(tech.error(), undefined, 'no tech-level error'); assert.equal(tech.error(), undefined, 'no tech-level error');
tech.trigger('error'); tech.trigger('error');
QUnit.ok(true, 'no error was thrown'); assert.ok(true, 'no error was thrown');
}); });
QUnit.test('should have the source handler interface', function() { QUnit.test('should have the source handler interface', function(assert) {
QUnit.ok(Html5.registerSourceHandler, 'has the registerSourceHandler function'); assert.ok(Html5.registerSourceHandler, 'has the registerSourceHandler function');
}); });
QUnit.test('native source handler canPlayType', function() { QUnit.test('native source handler canPlayType', function(assert) {
// Stub the test video canPlayType (used in canPlayType) to control results // Stub the test video canPlayType (used in canPlayType) to control results
const origCPT = Html5.TEST_VID.canPlayType; const origCPT = Html5.TEST_VID.canPlayType;
@@ -198,16 +198,16 @@ QUnit.test('native source handler canPlayType', function() {
const canPlayType = Html5.nativeSourceHandler.canPlayType; const canPlayType = Html5.nativeSourceHandler.canPlayType;
QUnit.equal(canPlayType('video/mp4'), assert.equal(canPlayType('video/mp4'),
'maybe', 'maybe',
'Native source handler reported type support'); 'Native source handler reported type support');
QUnit.equal(canPlayType('foo'), '', 'Native source handler handled bad type'); assert.equal(canPlayType('foo'), '', 'Native source handler handled bad type');
// Reset test video canPlayType // Reset test video canPlayType
Html5.TEST_VID.canPlayType = origCPT; Html5.TEST_VID.canPlayType = origCPT;
}); });
QUnit.test('native source handler canHandleSource', function() { QUnit.test('native source handler canHandleSource', function(assert) {
// Stub the test video canPlayType (used in canHandleSource) to control results // Stub the test video canPlayType (used in canHandleSource) to control results
const origCPT = Html5.TEST_VID.canPlayType; const origCPT = Html5.TEST_VID.canPlayType;
@@ -220,30 +220,30 @@ QUnit.test('native source handler canHandleSource', function() {
const canHandleSource = Html5.nativeSourceHandler.canHandleSource; const canHandleSource = Html5.nativeSourceHandler.canHandleSource;
QUnit.equal(canHandleSource({ type: 'video/mp4', src: 'video.flv' }, {}), assert.equal(canHandleSource({ type: 'video/mp4', src: 'video.flv' }, {}),
'maybe', 'maybe',
'Native source handler reported type support'); 'Native source handler reported type support');
QUnit.equal(canHandleSource({ src: 'http://www.example.com/video.mp4' }, {}), assert.equal(canHandleSource({ src: 'http://www.example.com/video.mp4' }, {}),
'maybe', 'maybe',
'Native source handler reported extension support'); 'Native source handler reported extension support');
QUnit.equal(canHandleSource({ src: 'https://example.com/video.sd.mp4?s=foo&token=bar' }, {}), assert.equal(canHandleSource({ src: 'https://example.com/video.sd.mp4?s=foo&token=bar' }, {}),
'maybe', 'maybe',
'Native source handler reported extension support'); 'Native source handler reported extension support');
QUnit.equal(canHandleSource({ src: 'https://example.com/video.sd.mp4?s=foo' }, {}), assert.equal(canHandleSource({ src: 'https://example.com/video.sd.mp4?s=foo' }, {}),
'maybe', 'maybe',
'Native source handler reported extension support'); 'Native source handler reported extension support');
// Test for issue videojs/video.js#1785 and other potential failures // Test for issue videojs/video.js#1785 and other potential failures
QUnit.equal(canHandleSource({ src: '' }, {}), assert.equal(canHandleSource({ src: '' }, {}),
'', '',
'Native source handler handled empty src'); 'Native source handler handled empty src');
QUnit.equal(canHandleSource({}, {}), assert.equal(canHandleSource({}, {}),
'', '',
'Native source handler handled empty object'); 'Native source handler handled empty object');
QUnit.equal(canHandleSource({ src: 'foo' }, {}), assert.equal(canHandleSource({ src: 'foo' }, {}),
'', '',
'Native source handler handled bad src'); 'Native source handler handled bad src');
QUnit.equal(canHandleSource({ type: 'foo' }, {}), assert.equal(canHandleSource({ type: 'foo' }, {}),
'', '',
'Native source handler handled bad type'); 'Native source handler handled bad type');
@@ -252,7 +252,7 @@ QUnit.test('native source handler canHandleSource', function() {
}); });
if (Html5.supportsNativeTextTracks()) { if (Html5.supportsNativeTextTracks()) {
QUnit.test('add native textTrack listeners on startup', function() { QUnit.test('add native textTrack listeners on startup', function(assert) {
const adds = []; const adds = [];
const rems = []; const rems = [];
const tt = { const tt = {
@@ -268,12 +268,12 @@ if (Html5.supportsNativeTextTracks()) {
const htmlTech = new Html5({el}); const htmlTech = new Html5({el});
/* eslint-enable no-unused-vars */ /* eslint-enable no-unused-vars */
QUnit.equal(adds[0][0], 'change', 'change event handler added'); assert.equal(adds[0][0], 'change', 'change event handler added');
QUnit.equal(adds[1][0], 'addtrack', 'addtrack event handler added'); assert.equal(adds[1][0], 'addtrack', 'addtrack event handler added');
QUnit.equal(adds[2][0], 'removetrack', 'removetrack event handler added'); assert.equal(adds[2][0], 'removetrack', 'removetrack event handler added');
}); });
QUnit.test('remove all tracks from emulated list on dispose', function() { QUnit.test('remove all tracks from emulated list on dispose', function(assert) {
const adds = []; const adds = [];
const rems = []; const rems = [];
const tt = { const tt = {
@@ -289,20 +289,20 @@ if (Html5.supportsNativeTextTracks()) {
htmlTech.dispose(); htmlTech.dispose();
QUnit.equal(adds[0][0], 'change', 'change event handler added'); assert.equal(adds[0][0], 'change', 'change event handler added');
QUnit.equal(adds[1][0], 'addtrack', 'addtrack event handler added'); assert.equal(adds[1][0], 'addtrack', 'addtrack event handler added');
QUnit.equal(adds[2][0], 'removetrack', 'removetrack event handler added'); assert.equal(adds[2][0], 'removetrack', 'removetrack event handler added');
QUnit.equal(rems[0][0], 'change', 'change event handler removed'); assert.equal(rems[0][0], 'change', 'change event handler removed');
QUnit.equal(rems[1][0], 'addtrack', 'addtrack event handler removed'); assert.equal(rems[1][0], 'addtrack', 'addtrack event handler removed');
QUnit.equal(rems[2][0], 'removetrack', 'removetrack event handler removed'); assert.equal(rems[2][0], 'removetrack', 'removetrack event handler removed');
QUnit.equal(adds[0][0], rems[0][0], 'change event handler removed'); assert.equal(adds[0][0], rems[0][0], 'change event handler removed');
QUnit.equal(adds[1][0], rems[1][0], 'addtrack event handler removed'); assert.equal(adds[1][0], rems[1][0], 'addtrack event handler removed');
QUnit.equal(adds[2][0], rems[2][0], 'removetrack event handler removed'); assert.equal(adds[2][0], rems[2][0], 'removetrack event handler removed');
}); });
} }
if (Html5.supportsNativeAudioTracks()) { if (Html5.supportsNativeAudioTracks()) {
QUnit.test('add native audioTrack listeners on startup', function() { QUnit.test('add native audioTrack listeners on startup', function(assert) {
const adds = []; const adds = [];
const rems = []; const rems = [];
const at = { const at = {
@@ -318,12 +318,12 @@ if (Html5.supportsNativeAudioTracks()) {
const htmlTech = new Html5({el}); const htmlTech = new Html5({el});
/* eslint-enable no-unused-vars */ /* eslint-enable no-unused-vars */
QUnit.equal(adds[0][0], 'change', 'change event handler added'); assert.equal(adds[0][0], 'change', 'change event handler added');
QUnit.equal(adds[1][0], 'addtrack', 'addtrack event handler added'); assert.equal(adds[1][0], 'addtrack', 'addtrack event handler added');
QUnit.equal(adds[2][0], 'removetrack', 'removetrack event handler added'); assert.equal(adds[2][0], 'removetrack', 'removetrack event handler added');
}); });
QUnit.test('remove all tracks from emulated list on dispose', function() { QUnit.test('remove all tracks from emulated list on dispose', function(assert) {
const adds = []; const adds = [];
const rems = []; const rems = [];
const at = { const at = {
@@ -339,20 +339,20 @@ if (Html5.supportsNativeAudioTracks()) {
htmlTech.dispose(); htmlTech.dispose();
QUnit.equal(adds[0][0], 'change', 'change event handler added'); assert.equal(adds[0][0], 'change', 'change event handler added');
QUnit.equal(adds[1][0], 'addtrack', 'addtrack event handler added'); assert.equal(adds[1][0], 'addtrack', 'addtrack event handler added');
QUnit.equal(adds[2][0], 'removetrack', 'removetrack event handler added'); assert.equal(adds[2][0], 'removetrack', 'removetrack event handler added');
QUnit.equal(rems[0][0], 'change', 'change event handler removed'); assert.equal(rems[0][0], 'change', 'change event handler removed');
QUnit.equal(rems[1][0], 'addtrack', 'addtrack event handler removed'); assert.equal(rems[1][0], 'addtrack', 'addtrack event handler removed');
QUnit.equal(rems[2][0], 'removetrack', 'removetrack event handler removed'); assert.equal(rems[2][0], 'removetrack', 'removetrack event handler removed');
QUnit.equal(adds[0][0], rems[0][0], 'change event handler removed'); assert.equal(adds[0][0], rems[0][0], 'change event handler removed');
QUnit.equal(adds[1][0], rems[1][0], 'addtrack event handler removed'); assert.equal(adds[1][0], rems[1][0], 'addtrack event handler removed');
QUnit.equal(adds[2][0], rems[2][0], 'removetrack event handler removed'); assert.equal(adds[2][0], rems[2][0], 'removetrack event handler removed');
}); });
} }
if (Html5.supportsNativeVideoTracks()) { if (Html5.supportsNativeVideoTracks()) {
QUnit.test('add native videoTrack listeners on startup', function() { QUnit.test('add native videoTrack listeners on startup', function(assert) {
const adds = []; const adds = [];
const rems = []; const rems = [];
const vt = { const vt = {
@@ -368,12 +368,12 @@ if (Html5.supportsNativeVideoTracks()) {
const htmlTech = new Html5({el}); const htmlTech = new Html5({el});
/* eslint-enable no-unused-vars */ /* eslint-enable no-unused-vars */
QUnit.equal(adds[0][0], 'change', 'change event handler added'); assert.equal(adds[0][0], 'change', 'change event handler added');
QUnit.equal(adds[1][0], 'addtrack', 'addtrack event handler added'); assert.equal(adds[1][0], 'addtrack', 'addtrack event handler added');
QUnit.equal(adds[2][0], 'removetrack', 'removetrack event handler added'); assert.equal(adds[2][0], 'removetrack', 'removetrack event handler added');
}); });
QUnit.test('remove all tracks from emulated list on dispose', function() { QUnit.test('remove all tracks from emulated list on dispose', function(assert) {
const adds = []; const adds = [];
const rems = []; const rems = [];
const vt = { const vt = {
@@ -389,34 +389,34 @@ if (Html5.supportsNativeVideoTracks()) {
htmlTech.dispose(); htmlTech.dispose();
QUnit.equal(adds[0][0], 'change', 'change event handler added'); assert.equal(adds[0][0], 'change', 'change event handler added');
QUnit.equal(adds[1][0], 'addtrack', 'addtrack event handler added'); assert.equal(adds[1][0], 'addtrack', 'addtrack event handler added');
QUnit.equal(adds[2][0], 'removetrack', 'removetrack event handler added'); assert.equal(adds[2][0], 'removetrack', 'removetrack event handler added');
QUnit.equal(rems[0][0], 'change', 'change event handler removed'); assert.equal(rems[0][0], 'change', 'change event handler removed');
QUnit.equal(rems[1][0], 'addtrack', 'addtrack event handler removed'); assert.equal(rems[1][0], 'addtrack', 'addtrack event handler removed');
QUnit.equal(rems[2][0], 'removetrack', 'removetrack event handler removed'); assert.equal(rems[2][0], 'removetrack', 'removetrack event handler removed');
QUnit.equal(adds[0][0], rems[0][0], 'change event handler removed'); assert.equal(adds[0][0], rems[0][0], 'change event handler removed');
QUnit.equal(adds[1][0], rems[1][0], 'addtrack event handler removed'); assert.equal(adds[1][0], rems[1][0], 'addtrack event handler removed');
QUnit.equal(adds[2][0], rems[2][0], 'removetrack event handler removed'); assert.equal(adds[2][0], rems[2][0], 'removetrack event handler removed');
}); });
} }
QUnit.test('should always return currentSource_ if set', function() { QUnit.test('should always return currentSource_ if set', function(assert) {
const currentSrc = Html5.prototype.currentSrc; const currentSrc = Html5.prototype.currentSrc;
QUnit.equal(currentSrc.call({el_: {currentSrc: 'test1'}}), assert.equal(currentSrc.call({el_: {currentSrc: 'test1'}}),
'test1', 'test1',
'sould return source from element if nothing else set'); 'sould return source from element if nothing else set');
QUnit.equal(currentSrc.call({currentSource_: {src: 'test2'}}), assert.equal(currentSrc.call({currentSource_: {src: 'test2'}}),
'test2', 'test2',
'sould return source from currentSource_, if nothing else set'); 'sould return source from currentSource_, if nothing else set');
QUnit.equal(currentSrc.call({currentSource_: {src: 'test2'}, assert.equal(currentSrc.call({currentSource_: {src: 'test2'},
el_: {currentSrc: 'test1'}}), el_: {currentSrc: 'test1'}}),
'test2', 'test2',
'sould return source from source set, not from element'); 'sould return source from source set, not from element');
}); });
QUnit.test('should fire makeup events when a video tag is initialized late', function() { QUnit.test('should fire makeup events when a video tag is initialized late', function(assert) {
const lateInit = Html5.prototype.handleLateInit_; const lateInit = Html5.prototype.handleLateInit_;
let triggeredEvents = []; let triggeredEvents = [];
const mockHtml5 = { const mockHtml5 = {
@@ -439,7 +439,7 @@ QUnit.test('should fire makeup events when a video tag is initialized late', fun
function testStates(statesObject, expectedEvents) { function testStates(statesObject, expectedEvents) {
lateInit.call(mockHtml5, statesObject); lateInit.call(mockHtml5, statesObject);
mockHtml5.triggerReady(); mockHtml5.triggerReady();
QUnit.deepEqual(triggeredEvents, assert.deepEqual(triggeredEvents,
expectedEvents, expectedEvents,
'wrong events triggered for ' + 'wrong events triggered for ' +
`networkState:${statesObject.networkState} ` + `networkState:${statesObject.networkState} ` +
@@ -467,7 +467,7 @@ QUnit.test('should fire makeup events when a video tag is initialized late', fun
['loadstart', 'loadedmetadata', 'loadeddata', 'canplay', 'canplaythrough']); ['loadstart', 'loadedmetadata', 'loadeddata', 'canplay', 'canplaythrough']);
}); });
QUnit.test('Html5.resetMediaElement should remove sources and call load', function() { QUnit.test('Html5.resetMediaElement should remove sources and call load', function(assert) {
let selector; let selector;
const removedChildren = []; const removedChildren = [];
let removedAttribute; let removedAttribute;
@@ -493,15 +493,15 @@ QUnit.test('Html5.resetMediaElement should remove sources and call load', functi
}; };
Html5.resetMediaElement(testEl); Html5.resetMediaElement(testEl);
QUnit.equal(selector, 'source', 'we got the source elements from the test el'); assert.equal(selector, 'source', 'we got the source elements from the test el');
QUnit.deepEqual(removedChildren, assert.deepEqual(removedChildren,
children.reverse(), children.reverse(),
'we removed the children that were present'); 'we removed the children that were present');
QUnit.equal(removedAttribute, 'src', 'we removed the src attribute'); assert.equal(removedAttribute, 'src', 'we removed the src attribute');
QUnit.ok(loaded, 'we called load on the element'); assert.ok(loaded, 'we called load on the element');
}); });
QUnit.test('Html5#reset calls Html5.resetMediaElement when called', function() { QUnit.test('Html5#reset calls Html5.resetMediaElement when called', function(assert) {
const oldResetMedia = Html5.resetMediaElement; const oldResetMedia = Html5.resetMediaElement;
let resetEl; let resetEl;
@@ -513,7 +513,7 @@ QUnit.test('Html5#reset calls Html5.resetMediaElement when called', function() {
Html5.prototype.reset.call({el_: el}); Html5.prototype.reset.call({el_: el});
QUnit.equal(resetEl, el, 'we called resetMediaElement with the tech\'s el'); assert.equal(resetEl, el, 'we called resetMediaElement with the tech\'s el');
Html5.resetMediaElement = oldResetMedia; Html5.resetMediaElement = oldResetMedia;
}); });

View File

@@ -15,19 +15,19 @@ import TextTrackList from '../../../src/js/tracks/text-track-list';
import sinon from 'sinon'; import sinon from 'sinon';
QUnit.module('Media Tech', { QUnit.module('Media Tech', {
setup() { beforeEach(assert) {
this.noop = function() {}; this.noop = function() {};
this.clock = sinon.useFakeTimers(); this.clock = sinon.useFakeTimers();
this.featuresProgessEvents = Tech.prototype.featuresProgessEvents; this.featuresProgessEvents = Tech.prototype.featuresProgessEvents;
Tech.prototype.featuresProgressEvents = false; Tech.prototype.featuresProgressEvents = false;
}, },
teardown() { afterEach(assert) {
this.clock.restore(); this.clock.restore();
Tech.prototype.featuresProgessEvents = this.featuresProgessEvents; Tech.prototype.featuresProgessEvents = this.featuresProgessEvents;
} }
}); });
QUnit.test('should synthesize timeupdate events by default', function() { QUnit.test('should synthesize timeupdate events by default', function(assert) {
let timeupdates = 0; let timeupdates = 0;
const tech = new Tech(); const tech = new Tech();
@@ -38,10 +38,10 @@ QUnit.test('should synthesize timeupdate events by default', function() {
tech.trigger('play'); tech.trigger('play');
this.clock.tick(250); this.clock.tick(250);
QUnit.equal(timeupdates, 1, 'triggered at least one timeupdate'); assert.equal(timeupdates, 1, 'triggered at least one timeupdate');
}); });
QUnit.test('stops manual timeupdates while paused', function() { QUnit.test('stops manual timeupdates while paused', function(assert) {
let timeupdates = 0; let timeupdates = 0;
const tech = new Tech(); const tech = new Tech();
@@ -51,19 +51,19 @@ QUnit.test('stops manual timeupdates while paused', function() {
tech.trigger('play'); tech.trigger('play');
this.clock.tick(10 * 250); this.clock.tick(10 * 250);
QUnit.ok(timeupdates > 0, 'timeupdates fire during playback'); assert.ok(timeupdates > 0, 'timeupdates fire during playback');
tech.trigger('pause'); tech.trigger('pause');
timeupdates = 0; timeupdates = 0;
this.clock.tick(10 * 250); this.clock.tick(10 * 250);
QUnit.equal(timeupdates, 0, 'timeupdates do not fire when paused'); assert.equal(timeupdates, 0, 'timeupdates do not fire when paused');
tech.trigger('play'); tech.trigger('play');
this.clock.tick(10 * 250); this.clock.tick(10 * 250);
QUnit.ok(timeupdates > 0, 'timeupdates fire when playback resumes'); assert.ok(timeupdates > 0, 'timeupdates fire when playback resumes');
}); });
QUnit.test('should synthesize progress events by default', function() { QUnit.test('should synthesize progress events by default', function(assert) {
let progresses = 0; let progresses = 0;
let bufferedPercent = 0.5; let bufferedPercent = 0.5;
const tech = new Tech(); const tech = new Tech();
@@ -76,19 +76,19 @@ QUnit.test('should synthesize progress events by default', function() {
}; };
this.clock.tick(500); this.clock.tick(500);
QUnit.equal(progresses, 0, 'waits until ready'); assert.equal(progresses, 0, 'waits until ready');
tech.trigger('ready'); tech.trigger('ready');
this.clock.tick(500); this.clock.tick(500);
QUnit.equal(progresses, 1, 'triggered one event'); assert.equal(progresses, 1, 'triggered one event');
tech.trigger('ready'); tech.trigger('ready');
bufferedPercent = 0.75; bufferedPercent = 0.75;
this.clock.tick(500); this.clock.tick(500);
QUnit.equal(progresses, 2, 'repeated readies are ok'); assert.equal(progresses, 2, 'repeated readies are ok');
}); });
QUnit.test('dispose() should stop time tracking', function() { QUnit.test('dispose() should stop time tracking', function(assert) {
const tech = new Tech(); const tech = new Tech();
tech.dispose(); tech.dispose();
@@ -98,41 +98,41 @@ QUnit.test('dispose() should stop time tracking', function() {
try { try {
this.clock.tick(10 * 1000); this.clock.tick(10 * 1000);
} catch (e) { } catch (e) {
return QUnit.equal(e, undefined, 'threw an exception'); return assert.equal(e, undefined, 'threw an exception');
} }
QUnit.ok(true, 'no exception was thrown'); assert.ok(true, 'no exception was thrown');
}); });
QUnit.test('dispose() should clear all tracks that are passed when its created', function() { QUnit.test('dispose() should clear all tracks that are passed when its created', function(assert) {
const audioTracks = new AudioTrackList([new AudioTrack(), new AudioTrack()]); const audioTracks = new AudioTrackList([new AudioTrack(), new AudioTrack()]);
const videoTracks = new VideoTrackList([new VideoTrack(), new VideoTrack()]); const videoTracks = new VideoTrackList([new VideoTrack(), new VideoTrack()]);
const textTracks = new TextTrackList([new TextTrack({tech: {}}), const textTracks = new TextTrackList([new TextTrack({tech: {}}),
new TextTrack({tech: {}})]); new TextTrack({tech: {}})]);
QUnit.equal(audioTracks.length, 2, 'should have two audio tracks at the start'); assert.equal(audioTracks.length, 2, 'should have two audio tracks at the start');
QUnit.equal(videoTracks.length, 2, 'should have two video tracks at the start'); assert.equal(videoTracks.length, 2, 'should have two video tracks at the start');
QUnit.equal(textTracks.length, 2, 'should have two text tracks at the start'); assert.equal(textTracks.length, 2, 'should have two text tracks at the start');
const tech = new Tech({audioTracks, videoTracks, textTracks}); const tech = new Tech({audioTracks, videoTracks, textTracks});
QUnit.equal(tech.videoTracks().length, assert.equal(tech.videoTracks().length,
videoTracks.length, videoTracks.length,
'should hold video tracks that we passed'); 'should hold video tracks that we passed');
QUnit.equal(tech.audioTracks().length, assert.equal(tech.audioTracks().length,
audioTracks.length, audioTracks.length,
'should hold audio tracks that we passed'); 'should hold audio tracks that we passed');
QUnit.equal(tech.textTracks().length, assert.equal(tech.textTracks().length,
textTracks.length, textTracks.length,
'should hold text tracks that we passed'); 'should hold text tracks that we passed');
tech.dispose(); tech.dispose();
QUnit.equal(audioTracks.length, 0, 'should have zero audio tracks after dispose'); assert.equal(audioTracks.length, 0, 'should have zero audio tracks after dispose');
QUnit.equal(videoTracks.length, 0, 'should have zero video tracks after dispose'); assert.equal(videoTracks.length, 0, 'should have zero video tracks after dispose');
QUnit.equal(textTracks.length, 0, 'should have zero text tracks after dispose'); assert.equal(textTracks.length, 0, 'should have zero text tracks after dispose');
}); });
QUnit.test('dispose() should clear all tracks that are added after creation', function() { QUnit.test('dispose() should clear all tracks that are added after creation', function(assert) {
const tech = new Tech(); const tech = new Tech();
tech.addRemoteTextTrack({}); tech.addRemoteTextTrack({});
@@ -144,30 +144,30 @@ QUnit.test('dispose() should clear all tracks that are added after creation', fu
tech.videoTracks().addTrack_(new VideoTrack()); tech.videoTracks().addTrack_(new VideoTrack());
tech.videoTracks().addTrack_(new VideoTrack()); tech.videoTracks().addTrack_(new VideoTrack());
QUnit.equal(tech.audioTracks().length, 2, 'should have two audio tracks at the start'); assert.equal(tech.audioTracks().length, 2, 'should have two audio tracks at the start');
QUnit.equal(tech.videoTracks().length, 2, 'should have two video tracks at the start'); assert.equal(tech.videoTracks().length, 2, 'should have two video tracks at the start');
QUnit.equal(tech.textTracks().length, 2, 'should have two video tracks at the start'); assert.equal(tech.textTracks().length, 2, 'should have two video tracks at the start');
QUnit.equal(tech.remoteTextTrackEls().length, assert.equal(tech.remoteTextTrackEls().length,
2, 2,
'should have two remote text tracks els'); 'should have two remote text tracks els');
QUnit.equal(tech.remoteTextTracks().length, 2, 'should have two remote text tracks'); assert.equal(tech.remoteTextTracks().length, 2, 'should have two remote text tracks');
tech.dispose(); tech.dispose();
QUnit.equal(tech.audioTracks().length, assert.equal(tech.audioTracks().length,
0, 0,
'should have zero audio tracks after dispose'); 'should have zero audio tracks after dispose');
QUnit.equal(tech.videoTracks().length, assert.equal(tech.videoTracks().length,
0, 0,
'should have zero video tracks after dispose'); 'should have zero video tracks after dispose');
QUnit.equal(tech.remoteTextTrackEls().length, assert.equal(tech.remoteTextTrackEls().length,
0, 0,
'should have zero remote text tracks els'); 'should have zero remote text tracks els');
QUnit.equal(tech.remoteTextTracks().length, 0, 'should have zero remote text tracks'); assert.equal(tech.remoteTextTracks().length, 0, 'should have zero remote text tracks');
QUnit.equal(tech.textTracks().length, 0, 'should have zero video tracks after dispose'); assert.equal(tech.textTracks().length, 0, 'should have zero video tracks after dispose');
}); });
QUnit.test('should add the source handler interface to a tech', function() { QUnit.test('should add the source handler interface to a tech', function(assert) {
const sourceA = { src: 'foo.mp4', type: 'video/mp4' }; const sourceA = { src: 'foo.mp4', type: 'video/mp4' };
const sourceB = { src: 'no-support', type: 'no-support' }; const sourceB = { src: 'no-support', type: 'no-support' };
@@ -178,16 +178,16 @@ QUnit.test('should add the source handler interface to a tech', function() {
Tech.withSourceHandlers(MyTech); Tech.withSourceHandlers(MyTech);
// Check for the expected class methods // Check for the expected class methods
QUnit.ok(MyTech.registerSourceHandler, assert.ok(MyTech.registerSourceHandler,
'added a registerSourceHandler function to the Tech'); 'added a registerSourceHandler function to the Tech');
QUnit.ok(MyTech.selectSourceHandler, assert.ok(MyTech.selectSourceHandler,
'added a selectSourceHandler function to the Tech'); 'added a selectSourceHandler function to the Tech');
// Create an instance of Tech // Create an instance of Tech
const tech = new MyTech(); const tech = new MyTech();
// Check for the expected instance methods // Check for the expected instance methods
QUnit.ok(tech.setSource, 'added a setSource function to the tech instance'); assert.ok(tech.setSource, 'added a setSource function to the tech instance');
// Create an internal state class for the source handler // Create an internal state class for the source handler
// The internal class would be used by a source handler to maintain state // The internal class would be used by a source handler to maintain state
@@ -209,7 +209,7 @@ QUnit.test('should add the source handler interface to a tech', function() {
return ''; return '';
}, },
canHandleSource(source, options) { canHandleSource(source, options) {
QUnit.strictEqual(tech.options_, assert.strictEqual(tech.options_,
options, options,
'tech options passed to canHandleSource'); 'tech options passed to canHandleSource');
if (source.type !== 'no-support') { if (source.type !== 'no-support') {
@@ -218,13 +218,13 @@ QUnit.test('should add the source handler interface to a tech', function() {
return ''; return '';
}, },
handleSource(s, t, o) { handleSource(s, t, o) {
QUnit.strictEqual(tech, assert.strictEqual(tech,
t, t,
'tech instance passed to source handler'); 'tech instance passed to source handler');
QUnit.strictEqual(sourceA, assert.strictEqual(sourceA,
s, s,
'tech instance passed to the source handler'); 'tech instance passed to the source handler');
QUnit.strictEqual(tech.options_, assert.strictEqual(tech.options_,
o, o,
'tech options passed to the source handler handleSource'); 'tech options passed to the source handler handleSource');
return new HandlerInternalState(); return new HandlerInternalState();
@@ -241,41 +241,41 @@ QUnit.test('should add the source handler interface to a tech', function() {
return ''; return '';
}, },
handleSource(source, tech_, options) { handleSource(source, tech_, options) {
QUnit.ok(false, 'handlerTwo supports nothing and should never be called'); assert.ok(false, 'handlerTwo supports nothing and should never be called');
} }
}; };
// Test registering source handlers // Test registering source handlers
MyTech.registerSourceHandler(handlerOne); MyTech.registerSourceHandler(handlerOne);
QUnit.strictEqual(MyTech.sourceHandlers[0], assert.strictEqual(MyTech.sourceHandlers[0],
handlerOne, handlerOne,
'handlerOne was added to the source handler array'); 'handlerOne was added to the source handler array');
MyTech.registerSourceHandler(handlerTwo, 0); MyTech.registerSourceHandler(handlerTwo, 0);
QUnit.strictEqual(MyTech.sourceHandlers[0], assert.strictEqual(MyTech.sourceHandlers[0],
handlerTwo, handlerTwo,
'handlerTwo was registered at the correct index (0)'); 'handlerTwo was registered at the correct index (0)');
// Test handler selection // Test handler selection
QUnit.strictEqual(MyTech.selectSourceHandler(sourceA, tech.options_), assert.strictEqual(MyTech.selectSourceHandler(sourceA, tech.options_),
handlerOne, handlerOne,
'handlerOne was selected to handle the valid source'); 'handlerOne was selected to handle the valid source');
QUnit.strictEqual(MyTech.selectSourceHandler(sourceB, tech.options_), assert.strictEqual(MyTech.selectSourceHandler(sourceB, tech.options_),
null, null,
'no handler was selected to handle the invalid source'); 'no handler was selected to handle the invalid source');
// Test canPlayType return values // Test canPlayType return values
QUnit.strictEqual(MyTech.canPlayType(sourceA.type), assert.strictEqual(MyTech.canPlayType(sourceA.type),
'probably', 'probably',
'the Tech returned probably for the valid source'); 'the Tech returned probably for the valid source');
QUnit.strictEqual(MyTech.canPlayType(sourceB.type), assert.strictEqual(MyTech.canPlayType(sourceB.type),
'', '',
'the Tech returned an empty string for the invalid source'); 'the Tech returned an empty string for the invalid source');
// Test canPlaySource return values // Test canPlaySource return values
QUnit.strictEqual(MyTech.canPlaySource(sourceA, tech.options_), assert.strictEqual(MyTech.canPlaySource(sourceA, tech.options_),
'probably', 'probably',
'the Tech returned probably for the valid source'); 'the Tech returned probably for the valid source');
QUnit.strictEqual(MyTech.canPlaySource(sourceB, tech.options_), assert.strictEqual(MyTech.canPlaySource(sourceB, tech.options_),
'', '',
'the Tech returned an empty string for the invalid source'); 'the Tech returned an empty string for the invalid source');
@@ -288,52 +288,52 @@ QUnit.test('should add the source handler interface to a tech', function() {
tech.videoTracks().addTrack_(new VideoTrack()); tech.videoTracks().addTrack_(new VideoTrack());
tech.videoTracks().addTrack_(new VideoTrack()); tech.videoTracks().addTrack_(new VideoTrack());
QUnit.equal(tech.audioTracks().length, 2, 'should have two audio tracks at the start'); assert.equal(tech.audioTracks().length, 2, 'should have two audio tracks at the start');
QUnit.equal(tech.videoTracks().length, 2, 'should have two video tracks at the start'); assert.equal(tech.videoTracks().length, 2, 'should have two video tracks at the start');
QUnit.equal(tech.textTracks().length, 2, 'should have two video tracks at the start'); assert.equal(tech.textTracks().length, 2, 'should have two video tracks at the start');
QUnit.equal(tech.remoteTextTrackEls().length, assert.equal(tech.remoteTextTrackEls().length,
2, 2,
'should have two remote text tracks els'); 'should have two remote text tracks els');
QUnit.equal(tech.remoteTextTracks().length, 2, 'should have two remote text tracks'); assert.equal(tech.remoteTextTracks().length, 2, 'should have two remote text tracks');
// Pass a source through the source handler process of a tech instance // Pass a source through the source handler process of a tech instance
tech.setSource(sourceA); tech.setSource(sourceA);
// verify that the Tracks are still there // verify that the Tracks are still there
QUnit.equal(tech.audioTracks().length, 2, 'should have two audio tracks at the start'); assert.equal(tech.audioTracks().length, 2, 'should have two audio tracks at the start');
QUnit.equal(tech.videoTracks().length, 2, 'should have two video tracks at the start'); assert.equal(tech.videoTracks().length, 2, 'should have two video tracks at the start');
QUnit.equal(tech.textTracks().length, 2, 'should have two video tracks at the start'); assert.equal(tech.textTracks().length, 2, 'should have two video tracks at the start');
QUnit.equal(tech.remoteTextTrackEls().length, assert.equal(tech.remoteTextTrackEls().length,
2, 2,
'should have two remote text tracks els'); 'should have two remote text tracks els');
QUnit.equal(tech.remoteTextTracks().length, 2, 'should have two remote text tracks'); assert.equal(tech.remoteTextTracks().length, 2, 'should have two remote text tracks');
QUnit.strictEqual(tech.currentSource_, sourceA, 'sourceA was handled and stored'); assert.strictEqual(tech.currentSource_, sourceA, 'sourceA was handled and stored');
QUnit.ok(tech.sourceHandler_.dispose, 'the handlerOne state instance was stored'); assert.ok(tech.sourceHandler_.dispose, 'the handlerOne state instance was stored');
// Pass a second source // Pass a second source
tech.setSource(sourceA); tech.setSource(sourceA);
QUnit.strictEqual(tech.currentSource_, sourceA, 'sourceA was handled and stored'); assert.strictEqual(tech.currentSource_, sourceA, 'sourceA was handled and stored');
QUnit.ok(tech.sourceHandler_.dispose, 'the handlerOne state instance was stored'); assert.ok(tech.sourceHandler_.dispose, 'the handlerOne state instance was stored');
// verify that all the tracks were removed as we got a new source // verify that all the tracks were removed as we got a new source
QUnit.equal(tech.audioTracks().length, 0, 'should have zero audio tracks'); assert.equal(tech.audioTracks().length, 0, 'should have zero audio tracks');
QUnit.equal(tech.videoTracks().length, 0, 'should have zero video tracks'); assert.equal(tech.videoTracks().length, 0, 'should have zero video tracks');
QUnit.equal(tech.textTracks().length, 2, 'should have two text tracks'); assert.equal(tech.textTracks().length, 2, 'should have two text tracks');
QUnit.equal(tech.remoteTextTrackEls().length, assert.equal(tech.remoteTextTrackEls().length,
2, 2,
'should have two remote text tracks els'); 'should have two remote text tracks els');
QUnit.equal(tech.remoteTextTracks().length, 2, 'should have two remote text tracks'); assert.equal(tech.remoteTextTracks().length, 2, 'should have two remote text tracks');
// Check that the handler dipose method works // Check that the handler dipose method works
QUnit.ok(disposeCalled, 'dispose has been called for the handler yet'); assert.ok(disposeCalled, 'dispose has been called for the handler yet');
disposeCalled = false; disposeCalled = false;
tech.dispose(); tech.dispose();
QUnit.ok(disposeCalled, assert.ok(disposeCalled,
'the handler dispose method was called when the tech was disposed'); 'the handler dispose method was called when the tech was disposed');
}); });
QUnit.test('should handle unsupported sources with the source handler API', function() { QUnit.test('should handle unsupported sources with the source handler API', function(assert) {
// Define a new tech class // Define a new tech class
const MyTech = extendFn(Tech); const MyTech = extendFn(Tech);
@@ -350,11 +350,11 @@ QUnit.test('should handle unsupported sources with the source handler API', func
}; };
tech.setSource(''); tech.setSource('');
QUnit.ok(usedNative, assert.ok(usedNative,
'native source handler was used when an unsupported source was set'); 'native source handler was used when an unsupported source was set');
}); });
QUnit.test('should allow custom error events to be set', function() { QUnit.test('should allow custom error events to be set', function(assert) {
const tech = new Tech(); const tech = new Tech();
const errors = []; const errors = [];
@@ -362,26 +362,26 @@ QUnit.test('should allow custom error events to be set', function() {
errors.push(tech.error()); errors.push(tech.error());
}); });
QUnit.equal(tech.error(), null, 'error is null by default'); assert.equal(tech.error(), null, 'error is null by default');
tech.error(new MediaError(1)); tech.error(new MediaError(1));
QUnit.equal(errors.length, 1, 'triggered an error event'); assert.equal(errors.length, 1, 'triggered an error event');
QUnit.equal(errors[0].code, 1, 'set the proper code'); assert.equal(errors[0].code, 1, 'set the proper code');
tech.error(2); tech.error(2);
QUnit.equal(errors.length, 2, 'triggered an error event'); assert.equal(errors.length, 2, 'triggered an error event');
QUnit.equal(errors[1].code, 2, 'wrapped the error code'); assert.equal(errors[1].code, 2, 'wrapped the error code');
}); });
QUnit.test('should track whether a video has played', function() { QUnit.test('should track whether a video has played', function(assert) {
const tech = new Tech(); const tech = new Tech();
QUnit.equal(tech.played().length, 0, 'starts with zero length'); assert.equal(tech.played().length, 0, 'starts with zero length');
tech.trigger('playing'); tech.trigger('playing');
QUnit.equal(tech.played().length, 1, 'has length after playing'); assert.equal(tech.played().length, 1, 'has length after playing');
}); });
QUnit.test('delegates seekable to the source handler', function() { QUnit.test('delegates seekable to the source handler', function(assert) {
const MyTech = extendFn(Tech, { const MyTech = extendFn(Tech, {
seekable() { seekable() {
throw new Error('You should not be calling me!'); throw new Error('You should not be calling me!');
@@ -417,24 +417,24 @@ QUnit.test('delegates seekable to the source handler', function() {
type: 'video/mp4' type: 'video/mp4'
}); });
tech.seekable(); tech.seekable();
QUnit.equal(seekableCount, 1, 'called the source handler'); assert.equal(seekableCount, 1, 'called the source handler');
}); });
QUnit.test('Tech.isTech returns correct answers for techs and components', function() { QUnit.test('Tech.isTech returns correct answers for techs and components', function(assert) {
const isTech = Tech.isTech; const isTech = Tech.isTech;
QUnit.ok(isTech(Tech), 'Tech is a Tech'); assert.ok(isTech(Tech), 'Tech is a Tech');
QUnit.ok(isTech(Html5), 'Html5 is a Tech'); assert.ok(isTech(Html5), 'Html5 is a Tech');
QUnit.ok(isTech(new Html5({}, {})), 'An html5 instance is a Tech'); assert.ok(isTech(new Html5({}, {})), 'An html5 instance is a Tech');
QUnit.ok(isTech(Flash), 'Flash is a Tech'); assert.ok(isTech(Flash), 'Flash is a Tech');
QUnit.ok(!isTech(5), 'A number is not a Tech'); assert.ok(!isTech(5), 'A number is not a Tech');
QUnit.ok(!isTech('this is a tech'), 'A string is not a Tech'); assert.ok(!isTech('this is a tech'), 'A string is not a Tech');
QUnit.ok(!isTech(Button), 'A Button is not a Tech'); assert.ok(!isTech(Button), 'A Button is not a Tech');
QUnit.ok(!isTech(new Button({}, {})), 'A Button instance is not a Tech'); assert.ok(!isTech(new Button({}, {})), 'A Button instance is not a Tech');
QUnit.ok(!isTech(isTech), 'A function is not a Tech'); assert.ok(!isTech(isTech), 'A function is not a Tech');
}); });
QUnit.test('Tech#setSource clears currentSource_ after repeated loadstart', function() { QUnit.test('Tech#setSource clears currentSource_ after repeated loadstart', function(assert) {
let disposed = false; let disposed = false;
const MyTech = extendFn(Tech); const MyTech = extendFn(Tech);
@@ -464,21 +464,21 @@ QUnit.test('Tech#setSource clears currentSource_ after repeated loadstart', func
tech.setSource('test'); tech.setSource('test');
tech.currentSource_ = 'test'; tech.currentSource_ = 'test';
tech.trigger('loadstart'); tech.trigger('loadstart');
QUnit.equal(tech.currentSource_, 'test', 'Current source is test'); assert.equal(tech.currentSource_, 'test', 'Current source is test');
// Second loadstart // Second loadstart
tech.trigger('loadstart'); tech.trigger('loadstart');
QUnit.equal(tech.currentSource_, null, 'Current source is null'); assert.equal(tech.currentSource_, null, 'Current source is null');
QUnit.equal(disposed, true, 'disposed is true'); assert.equal(disposed, true, 'disposed is true');
// Third loadstart // Third loadstart
tech.currentSource_ = 'test'; tech.currentSource_ = 'test';
tech.trigger('loadstart'); tech.trigger('loadstart');
QUnit.equal(tech.currentSource_, null, 'Current source is still null'); assert.equal(tech.currentSource_, null, 'Current source is still null');
}); });
QUnit.test('setSource after tech dispose should dispose source handler once', function() { QUnit.test('setSource after tech dispose should dispose source handler once', function(assert) {
const MyTech = extendFn(Tech); const MyTech = extendFn(Tech);
Tech.withSourceHandlers(MyTech); Tech.withSourceHandlers(MyTech);
@@ -506,23 +506,23 @@ QUnit.test('setSource after tech dispose should dispose source handler once', fu
tech.setSource('test'); tech.setSource('test');
QUnit.equal(disposeCount, 0, 'did not call sourceHandler_ dispose for initial dispose'); assert.equal(disposeCount, 0, 'did not call sourceHandler_ dispose for initial dispose');
tech.dispose(); tech.dispose();
QUnit.ok(!tech.sourceHandler_, 'sourceHandler should be unset'); assert.ok(!tech.sourceHandler_, 'sourceHandler should be unset');
QUnit.equal(disposeCount, 1, 'called the source handler dispose'); assert.equal(disposeCount, 1, 'called the source handler dispose');
// this would normally be done above tech on src after dispose // this would normally be done above tech on src after dispose
tech.el_ = tech.createEl(); tech.el_ = tech.createEl();
tech.setSource('test'); tech.setSource('test');
QUnit.equal(disposeCount, 1, 'did not dispose after initial setSource'); assert.equal(disposeCount, 1, 'did not dispose after initial setSource');
tech.setSource('test'); tech.setSource('test');
QUnit.equal(disposeCount, 2, 'did dispose on second setSource'); assert.equal(disposeCount, 2, 'did dispose on second setSource');
}); });
QUnit.test('setSource after previous setSource should dispose source handler once', function() { QUnit.test('setSource after previous setSource should dispose source handler once', function(assert) {
const MyTech = extendFn(Tech); const MyTech = extendFn(Tech);
Tech.withSourceHandlers(MyTech); Tech.withSourceHandlers(MyTech);
@@ -549,13 +549,13 @@ QUnit.test('setSource after previous setSource should dispose source handler onc
const tech = new MyTech(); const tech = new MyTech();
tech.setSource('test'); tech.setSource('test');
QUnit.equal(disposeCount, 0, 'did not call dispose for initial setSource'); assert.equal(disposeCount, 0, 'did not call dispose for initial setSource');
tech.setSource('test'); tech.setSource('test');
QUnit.equal(disposeCount, 1, 'did dispose for second setSource'); assert.equal(disposeCount, 1, 'did dispose for second setSource');
tech.setSource('test'); tech.setSource('test');
QUnit.equal(disposeCount, 2, 'did dispose for third setSource'); assert.equal(disposeCount, 2, 'did dispose for third setSource');
}); });

View File

@@ -5,7 +5,7 @@ import EventTarget from '../../../src/js/event-target.js';
QUnit.module('Audio Track List'); QUnit.module('Audio Track List');
QUnit.test('trigger "change" when "enabledchange" is fired on a track', function() { QUnit.test('trigger "change" when "enabledchange" is fired on a track', function(assert) {
const track = new EventTarget(); const track = new EventTarget();
track.loaded_ = true; track.loaded_ = true;
@@ -17,48 +17,48 @@ QUnit.test('trigger "change" when "enabledchange" is fired on a track', function
audioTrackList.on('change', changeHandler); audioTrackList.on('change', changeHandler);
track.trigger('enabledchange'); track.trigger('enabledchange');
QUnit.equal(changes, 1, 'one change events for trigger'); assert.equal(changes, 1, 'one change events for trigger');
audioTrackList.off('change', changeHandler); audioTrackList.off('change', changeHandler);
audioTrackList.onchange = changeHandler; audioTrackList.onchange = changeHandler;
track.trigger('enabledchange'); track.trigger('enabledchange');
QUnit.equal(changes, 2, 'one change events for another trigger'); assert.equal(changes, 2, 'one change events for another trigger');
}); });
QUnit.test('only one track is ever enabled', function() { QUnit.test('only one track is ever enabled', function(assert) {
const track = new AudioTrack({enabled: true}); const track = new AudioTrack({enabled: true});
const track2 = new AudioTrack({enabled: true}); const track2 = new AudioTrack({enabled: true});
const track3 = new AudioTrack({enabled: true}); const track3 = new AudioTrack({enabled: true});
const track4 = new AudioTrack(); const track4 = new AudioTrack();
const list = new AudioTrackList([track, track2]); const list = new AudioTrackList([track, track2]);
QUnit.equal(track.enabled, false, 'track is disabled'); assert.equal(track.enabled, false, 'track is disabled');
QUnit.equal(track2.enabled, true, 'track2 is enabled'); assert.equal(track2.enabled, true, 'track2 is enabled');
track.enabled = true; track.enabled = true;
QUnit.equal(track.enabled, true, 'track is enabled'); assert.equal(track.enabled, true, 'track is enabled');
QUnit.equal(track2.enabled, false, 'track2 is disabled'); assert.equal(track2.enabled, false, 'track2 is disabled');
list.addTrack_(track3); list.addTrack_(track3);
QUnit.equal(track.enabled, false, 'track is disabled'); assert.equal(track.enabled, false, 'track is disabled');
QUnit.equal(track2.enabled, false, 'track2 is disabled'); assert.equal(track2.enabled, false, 'track2 is disabled');
QUnit.equal(track3.enabled, true, 'track3 is enabled'); assert.equal(track3.enabled, true, 'track3 is enabled');
track.enabled = true; track.enabled = true;
QUnit.equal(track.enabled, true, 'track is disabled'); assert.equal(track.enabled, true, 'track is disabled');
QUnit.equal(track2.enabled, false, 'track2 is disabled'); assert.equal(track2.enabled, false, 'track2 is disabled');
QUnit.equal(track3.enabled, false, 'track3 is disabled'); assert.equal(track3.enabled, false, 'track3 is disabled');
list.addTrack_(track4); list.addTrack_(track4);
QUnit.equal(track.enabled, true, 'track is enabled'); assert.equal(track.enabled, true, 'track is enabled');
QUnit.equal(track2.enabled, false, 'track2 is disabled'); assert.equal(track2.enabled, false, 'track2 is disabled');
QUnit.equal(track3.enabled, false, 'track3 is disabled'); assert.equal(track3.enabled, false, 'track3 is disabled');
QUnit.equal(track4.enabled, false, 'track4 is disabled'); assert.equal(track4.enabled, false, 'track4 is disabled');
}); });
QUnit.test('all tracks can be disabled', function() { QUnit.test('all tracks can be disabled', function(assert) {
const track = new AudioTrack(); const track = new AudioTrack();
const track2 = new AudioTrack(); const track2 = new AudioTrack();
@@ -68,19 +68,19 @@ QUnit.test('all tracks can be disabled', function() {
const list = new AudioTrackList([track, track2]); const list = new AudioTrackList([track, track2]);
/* eslint-enable no-unused-vars */ /* eslint-enable no-unused-vars */
QUnit.equal(track.enabled, false, 'track is disabled'); assert.equal(track.enabled, false, 'track is disabled');
QUnit.equal(track2.enabled, false, 'track2 is disabled'); assert.equal(track2.enabled, false, 'track2 is disabled');
track.enabled = true; track.enabled = true;
QUnit.equal(track.enabled, true, 'track is enabled'); assert.equal(track.enabled, true, 'track is enabled');
QUnit.equal(track2.enabled, false, 'track2 is disabled'); assert.equal(track2.enabled, false, 'track2 is disabled');
track.enabled = false; track.enabled = false;
QUnit.equal(track.enabled, false, 'track is disabled'); assert.equal(track.enabled, false, 'track is disabled');
QUnit.equal(track2.enabled, false, 'track2 is disabled'); assert.equal(track2.enabled, false, 'track2 is disabled');
}); });
QUnit.test('trigger a change event per enabled change', function() { QUnit.test('trigger a change event per enabled change', function(assert) {
const track = new AudioTrack({enabled: true}); const track = new AudioTrack({enabled: true});
const track2 = new AudioTrack({enabled: true}); const track2 = new AudioTrack({enabled: true});
const track3 = new AudioTrack({enabled: true}); const track3 = new AudioTrack({enabled: true});
@@ -90,18 +90,18 @@ QUnit.test('trigger a change event per enabled change', function() {
list.on('change', () => change++); list.on('change', () => change++);
track.enabled = true; track.enabled = true;
QUnit.equal(change, 1, 'one change triggered'); assert.equal(change, 1, 'one change triggered');
list.addTrack_(track3); list.addTrack_(track3);
QUnit.equal(change, 2, 'another change triggered by adding an enabled track'); assert.equal(change, 2, 'another change triggered by adding an enabled track');
track.enabled = true; track.enabled = true;
QUnit.equal(change, 3, 'another change trigger by changing enabled'); assert.equal(change, 3, 'another change trigger by changing enabled');
track.enabled = false; track.enabled = false;
QUnit.equal(change, 4, 'another change trigger by changing enabled'); assert.equal(change, 4, 'another change trigger by changing enabled');
list.addTrack_(track4); list.addTrack_(track4);
QUnit.equal(change, 4, 'no change triggered by adding a disabled track'); assert.equal(change, 4, 'no change triggered by adding a disabled track');
}); });

View File

@@ -13,32 +13,32 @@ TrackBaseline(AudioTrack, {
kind: 'main' kind: 'main'
}); });
QUnit.test('can create an enabled propert on an AudioTrack', function() { QUnit.test('can create an enabled propert on an AudioTrack', function(assert) {
const enabled = true; const enabled = true;
const track = new AudioTrack({ const track = new AudioTrack({
enabled enabled
}); });
QUnit.equal(track.enabled, enabled, 'enabled value matches what we passed in'); assert.equal(track.enabled, enabled, 'enabled value matches what we passed in');
}); });
QUnit.test('defaults when items not provided', function() { QUnit.test('defaults when items not provided', function(assert) {
const track = new AudioTrack(); const track = new AudioTrack();
QUnit.equal(track.kind, '', 'kind defaulted to empty string'); assert.equal(track.kind, '', 'kind defaulted to empty string');
QUnit.equal(track.enabled, false, 'enabled defaulted to true since there is one track'); assert.equal(track.enabled, false, 'enabled defaulted to true since there is one track');
QUnit.equal(track.label, '', 'label defaults to empty string'); assert.equal(track.label, '', 'label defaults to empty string');
QUnit.equal(track.language, '', 'language defaults to empty string'); assert.equal(track.language, '', 'language defaults to empty string');
QUnit.ok(track.id.match(/vjs_track_\d{5}/), 'id defaults to vjs_track_GUID'); assert.ok(track.id.match(/vjs_track_\d{5}/), 'id defaults to vjs_track_GUID');
}); });
QUnit.test('kind can only be one of several options, defaults to empty string', function() { QUnit.test('kind can only be one of several options, defaults to empty string', function(assert) {
const track1 = new AudioTrack({ const track1 = new AudioTrack({
kind: 'foo' kind: 'foo'
}); });
QUnit.equal(track1.kind, '', 'the kind is set to empty string, not foo'); assert.equal(track1.kind, '', 'the kind is set to empty string, not foo');
QUnit.notEqual(track1.kind, 'foo', 'the kind is set to empty string, not foo'); assert.notEqual(track1.kind, 'foo', 'the kind is set to empty string, not foo');
// loop through all possible kinds to verify // loop through all possible kinds to verify
for (const key in AudioTrackKind) { for (const key in AudioTrackKind) {
@@ -47,50 +47,50 @@ QUnit.test('kind can only be one of several options, defaults to empty string',
kind: currentKind kind: currentKind
}); });
QUnit.equal(track.kind, currentKind, 'the kind is set to ' + currentKind); assert.equal(track.kind, currentKind, 'the kind is set to ' + currentKind);
} }
}); });
QUnit.test('enabled can only be instantiated to true or false, defaults to false', function() { QUnit.test('enabled can only be instantiated to true or false, defaults to false', function(assert) {
let track = new AudioTrack({ let track = new AudioTrack({
enabled: 'foo' enabled: 'foo'
}); });
QUnit.equal(track.enabled, false, 'the enabled value is set to false, not foo'); assert.equal(track.enabled, false, 'the enabled value is set to false, not foo');
QUnit.notEqual(track.enabled, 'foo', 'the enabled value is not set to foo'); assert.notEqual(track.enabled, 'foo', 'the enabled value is not set to foo');
track = new AudioTrack({ track = new AudioTrack({
enabled: true enabled: true
}); });
QUnit.equal(track.enabled, true, 'the enabled value is set to true'); assert.equal(track.enabled, true, 'the enabled value is set to true');
track = new AudioTrack({ track = new AudioTrack({
enabled: false enabled: false
}); });
QUnit.equal(track.enabled, false, 'the enabled value is set to false'); assert.equal(track.enabled, false, 'the enabled value is set to false');
}); });
QUnit.test('enabled can only be changed to true or false', function() { QUnit.test('enabled can only be changed to true or false', function(assert) {
const track = new AudioTrack(); const track = new AudioTrack();
track.enabled = 'foo'; track.enabled = 'foo';
QUnit.notEqual(track.enabled, 'foo', 'enabled not set to invalid value, foo'); assert.notEqual(track.enabled, 'foo', 'enabled not set to invalid value, foo');
QUnit.equal(track.enabled, false, 'enabled remains on the old value, false'); assert.equal(track.enabled, false, 'enabled remains on the old value, false');
track.enabled = true; track.enabled = true;
QUnit.equal(track.enabled, true, 'enabled was set to true'); assert.equal(track.enabled, true, 'enabled was set to true');
track.enabled = 'baz'; track.enabled = 'baz';
QUnit.notEqual(track.enabled, 'baz', 'enabled not set to invalid value, baz'); assert.notEqual(track.enabled, 'baz', 'enabled not set to invalid value, baz');
QUnit.equal(track.enabled, true, 'enabled remains on the old value, true'); assert.equal(track.enabled, true, 'enabled remains on the old value, true');
track.enabled = false; track.enabled = false;
QUnit.equal(track.enabled, false, 'enabled was set to false'); assert.equal(track.enabled, false, 'enabled was set to false');
}); });
QUnit.test('when enabled is changed enabledchange event is fired', function() { QUnit.test('when enabled is changed enabledchange event is fired', function(assert) {
const track = new AudioTrack({ const track = new AudioTrack({
tech: this.tech, tech: this.tech,
enabled: false enabled: false
@@ -104,19 +104,19 @@ QUnit.test('when enabled is changed enabledchange event is fired', function() {
// two events // two events
track.enabled = true; track.enabled = true;
track.enabled = false; track.enabled = false;
QUnit.equal(eventsTriggered, 2, 'two enabled changes'); assert.equal(eventsTriggered, 2, 'two enabled changes');
// no event here // no event here
track.enabled = false; track.enabled = false;
track.enabled = false; track.enabled = false;
QUnit.equal(eventsTriggered, 2, 'still two enabled changes'); assert.equal(eventsTriggered, 2, 'still two enabled changes');
// one event // one event
track.enabled = true; track.enabled = true;
QUnit.equal(eventsTriggered, 3, 'three enabled changes'); assert.equal(eventsTriggered, 3, 'three enabled changes');
// no events // no events
track.enabled = true; track.enabled = true;
track.enabled = true; track.enabled = true;
QUnit.equal(eventsTriggered, 3, 'still three enabled changes'); assert.equal(eventsTriggered, 3, 'still three enabled changes');
}); });

View File

@@ -4,15 +4,15 @@ import TestHelpers from '../test-helpers.js';
import sinon from 'sinon'; import sinon from 'sinon';
QUnit.module('Tracks', { QUnit.module('Tracks', {
setup() { beforeEach(assert) {
this.clock = sinon.useFakeTimers(); this.clock = sinon.useFakeTimers();
}, },
teardown() { afterEach(assert) {
this.clock.restore(); this.clock.restore();
} }
}); });
QUnit.test('Player track methods call the tech', function() { QUnit.test('Player track methods call the tech', function(assert) {
const player = TestHelpers.makePlayer(); const player = TestHelpers.makePlayer();
let calls = 0; let calls = 0;
@@ -22,11 +22,11 @@ QUnit.test('Player track methods call the tech', function() {
player.audioTracks(); player.audioTracks();
QUnit.equal(calls, 1, 'audioTrack defers to the tech'); assert.equal(calls, 1, 'audioTrack defers to the tech');
player.dispose(); player.dispose();
}); });
QUnit.test('listen to remove and add track events in native audio tracks', function() { QUnit.test('listen to remove and add track events in native audio tracks', function(assert) {
const oldTestVid = Html5.TEST_VID; const oldTestVid = Html5.TEST_VID;
const oldAudioTracks = Html5.prototype.audioTracks; const oldAudioTracks = Html5.prototype.audioTracks;
const events = {}; const events = {};
@@ -67,36 +67,36 @@ QUnit.test('listen to remove and add track events in native audio tracks', funct
const html = new Html5({}); const html = new Html5({});
/* eslint-enable no-unused-vars */ /* eslint-enable no-unused-vars */
QUnit.ok(events.removetrack, 'removetrack listener was added'); assert.ok(events.removetrack, 'removetrack listener was added');
QUnit.ok(events.addtrack, 'addtrack listener was added'); assert.ok(events.addtrack, 'addtrack listener was added');
Html5.TEST_VID = oldTestVid; Html5.TEST_VID = oldTestVid;
Html5.prototype.audioTracks = oldAudioTracks; Html5.prototype.audioTracks = oldAudioTracks;
}); });
QUnit.test('html5 tech supports native audio tracks if the video supports it', function() { QUnit.test('html5 tech supports native audio tracks if the video supports it', function(assert) {
const oldTestVid = Html5.TEST_VID; const oldTestVid = Html5.TEST_VID;
Html5.TEST_VID = { Html5.TEST_VID = {
audioTracks: [] audioTracks: []
}; };
QUnit.ok(Html5.supportsNativeAudioTracks(), 'native audio tracks are supported'); assert.ok(Html5.supportsNativeAudioTracks(), 'native audio tracks are supported');
Html5.TEST_VID = oldTestVid; Html5.TEST_VID = oldTestVid;
}); });
QUnit.test('html5 tech does not support native audio tracks if the video does not supports it', function() { QUnit.test('html5 tech does not support native audio tracks if the video does not supports it', function(assert) {
const oldTestVid = Html5.TEST_VID; const oldTestVid = Html5.TEST_VID;
Html5.TEST_VID = {}; Html5.TEST_VID = {};
QUnit.ok(!Html5.supportsNativeAudioTracks(), 'native audio tracks are not supported'); assert.ok(!Html5.supportsNativeAudioTracks(), 'native audio tracks are not supported');
Html5.TEST_VID = oldTestVid; Html5.TEST_VID = oldTestVid;
}); });
QUnit.test('when switching techs, we should not get a new audio track', function() { QUnit.test('when switching techs, we should not get a new audio track', function(assert) {
const player = TestHelpers.makePlayer(); const player = TestHelpers.makePlayer();
player.loadTech_('TechFaker'); player.loadTech_('TechFaker');
@@ -105,5 +105,5 @@ QUnit.test('when switching techs, we should not get a new audio track', function
player.loadTech_('TechFaker'); player.loadTech_('TechFaker');
const secondTracks = player.audioTracks(); const secondTracks = player.audioTracks();
QUnit.ok(firstTracks === secondTracks, 'the tracks are equal'); assert.ok(firstTracks === secondTracks, 'the tracks are equal');
}); });

View File

@@ -30,45 +30,45 @@ const genericHtmlTrackElements = [{
QUnit.module('HTML Track Element List'); QUnit.module('HTML Track Element List');
QUnit.test('HTMLTrackElementList\'s length is set correctly', function() { QUnit.test('HTMLTrackElementList\'s length is set correctly', function(assert) {
const htmlTrackElementList = new HTMLTrackElementList(genericHtmlTrackElements); const htmlTrackElementList = new HTMLTrackElementList(genericHtmlTrackElements);
QUnit.equal(htmlTrackElementList.length, assert.equal(htmlTrackElementList.length,
genericHtmlTrackElements.length, genericHtmlTrackElements.length,
`the length is ${genericHtmlTrackElements.length}`); `the length is ${genericHtmlTrackElements.length}`);
}); });
QUnit.test('can get html track element by track', function() { QUnit.test('can get html track element by track', function(assert) {
const htmlTrackElementList = new HTMLTrackElementList(genericHtmlTrackElements); const htmlTrackElementList = new HTMLTrackElementList(genericHtmlTrackElements);
QUnit.equal(htmlTrackElementList.getTrackElementByTrack_(track1).kind, assert.equal(htmlTrackElementList.getTrackElementByTrack_(track1).kind,
'captions', 'captions',
'track1 has kind of captions'); 'track1 has kind of captions');
QUnit.equal(htmlTrackElementList.getTrackElementByTrack_(track2).kind, assert.equal(htmlTrackElementList.getTrackElementByTrack_(track2).kind,
'chapters', 'chapters',
'track2 has kind of captions'); 'track2 has kind of captions');
}); });
QUnit.test('length is updated when new tracks are added or removed', function() { QUnit.test('length is updated when new tracks are added or removed', function(assert) {
const htmlTrackElementList = new HTMLTrackElementList(genericHtmlTrackElements); const htmlTrackElementList = new HTMLTrackElementList(genericHtmlTrackElements);
htmlTrackElementList.addTrackElement_({tech() {}}); htmlTrackElementList.addTrackElement_({tech() {}});
QUnit.equal(htmlTrackElementList.length, assert.equal(htmlTrackElementList.length,
genericHtmlTrackElements.length + 1, genericHtmlTrackElements.length + 1,
`the length is ${genericHtmlTrackElements.length + 1}`); `the length is ${genericHtmlTrackElements.length + 1}`);
htmlTrackElementList.addTrackElement_({tech() {}}); htmlTrackElementList.addTrackElement_({tech() {}});
QUnit.equal(htmlTrackElementList.length, assert.equal(htmlTrackElementList.length,
genericHtmlTrackElements.length + 2, genericHtmlTrackElements.length + 2,
`the length is ${genericHtmlTrackElements.length + 2}`); `the length is ${genericHtmlTrackElements.length + 2}`);
htmlTrackElementList.removeTrackElement_( htmlTrackElementList.removeTrackElement_(
htmlTrackElementList.getTrackElementByTrack_(track1)); htmlTrackElementList.getTrackElementByTrack_(track1));
QUnit.equal(htmlTrackElementList.length, assert.equal(htmlTrackElementList.length,
genericHtmlTrackElements.length + 1, genericHtmlTrackElements.length + 1,
`the length is ${genericHtmlTrackElements.length + 1}`); `the length is ${genericHtmlTrackElements.length + 1}`);
htmlTrackElementList.removeTrackElement_( htmlTrackElementList.removeTrackElement_(
htmlTrackElementList.getTrackElementByTrack_(track2)); htmlTrackElementList.getTrackElementByTrack_(track2));
QUnit.equal(htmlTrackElementList.length, assert.equal(htmlTrackElementList.length,
genericHtmlTrackElements.length, genericHtmlTrackElements.length,
`the length is ${genericHtmlTrackElements.length}`); `the length is ${genericHtmlTrackElements.length}`);
}); });

View File

@@ -1,6 +1,5 @@
/* eslint-env qunit */ /* eslint-env qunit */
import HTMLTrackElement from '../../../src/js/tracks/html-track-element.js'; import HTMLTrackElement from '../../../src/js/tracks/html-track-element.js';
import window from 'global/window';
const defaultTech = { const defaultTech = {
textTracks() {}, textTracks() {},
@@ -11,8 +10,8 @@ const defaultTech = {
QUnit.module('HTML Track Element'); QUnit.module('HTML Track Element');
QUnit.test('html track element requires a tech', function() { QUnit.test('html track element requires a tech', function(assert) {
window.throws( assert.throws(
function() { function() {
return new HTMLTrackElement(); return new HTMLTrackElement();
}, },
@@ -21,7 +20,7 @@ QUnit.test('html track element requires a tech', function() {
); );
}); });
QUnit.test('can create a html track element with various properties', function() { QUnit.test('can create a html track element with various properties', function(assert) {
const kind = 'chapters'; const kind = 'chapters';
const label = 'English'; const label = 'English';
const language = 'en'; const language = 'en';
@@ -35,30 +34,30 @@ QUnit.test('can create a html track element with various properties', function()
tech: defaultTech tech: defaultTech
}); });
QUnit.equal(typeof htmlTrackElement.default, 'undefined', 'we have a default'); assert.equal(typeof htmlTrackElement.default, 'undefined', 'we have a default');
QUnit.equal(htmlTrackElement.kind, kind, 'we have a kind'); assert.equal(htmlTrackElement.kind, kind, 'we have a kind');
QUnit.equal(htmlTrackElement.label, label, 'we have a label'); assert.equal(htmlTrackElement.label, label, 'we have a label');
QUnit.equal(htmlTrackElement.readyState, 0, 'we have a readyState'); assert.equal(htmlTrackElement.readyState, 0, 'we have a readyState');
QUnit.equal(htmlTrackElement.src, src, 'we have a src'); assert.equal(htmlTrackElement.src, src, 'we have a src');
QUnit.equal(htmlTrackElement.srclang, language, 'we have a srclang'); assert.equal(htmlTrackElement.srclang, language, 'we have a srclang');
QUnit.equal(htmlTrackElement.track.cues, null, 'we have a track'); assert.equal(htmlTrackElement.track.cues, null, 'we have a track');
}); });
QUnit.test('defaults when items not provided', function() { QUnit.test('defaults when items not provided', function(assert) {
const htmlTrackElement = new HTMLTrackElement({ const htmlTrackElement = new HTMLTrackElement({
tech: defaultTech tech: defaultTech
}); });
QUnit.equal(typeof htmlTrackElement.default, 'undefined', 'we have a default'); assert.equal(typeof htmlTrackElement.default, 'undefined', 'we have a default');
QUnit.equal(htmlTrackElement.kind, 'subtitles', 'we have a kind'); assert.equal(htmlTrackElement.kind, 'subtitles', 'we have a kind');
QUnit.equal(htmlTrackElement.label, '', 'we have a label'); assert.equal(htmlTrackElement.label, '', 'we have a label');
QUnit.equal(htmlTrackElement.readyState, 0, 'we have a readyState'); assert.equal(htmlTrackElement.readyState, 0, 'we have a readyState');
QUnit.equal(typeof htmlTrackElement.src, 'undefined', 'we have a src'); assert.equal(typeof htmlTrackElement.src, 'undefined', 'we have a src');
QUnit.equal(htmlTrackElement.srclang, '', 'we have a srclang'); assert.equal(htmlTrackElement.srclang, '', 'we have a srclang');
QUnit.equal(htmlTrackElement.track.cues.length, 0, 'we have a track'); assert.equal(htmlTrackElement.track.cues.length, 0, 'we have a track');
}); });
QUnit.test('fires loadeddata when track cues become populated', function() { QUnit.test('fires loadeddata when track cues become populated', function(assert) {
let changes = 0; let changes = 0;
const loadHandler = function() { const loadHandler = function() {
changes++; changes++;
@@ -72,6 +71,6 @@ QUnit.test('fires loadeddata when track cues become populated', function() {
// trigger loaded cues event // trigger loaded cues event
htmlTrackElement.track.trigger('loadeddata'); htmlTrackElement.track.trigger('loadeddata');
QUnit.equal(changes, 1, 'a loadeddata event trigger addEventListener'); assert.equal(changes, 1, 'a loadeddata event trigger addEventListener');
QUnit.equal(htmlTrackElement.readyState, 2, 'readyState is loaded'); assert.equal(htmlTrackElement.readyState, 2, 'readyState is loaded');
}); });

View File

@@ -5,10 +5,10 @@ import * as browser from '../../../src/js/utils/browser.js';
import sinon from 'sinon'; import sinon from 'sinon';
QUnit.module('Text Track Controls', { QUnit.module('Text Track Controls', {
setup() { beforeEach(assert) {
this.clock = sinon.useFakeTimers(); this.clock = sinon.useFakeTimers();
}, },
teardown() { afterEach(assert) {
this.clock.restore(); this.clock.restore();
} }
}); });
@@ -18,57 +18,57 @@ const track = {
label: 'test' label: 'test'
}; };
QUnit.test('should be displayed when text tracks list is not empty', function() { QUnit.test('should be displayed when text tracks list is not empty', function(assert) {
const player = TestHelpers.makePlayer({ const player = TestHelpers.makePlayer({
tracks: [track] tracks: [track]
}); });
this.clock.tick(1000); this.clock.tick(1000);
QUnit.ok(!player.controlBar.captionsButton.hasClass('vjs-hidden'), assert.ok(!player.controlBar.captionsButton.hasClass('vjs-hidden'),
'control is displayed'); 'control is displayed');
QUnit.equal(player.textTracks().length, 1, 'textTracks contains one item'); assert.equal(player.textTracks().length, 1, 'textTracks contains one item');
player.dispose(); player.dispose();
}); });
QUnit.test('should be displayed when a text track is added to an empty track list', function() { QUnit.test('should be displayed when a text track is added to an empty track list', function(assert) {
const player = TestHelpers.makePlayer(); const player = TestHelpers.makePlayer();
player.addRemoteTextTrack(track); player.addRemoteTextTrack(track);
QUnit.ok(!player.controlBar.captionsButton.hasClass('vjs-hidden'), assert.ok(!player.controlBar.captionsButton.hasClass('vjs-hidden'),
'control is displayed'); 'control is displayed');
QUnit.equal(player.textTracks().length, 1, 'textTracks contains one item'); assert.equal(player.textTracks().length, 1, 'textTracks contains one item');
player.dispose(); player.dispose();
}); });
QUnit.test('should not be displayed when text tracks list is empty', function() { QUnit.test('should not be displayed when text tracks list is empty', function(assert) {
const player = TestHelpers.makePlayer(); const player = TestHelpers.makePlayer();
QUnit.ok(player.controlBar.captionsButton.hasClass('vjs-hidden'), assert.ok(player.controlBar.captionsButton.hasClass('vjs-hidden'),
'control is not displayed'); 'control is not displayed');
QUnit.equal(player.textTracks().length, 0, 'textTracks is empty'); assert.equal(player.textTracks().length, 0, 'textTracks is empty');
player.dispose(); player.dispose();
}); });
QUnit.test('should not be displayed when last text track is removed', function() { QUnit.test('should not be displayed when last text track is removed', function(assert) {
const player = TestHelpers.makePlayer({ const player = TestHelpers.makePlayer({
tracks: [track] tracks: [track]
}); });
player.removeRemoteTextTrack(player.textTracks()[0]); player.removeRemoteTextTrack(player.textTracks()[0]);
QUnit.ok(player.controlBar.captionsButton.hasClass('vjs-hidden'), assert.ok(player.controlBar.captionsButton.hasClass('vjs-hidden'),
'control is not displayed'); 'control is not displayed');
QUnit.equal(player.textTracks().length, 0, 'textTracks is empty'); assert.equal(player.textTracks().length, 0, 'textTracks is empty');
player.dispose(); player.dispose();
}); });
QUnit.test('menu should contain "Settings", "Off" and one track', function() { QUnit.test('menu should contain "Settings", "Off" and one track', function(assert) {
const player = TestHelpers.makePlayer({ const player = TestHelpers.makePlayer({
tracks: [track] tracks: [track]
}); });
@@ -77,17 +77,17 @@ QUnit.test('menu should contain "Settings", "Off" and one track', function() {
const menuItems = player.controlBar.captionsButton.items; const menuItems = player.controlBar.captionsButton.items;
QUnit.equal(menuItems.length, 3, 'menu contains three items'); assert.equal(menuItems.length, 3, 'menu contains three items');
QUnit.equal(menuItems[0].track.label, assert.equal(menuItems[0].track.label,
'captions settings', 'captions settings',
'menu contains "captions settings"'); 'menu contains "captions settings"');
QUnit.equal(menuItems[1].track.label, 'captions off', 'menu contains "captions off"'); assert.equal(menuItems[1].track.label, 'captions off', 'menu contains "captions off"');
QUnit.equal(menuItems[2].track.label, 'test', 'menu contains "test" track'); assert.equal(menuItems[2].track.label, 'test', 'menu contains "test" track');
player.dispose(); player.dispose();
}); });
QUnit.test('menu should update with addRemoteTextTrack', function() { QUnit.test('menu should update with addRemoteTextTrack', function(assert) {
const player = TestHelpers.makePlayer({ const player = TestHelpers.makePlayer({
tracks: [track] tracks: [track]
}); });
@@ -96,15 +96,15 @@ QUnit.test('menu should update with addRemoteTextTrack', function() {
player.addRemoteTextTrack(track); player.addRemoteTextTrack(track);
QUnit.equal(player.controlBar.captionsButton.items.length, assert.equal(player.controlBar.captionsButton.items.length,
4, 4,
'menu does contain added track'); 'menu does contain added track');
QUnit.equal(player.textTracks().length, 2, 'textTracks contains two items'); assert.equal(player.textTracks().length, 2, 'textTracks contains two items');
player.dispose(); player.dispose();
}); });
QUnit.test('menu should update with removeRemoteTextTrack', function() { QUnit.test('menu should update with removeRemoteTextTrack', function(assert) {
const player = TestHelpers.makePlayer({ const player = TestHelpers.makePlayer({
tracks: [track, track] tracks: [track, track]
}); });
@@ -113,10 +113,10 @@ QUnit.test('menu should update with removeRemoteTextTrack', function() {
player.removeRemoteTextTrack(player.textTracks()[0]); player.removeRemoteTextTrack(player.textTracks()[0]);
QUnit.equal(player.controlBar.captionsButton.items.length, assert.equal(player.controlBar.captionsButton.items.length,
3, 3,
'menu does not contain removed track'); 'menu does not contain removed track');
QUnit.equal(player.textTracks().length, 1, 'textTracks contains one item'); assert.equal(player.textTracks().length, 1, 'textTracks contains one item');
player.dispose(); player.dispose();
}); });
@@ -126,57 +126,57 @@ const descriptionstrack = {
label: 'desc' label: 'desc'
}; };
QUnit.test('descriptions should be displayed when text tracks list is not empty', function() { QUnit.test('descriptions should be displayed when text tracks list is not empty', function(assert) {
const player = TestHelpers.makePlayer({ const player = TestHelpers.makePlayer({
tracks: [descriptionstrack] tracks: [descriptionstrack]
}); });
this.clock.tick(1000); this.clock.tick(1000);
QUnit.ok(!player.controlBar.descriptionsButton.hasClass('vjs-hidden'), assert.ok(!player.controlBar.descriptionsButton.hasClass('vjs-hidden'),
'descriptions control is displayed'); 'descriptions control is displayed');
QUnit.equal(player.textTracks().length, 1, 'textTracks contains one item'); assert.equal(player.textTracks().length, 1, 'textTracks contains one item');
player.dispose(); player.dispose();
}); });
QUnit.test('descriptions should be displayed when a text track is added to an empty track list', function() { QUnit.test('descriptions should be displayed when a text track is added to an empty track list', function(assert) {
const player = TestHelpers.makePlayer(); const player = TestHelpers.makePlayer();
player.addRemoteTextTrack(descriptionstrack); player.addRemoteTextTrack(descriptionstrack);
QUnit.ok(!player.controlBar.descriptionsButton.hasClass('vjs-hidden'), assert.ok(!player.controlBar.descriptionsButton.hasClass('vjs-hidden'),
'control is displayed'); 'control is displayed');
QUnit.equal(player.textTracks().length, 1, 'textTracks contains one item'); assert.equal(player.textTracks().length, 1, 'textTracks contains one item');
player.dispose(); player.dispose();
}); });
QUnit.test('descriptions should not be displayed when text tracks list is empty', function() { QUnit.test('descriptions should not be displayed when text tracks list is empty', function(assert) {
const player = TestHelpers.makePlayer(); const player = TestHelpers.makePlayer();
QUnit.ok(player.controlBar.descriptionsButton.hasClass('vjs-hidden'), assert.ok(player.controlBar.descriptionsButton.hasClass('vjs-hidden'),
'control is not displayed'); 'control is not displayed');
QUnit.equal(player.textTracks().length, 0, 'textTracks is empty'); assert.equal(player.textTracks().length, 0, 'textTracks is empty');
player.dispose(); player.dispose();
}); });
QUnit.test('descriptions should not be displayed when last text track is removed', function() { QUnit.test('descriptions should not be displayed when last text track is removed', function(assert) {
const player = TestHelpers.makePlayer({ const player = TestHelpers.makePlayer({
tracks: [descriptionstrack] tracks: [descriptionstrack]
}); });
player.removeRemoteTextTrack(player.textTracks()[0]); player.removeRemoteTextTrack(player.textTracks()[0]);
QUnit.ok(player.controlBar.descriptionsButton.hasClass('vjs-hidden'), assert.ok(player.controlBar.descriptionsButton.hasClass('vjs-hidden'),
'control is not displayed'); 'control is not displayed');
QUnit.equal(player.textTracks().length, 0, 'textTracks is empty'); assert.equal(player.textTracks().length, 0, 'textTracks is empty');
player.dispose(); player.dispose();
}); });
QUnit.test('descriptions menu should contain "Off" and one track', function() { QUnit.test('descriptions menu should contain "Off" and one track', function(assert) {
const player = TestHelpers.makePlayer({ const player = TestHelpers.makePlayer({
tracks: [descriptionstrack] tracks: [descriptionstrack]
}); });
@@ -185,17 +185,17 @@ QUnit.test('descriptions menu should contain "Off" and one track', function() {
const menuItems = player.controlBar.descriptionsButton.items; const menuItems = player.controlBar.descriptionsButton.items;
QUnit.equal(menuItems.length, 2, 'descriptions menu contains two items'); assert.equal(menuItems.length, 2, 'descriptions menu contains two items');
QUnit.equal(menuItems[0].track.label, assert.equal(menuItems[0].track.label,
'descriptions off', 'descriptions off',
'menu contains "descriptions off"'); 'menu contains "descriptions off"');
QUnit.equal(menuItems[1].track.label, 'desc', 'menu contains "desc" track'); assert.equal(menuItems[1].track.label, 'desc', 'menu contains "desc" track');
player.dispose(); player.dispose();
}); });
QUnit.test('enabling a captions track should disable the descriptions menu button', function() { QUnit.test('enabling a captions track should disable the descriptions menu button', function(assert) {
QUnit.expect(14); assert.expect(14);
const player = TestHelpers.makePlayer({ const player = TestHelpers.makePlayer({
tracks: [track, descriptionstrack] tracks: [track, descriptionstrack]
@@ -203,21 +203,21 @@ QUnit.test('enabling a captions track should disable the descriptions menu butto
this.clock.tick(1000); this.clock.tick(1000);
QUnit.ok(!player.controlBar.captionsButton.hasClass('vjs-hidden'), assert.ok(!player.controlBar.captionsButton.hasClass('vjs-hidden'),
'captions control is displayed'); 'captions control is displayed');
QUnit.ok(!player.controlBar.descriptionsButton.hasClass('vjs-hidden'), assert.ok(!player.controlBar.descriptionsButton.hasClass('vjs-hidden'),
'descriptions control is displayed'); 'descriptions control is displayed');
QUnit.equal(player.textTracks().length, 2, 'textTracks contains two items'); assert.equal(player.textTracks().length, 2, 'textTracks contains two items');
QUnit.ok(!player.controlBar.captionsButton.hasClass('vjs-disabled'), assert.ok(!player.controlBar.captionsButton.hasClass('vjs-disabled'),
'captions control is NOT disabled'); 'captions control is NOT disabled');
QUnit.ok(!player.controlBar.descriptionsButton.hasClass('vjs-disabled'), assert.ok(!player.controlBar.descriptionsButton.hasClass('vjs-disabled'),
'descriptions control is NOT disabled'); 'descriptions control is NOT disabled');
for (let i = 0; i < player.textTracks().length; i++) { for (let i = 0; i < player.textTracks().length; i++) {
if (player.textTracks()[i].kind === 'descriptions') { if (player.textTracks()[i].kind === 'descriptions') {
player.textTracks()[i].mode = 'showing'; player.textTracks()[i].mode = 'showing';
QUnit.ok(player.textTracks()[i].kind === 'descriptions' && assert.ok(player.textTracks()[i].kind === 'descriptions' &&
player.textTracks()[i].mode === 'showing', player.textTracks()[i].mode === 'showing',
'descriptions mode set to showing'); 'descriptions mode set to showing');
} }
@@ -225,15 +225,15 @@ QUnit.test('enabling a captions track should disable the descriptions menu butto
this.clock.tick(1000); this.clock.tick(1000);
QUnit.ok(!player.controlBar.captionsButton.hasClass('vjs-disabled'), assert.ok(!player.controlBar.captionsButton.hasClass('vjs-disabled'),
'captions control is NOT disabled'); 'captions control is NOT disabled');
QUnit.ok(!player.controlBar.descriptionsButton.hasClass('vjs-disabled'), assert.ok(!player.controlBar.descriptionsButton.hasClass('vjs-disabled'),
'descriptions control is NOT disabled'); 'descriptions control is NOT disabled');
for (let i = 0; i < player.textTracks().length; i++) { for (let i = 0; i < player.textTracks().length; i++) {
if (player.textTracks()[i].kind === 'captions') { if (player.textTracks()[i].kind === 'captions') {
player.textTracks()[i].mode = 'showing'; player.textTracks()[i].mode = 'showing';
QUnit.ok(player.textTracks()[i].kind === 'captions' && assert.ok(player.textTracks()[i].kind === 'captions' &&
player.textTracks()[i].mode === 'showing', player.textTracks()[i].mode === 'showing',
'captions mode set to showing'); 'captions mode set to showing');
} }
@@ -241,15 +241,15 @@ QUnit.test('enabling a captions track should disable the descriptions menu butto
this.clock.tick(1000); this.clock.tick(1000);
QUnit.ok(!player.controlBar.captionsButton.hasClass('vjs-disabled'), assert.ok(!player.controlBar.captionsButton.hasClass('vjs-disabled'),
'captions control is NOT disabled'); 'captions control is NOT disabled');
QUnit.ok(player.controlBar.descriptionsButton.hasClass('vjs-disabled'), assert.ok(player.controlBar.descriptionsButton.hasClass('vjs-disabled'),
'descriptions control IS disabled'); 'descriptions control IS disabled');
for (let i = 0; i < player.textTracks().length; i++) { for (let i = 0; i < player.textTracks().length; i++) {
if (player.textTracks()[i].kind === 'captions') { if (player.textTracks()[i].kind === 'captions') {
player.textTracks()[i].mode = 'disabled'; player.textTracks()[i].mode = 'disabled';
QUnit.ok(player.textTracks()[i].kind === 'captions' && assert.ok(player.textTracks()[i].kind === 'captions' &&
player.textTracks()[i].mode === 'disabled', player.textTracks()[i].mode === 'disabled',
'captions mode set to disabled'); 'captions mode set to disabled');
} }
@@ -257,9 +257,9 @@ QUnit.test('enabling a captions track should disable the descriptions menu butto
this.clock.tick(1000); this.clock.tick(1000);
QUnit.ok(!player.controlBar.captionsButton.hasClass('vjs-disabled'), assert.ok(!player.controlBar.captionsButton.hasClass('vjs-disabled'),
'captions control is NOT disabled'); 'captions control is NOT disabled');
QUnit.ok(!player.controlBar.descriptionsButton.hasClass('vjs-disabled'), assert.ok(!player.controlBar.descriptionsButton.hasClass('vjs-disabled'),
'descriptions control is NOT disabled'); 'descriptions control is NOT disabled');
player.dispose(); player.dispose();
@@ -270,7 +270,7 @@ if (!browser.IS_IE8) {
// However, this test tests a specific with iOS7 where // However, this test tests a specific with iOS7 where
// the TextTrackList doesn't report track mode changes. // the TextTrackList doesn't report track mode changes.
// TODO: figure out why this test doens't work on IE8. https://github.com/videojs/video.js/issues/1861 // TODO: figure out why this test doens't work on IE8. https://github.com/videojs/video.js/issues/1861
QUnit.test('menu items should polyfill mode change events', function() { QUnit.test('menu items should polyfill mode change events', function(assert) {
const player = TestHelpers.makePlayer({}); const player = TestHelpers.makePlayer({});
let changes; let changes;
@@ -286,10 +286,10 @@ if (!browser.IS_IE8) {
}); });
changes = 0; changes = 0;
trackMenuItem.trigger('tap'); trackMenuItem.trigger('tap');
QUnit.equal(changes, 1, 'taps trigger change events'); assert.equal(changes, 1, 'taps trigger change events');
trackMenuItem.trigger('click'); trackMenuItem.trigger('click');
QUnit.equal(changes, 2, 'clicks trigger change events'); assert.equal(changes, 2, 'clicks trigger change events');
player.dispose(); player.dispose();
}); });

View File

@@ -13,81 +13,81 @@ const genericTracks = [
QUnit.module('Text Track Cue List'); QUnit.module('Text Track Cue List');
QUnit.test('TextTrackCueList\'s length is set correctly', function() { QUnit.test('TextTrackCueList\'s length is set correctly', function(assert) {
const ttcl = new TextTrackCueList(genericTracks); const ttcl = new TextTrackCueList(genericTracks);
QUnit.equal(ttcl.length, genericTracks.length, 'the length is ' + genericTracks.length); assert.equal(ttcl.length, genericTracks.length, 'the length is ' + genericTracks.length);
}); });
QUnit.test('can get cues by id', function() { QUnit.test('can get cues by id', function(assert) {
const ttcl = new TextTrackCueList(genericTracks); const ttcl = new TextTrackCueList(genericTracks);
QUnit.equal(ttcl.getCueById('1').id, 1, 'id "1" has id of "1"'); assert.equal(ttcl.getCueById('1').id, 1, 'id "1" has id of "1"');
QUnit.equal(ttcl.getCueById('2').id, 2, 'id "2" has id of "2"'); assert.equal(ttcl.getCueById('2').id, 2, 'id "2" has id of "2"');
QUnit.equal(ttcl.getCueById('3').id, 3, 'id "3" has id of "3"'); assert.equal(ttcl.getCueById('3').id, 3, 'id "3" has id of "3"');
QUnit.ok(!ttcl.getCueById(1), 'there isn\'t an item with "numeric" id of `1`'); assert.ok(!ttcl.getCueById(1), 'there isn\'t an item with "numeric" id of `1`');
}); });
QUnit.test('length is updated when new tracks are added or removed', function() { QUnit.test('length is updated when new tracks are added or removed', function(assert) {
const ttcl = new TextTrackCueList(genericTracks); const ttcl = new TextTrackCueList(genericTracks);
ttcl.setCues_(genericTracks.concat([{id: '100'}])); ttcl.setCues_(genericTracks.concat([{id: '100'}]));
QUnit.equal(ttcl.length, genericTracks.length + 1, assert.equal(ttcl.length, genericTracks.length + 1,
'the length is ' + (genericTracks.length + 1)); 'the length is ' + (genericTracks.length + 1));
ttcl.setCues_(genericTracks.concat([{id: '100'}, {id: '101'}])); ttcl.setCues_(genericTracks.concat([{id: '100'}, {id: '101'}]));
QUnit.equal(ttcl.length, genericTracks.length + 2, assert.equal(ttcl.length, genericTracks.length + 2,
'the length is ' + (genericTracks.length + 2)); 'the length is ' + (genericTracks.length + 2));
ttcl.setCues_(genericTracks.concat([{id: '100'}])); ttcl.setCues_(genericTracks.concat([{id: '100'}]));
QUnit.equal(ttcl.length, genericTracks.length + 1, assert.equal(ttcl.length, genericTracks.length + 1,
'the length is ' + (genericTracks.length + 1)); 'the length is ' + (genericTracks.length + 1));
ttcl.setCues_(genericTracks); ttcl.setCues_(genericTracks);
QUnit.equal(ttcl.length, genericTracks.length, 'the length is ' + genericTracks.length); assert.equal(ttcl.length, genericTracks.length, 'the length is ' + genericTracks.length);
}); });
QUnit.test('can access items by index', function() { QUnit.test('can access items by index', function(assert) {
const ttcl = new TextTrackCueList(genericTracks); const ttcl = new TextTrackCueList(genericTracks);
const length = ttcl.length; const length = ttcl.length;
QUnit.expect(length); assert.expect(length);
for (let i = 0; i < length; i++) { for (let i = 0; i < length; i++) {
QUnit.equal(ttcl[i].id, String(i + 1), 'the id of a track matches the index + 1'); assert.equal(ttcl[i].id, String(i + 1), 'the id of a track matches the index + 1');
} }
}); });
QUnit.test('can access new items by index', function() { QUnit.test('can access new items by index', function(assert) {
const ttcl = new TextTrackCueList(genericTracks); const ttcl = new TextTrackCueList(genericTracks);
ttcl.setCues_(genericTracks.concat([{id: '100'}])); ttcl.setCues_(genericTracks.concat([{id: '100'}]));
QUnit.equal(ttcl[3].id, '100', 'id of item at index 3 is 100'); assert.equal(ttcl[3].id, '100', 'id of item at index 3 is 100');
ttcl.setCues_(genericTracks.concat([{id: '100'}, {id: '101'}])); ttcl.setCues_(genericTracks.concat([{id: '100'}, {id: '101'}]));
QUnit.equal(ttcl[4].id, '101', 'id of item at index 4 is 101'); assert.equal(ttcl[4].id, '101', 'id of item at index 4 is 101');
}); });
QUnit.test('cannot access removed items by index', function() { QUnit.test('cannot access removed items by index', function(assert) {
const ttcl = new TextTrackCueList(genericTracks); const ttcl = new TextTrackCueList(genericTracks);
ttcl.setCues_(genericTracks.concat([{id: '100'}, {id: '101'}])); ttcl.setCues_(genericTracks.concat([{id: '100'}, {id: '101'}]));
QUnit.equal(ttcl[3].id, '100', 'id of item at index 3 is 100'); assert.equal(ttcl[3].id, '100', 'id of item at index 3 is 100');
QUnit.equal(ttcl[4].id, '101', 'id of item at index 4 is 101'); assert.equal(ttcl[4].id, '101', 'id of item at index 4 is 101');
ttcl.setCues_(genericTracks); ttcl.setCues_(genericTracks);
QUnit.ok(!ttcl[3], 'nothing at index 3'); assert.ok(!ttcl[3], 'nothing at index 3');
QUnit.ok(!ttcl[4], 'nothing at index 4'); assert.ok(!ttcl[4], 'nothing at index 4');
}); });
QUnit.test('new item available at old index', function() { QUnit.test('new item available at old index', function(assert) {
const ttcl = new TextTrackCueList(genericTracks); const ttcl = new TextTrackCueList(genericTracks);
ttcl.setCues_(genericTracks.concat([{id: '100'}])); ttcl.setCues_(genericTracks.concat([{id: '100'}]));
QUnit.equal(ttcl[3].id, '100', 'id of item at index 3 is 100'); assert.equal(ttcl[3].id, '100', 'id of item at index 3 is 100');
ttcl.setCues_(genericTracks); ttcl.setCues_(genericTracks);
QUnit.ok(!ttcl[3], 'nothing at index 3'); assert.ok(!ttcl[3], 'nothing at index 3');
ttcl.setCues_(genericTracks.concat([{id: '101'}])); ttcl.setCues_(genericTracks.concat([{id: '101'}]));
QUnit.equal(ttcl[3].id, '101', 'id of new item at index 3 is now 101'); assert.equal(ttcl[3].id, '101', 'id of new item at index 3 is now 101');
}); });

View File

@@ -24,7 +24,7 @@ const cleanup = (item) => {
}; };
if (Html5.supportsNativeTextTracks()) { if (Html5.supportsNativeTextTracks()) {
QUnit.test('trackToJson_ produces correct representation for native track object', function(a) { QUnit.test('trackToJson_ produces correct representation for native track object', function(assert) {
const track = document.createElement('track'); const track = document.createElement('track');
track.src = 'example.com/english.vtt'; track.src = 'example.com/english.vtt';
@@ -32,7 +32,7 @@ if (Html5.supportsNativeTextTracks()) {
track.srclang = 'en'; track.srclang = 'en';
track.label = 'English'; track.label = 'English';
a.deepEqual(cleanup(c.trackToJson_(track.track)), { assert.deepEqual(cleanup(c.trackToJson_(track.track)), {
kind: 'captions', kind: 'captions',
label: 'English', label: 'English',
language: 'en', language: 'en',
@@ -40,7 +40,7 @@ if (Html5.supportsNativeTextTracks()) {
}, 'the json output is same'); }, 'the json output is same');
}); });
QUnit.test('textTracksToJson produces good json output', function(a) { QUnit.test('textTracksToJson produces good json output', function(assert) {
const emulatedTrack = new TextTrack({ const emulatedTrack = new TextTrack({
kind: 'captions', kind: 'captions',
label: 'English', label: 'English',
@@ -76,7 +76,7 @@ if (Html5.supportsNativeTextTracks()) {
} }
}; };
a.deepEqual(cleanup(c.textTracksToJson(tech)), [{ assert.deepEqual(cleanup(c.textTracksToJson(tech)), [{
kind: 'captions', kind: 'captions',
label: 'Spanish', label: 'Spanish',
language: 'es', language: 'es',
@@ -89,7 +89,7 @@ if (Html5.supportsNativeTextTracks()) {
}], 'the output is correct'); }], 'the output is correct');
}); });
QUnit.test('jsonToTextTracks calls addRemoteTextTrack on the tech with mixed tracks', function(a) { QUnit.test('jsonToTextTracks calls addRemoteTextTrack on the tech with mixed tracks', function(assert) {
const emulatedTrack = new TextTrack({ const emulatedTrack = new TextTrack({
kind: 'captions', kind: 'captions',
label: 'English', label: 'English',
@@ -136,11 +136,11 @@ if (Html5.supportsNativeTextTracks()) {
c.jsonToTextTracks(cleanup(c.textTracksToJson(tech)), tech); c.jsonToTextTracks(cleanup(c.textTracksToJson(tech)), tech);
a.equal(addRemotes, 2, 'we added two text tracks'); assert.equal(addRemotes, 2, 'we added two text tracks');
}); });
} }
QUnit.test('trackToJson_ produces correct representation for emulated track object', function(a) { QUnit.test('trackToJson_ produces correct representation for emulated track object', function(assert) {
const track = new TextTrack({ const track = new TextTrack({
kind: 'captions', kind: 'captions',
label: 'English', label: 'English',
@@ -149,7 +149,7 @@ QUnit.test('trackToJson_ produces correct representation for emulated track obje
tech: {} tech: {}
}); });
a.deepEqual(cleanup(c.trackToJson_(track)), { assert.deepEqual(cleanup(c.trackToJson_(track)), {
src: 'example.com/english.vtt', src: 'example.com/english.vtt',
kind: 'captions', kind: 'captions',
label: 'English', label: 'English',
@@ -158,7 +158,7 @@ QUnit.test('trackToJson_ produces correct representation for emulated track obje
}, 'the json output is same'); }, 'the json output is same');
}); });
QUnit.test('textTracksToJson produces good json output for emulated only', function(a) { QUnit.test('textTracksToJson produces good json output for emulated only', function(assert) {
const emulatedTrack = new TextTrack({ const emulatedTrack = new TextTrack({
kind: 'captions', kind: 'captions',
label: 'English', label: 'English',
@@ -197,7 +197,7 @@ QUnit.test('textTracksToJson produces good json output for emulated only', funct
} }
}; };
a.deepEqual(cleanup(c.textTracksToJson(tech)), [{ assert.deepEqual(cleanup(c.textTracksToJson(tech)), [{
src: 'example.com/spanish.vtt', src: 'example.com/spanish.vtt',
kind: 'captions', kind: 'captions',
label: 'Spanish', label: 'Spanish',
@@ -212,7 +212,7 @@ QUnit.test('textTracksToJson produces good json output for emulated only', funct
}], 'the output is correct'); }], 'the output is correct');
}); });
QUnit.test('jsonToTextTracks calls addRemoteTextTrack on the tech with emulated tracks only', function(a) { QUnit.test('jsonToTextTracks calls addRemoteTextTrack on the tech with emulated tracks only', function(assert) {
const emulatedTrack = new TextTrack({ const emulatedTrack = new TextTrack({
kind: 'captions', kind: 'captions',
label: 'English', label: 'English',
@@ -260,5 +260,5 @@ QUnit.test('jsonToTextTracks calls addRemoteTextTrack on the tech with emulated
c.jsonToTextTracks(cleanup(c.textTracksToJson(tech)), tech); c.jsonToTextTracks(cleanup(c.textTracksToJson(tech)), tech);
a.equal(addRemotes, 2, 'we added two text tracks'); assert.equal(addRemotes, 2, 'we added two text tracks');
}); });

View File

@@ -4,7 +4,7 @@ import TextTrack from '../../../src/js/tracks/text-track.js';
import EventTarget from '../../../src/js/event-target.js'; import EventTarget from '../../../src/js/event-target.js';
QUnit.module('Text Track List'); QUnit.module('Text Track List');
QUnit.test('trigger "change" event when "modechange" is fired on a track', function() { QUnit.test('trigger "change" event when "modechange" is fired on a track', function(assert) {
const tt = new EventTarget(); const tt = new EventTarget();
const ttl = new TextTrackList([tt]); const ttl = new TextTrackList([tt]);
let changes = 0; let changes = 0;
@@ -19,10 +19,10 @@ QUnit.test('trigger "change" event when "modechange" is fired on a track', funct
ttl.onchange = changeHandler; ttl.onchange = changeHandler;
tt.trigger('modechange'); tt.trigger('modechange');
QUnit.equal(changes, 2, 'two change events should have fired'); assert.equal(changes, 2, 'two change events should have fired');
}); });
QUnit.test('trigger "change" event when mode changes on a TextTrack', function() { QUnit.test('trigger "change" event when mode changes on a TextTrack', function(assert) {
const tt = new TextTrack({ const tt = new TextTrack({
tech: { tech: {
on() {} on() {}
@@ -43,5 +43,5 @@ QUnit.test('trigger "change" event when mode changes on a TextTrack', function()
tt.mode = 'hidden'; tt.mode = 'hidden';
tt.mode = 'disabled'; tt.mode = 'disabled';
QUnit.equal(changes, 3, 'three change events should have fired'); assert.equal(changes, 3, 'three change events should have fired');
}); });

View File

@@ -26,7 +26,7 @@ QUnit.module('Text Track Settings', {
} }
}); });
QUnit.test('should update settings', function() { QUnit.test('should update settings', function(assert) {
const player = TestHelpers.makePlayer({ const player = TestHelpers.makePlayer({
tracks, tracks,
persistTextTrackSettings: true persistTextTrackSettings: true
@@ -44,40 +44,40 @@ QUnit.test('should update settings', function() {
}; };
player.textTrackSettings.setValues(newSettings); player.textTrackSettings.setValues(newSettings);
QUnit.deepEqual(player.textTrackSettings.getValues(), assert.deepEqual(player.textTrackSettings.getValues(),
newSettings, newSettings,
'values are updated'); 'values are updated');
QUnit.equal(player.$('.vjs-fg-color > select').selectedIndex, assert.equal(player.$('.vjs-fg-color > select').selectedIndex,
2, 2,
'fg-color is set to new value'); 'fg-color is set to new value');
QUnit.equal(player.$('.vjs-bg-color > select').selectedIndex, assert.equal(player.$('.vjs-bg-color > select').selectedIndex,
1, 1,
'bg-color is set to new value'); 'bg-color is set to new value');
QUnit.equal(player.$('.window-color > select').selectedIndex, assert.equal(player.$('.window-color > select').selectedIndex,
1, 1,
'window-color is set to new value'); 'window-color is set to new value');
QUnit.equal(player.$('.vjs-text-opacity > select').selectedIndex, assert.equal(player.$('.vjs-text-opacity > select').selectedIndex,
1, 1,
'text-opacity is set to new value'); 'text-opacity is set to new value');
QUnit.equal(player.$('.vjs-bg-opacity > select').selectedIndex, assert.equal(player.$('.vjs-bg-opacity > select').selectedIndex,
1, 1,
'bg-opacity is set to new value'); 'bg-opacity is set to new value');
QUnit.equal(player.$('.vjs-window-opacity > select').selectedIndex, assert.equal(player.$('.vjs-window-opacity > select').selectedIndex,
1, 1,
'window-opacity is set to new value'); 'window-opacity is set to new value');
QUnit.equal(player.$('.vjs-edge-style select').selectedIndex, assert.equal(player.$('.vjs-edge-style select').selectedIndex,
1, 1,
'edge-style is set to new value'); 'edge-style is set to new value');
QUnit.equal(player.$('.vjs-font-family select').selectedIndex, assert.equal(player.$('.vjs-font-family select').selectedIndex,
3, 3,
'font-family is set to new value'); 'font-family is set to new value');
QUnit.equal(player.$('.vjs-font-percent select').selectedIndex, assert.equal(player.$('.vjs-font-percent select').selectedIndex,
3, 3,
'font-percent is set to new value'); 'font-percent is set to new value');
Events.trigger(player.$('.vjs-done-button'), 'click'); Events.trigger(player.$('.vjs-done-button'), 'click');
QUnit.deepEqual(safeParseTuple( assert.deepEqual(safeParseTuple(
window.localStorage.getItem('vjs-text-track-settings'))[1], window.localStorage.getItem('vjs-text-track-settings'))[1],
newSettings, newSettings,
'values are saved'); 'values are saved');
@@ -85,7 +85,7 @@ QUnit.test('should update settings', function() {
player.dispose(); player.dispose();
}); });
QUnit.test('should restore default settings', function() { QUnit.test('should restore default settings', function(assert) {
const player = TestHelpers.makePlayer({ const player = TestHelpers.makePlayer({
tracks, tracks,
persistTextTrackSettings: true persistTextTrackSettings: true
@@ -105,71 +105,71 @@ QUnit.test('should restore default settings', function() {
Events.trigger(player.$('.vjs-default-button'), 'click'); Events.trigger(player.$('.vjs-default-button'), 'click');
Events.trigger(player.$('.vjs-done-button'), 'click'); Events.trigger(player.$('.vjs-done-button'), 'click');
QUnit.deepEqual(player.textTrackSettings.getValues(), assert.deepEqual(player.textTrackSettings.getValues(),
defaultSettings, defaultSettings,
'values are defaulted'); 'values are defaulted');
// TODO: // TODO:
// MikeA: need to figure out how to modify saveSettings // MikeA: need to figure out how to modify saveSettings
// to factor in defaults are no longer null // to factor in defaults are no longer null
// QUnit.deepEqual(window.localStorage.getItem('vjs-text-track-settings'), // assert.deepEqual(window.localStorage.getItem('vjs-text-track-settings'),
// defaultSettings, // defaultSettings,
// 'values are saved'); // 'values are saved');
QUnit.equal(player.$('.vjs-fg-color > select').selectedIndex, assert.equal(player.$('.vjs-fg-color > select').selectedIndex,
0, 0,
'fg-color is set to default value'); 'fg-color is set to default value');
QUnit.equal(player.$('.vjs-bg-color > select').selectedIndex, assert.equal(player.$('.vjs-bg-color > select').selectedIndex,
0, 0,
'bg-color is set to default value'); 'bg-color is set to default value');
QUnit.equal(player.$('.window-color > select').selectedIndex, assert.equal(player.$('.window-color > select').selectedIndex,
0, 0,
'window-color is set to default value'); 'window-color is set to default value');
QUnit.equal(player.$('.vjs-text-opacity > select').selectedIndex, assert.equal(player.$('.vjs-text-opacity > select').selectedIndex,
0, 0,
'text-opacity is set to default value'); 'text-opacity is set to default value');
QUnit.equal(player.$('.vjs-bg-opacity > select').selectedIndex, assert.equal(player.$('.vjs-bg-opacity > select').selectedIndex,
0, 0,
'bg-opacity is set to default value'); 'bg-opacity is set to default value');
QUnit.equal(player.$('.vjs-window-opacity > select').selectedIndex, assert.equal(player.$('.vjs-window-opacity > select').selectedIndex,
0, 0,
'window-opacity is set to default value'); 'window-opacity is set to default value');
QUnit.equal(player.$('.vjs-edge-style select').selectedIndex, assert.equal(player.$('.vjs-edge-style select').selectedIndex,
0, 0,
'edge-style is set to default value'); 'edge-style is set to default value');
QUnit.equal(player.$('.vjs-font-family select').selectedIndex, assert.equal(player.$('.vjs-font-family select').selectedIndex,
0, 0,
'font-family is set to default value'); 'font-family is set to default value');
QUnit.equal(player.$('.vjs-font-percent select').selectedIndex, assert.equal(player.$('.vjs-font-percent select').selectedIndex,
2, 2,
'font-percent is set to default value'); 'font-percent is set to default value');
player.dispose(); player.dispose();
}); });
QUnit.test('should open on click', function() { QUnit.test('should open on click', function(assert) {
const player = TestHelpers.makePlayer({ const player = TestHelpers.makePlayer({
tracks tracks
}); });
Events.trigger(player.$('.vjs-texttrack-settings'), 'click'); Events.trigger(player.$('.vjs-texttrack-settings'), 'click');
QUnit.ok(!player.textTrackSettings.hasClass('vjs-hidden'), 'settings open'); assert.ok(!player.textTrackSettings.hasClass('vjs-hidden'), 'settings open');
player.dispose(); player.dispose();
}); });
QUnit.test('should close on done click', function() { QUnit.test('should close on done click', function(assert) {
const player = TestHelpers.makePlayer({ const player = TestHelpers.makePlayer({
tracks tracks
}); });
Events.trigger(player.$('.vjs-texttrack-settings'), 'click'); Events.trigger(player.$('.vjs-texttrack-settings'), 'click');
Events.trigger(player.$('.vjs-done-button'), 'click'); Events.trigger(player.$('.vjs-done-button'), 'click');
QUnit.ok(player.textTrackSettings.hasClass('vjs-hidden'), 'settings closed'); assert.ok(player.textTrackSettings.hasClass('vjs-hidden'), 'settings closed');
player.dispose(); player.dispose();
}); });
QUnit.test('if persist option is set, restore settings on init', function() { QUnit.test('if persist option is set, restore settings on init', function(assert) {
const oldRestoreSettings = TextTrackSettings.prototype.restoreSettings; const oldRestoreSettings = TextTrackSettings.prototype.restoreSettings;
let restore = 0; let restore = 0;
@@ -182,14 +182,14 @@ QUnit.test('if persist option is set, restore settings on init', function() {
persistTextTrackSettings: true persistTextTrackSettings: true
}); });
QUnit.equal(restore, 1, 'restore was called'); assert.equal(restore, 1, 'restore was called');
TextTrackSettings.prototype.restoreSettings = oldRestoreSettings; TextTrackSettings.prototype.restoreSettings = oldRestoreSettings;
player.dispose(); player.dispose();
}); });
QUnit.test('if persist option is set, save settings when "done"', function() { QUnit.test('if persist option is set, save settings when "done"', function(assert) {
const player = TestHelpers.makePlayer({ const player = TestHelpers.makePlayer({
tracks, tracks,
persistTextTrackSettings: true persistTextTrackSettings: true
@@ -203,14 +203,14 @@ QUnit.test('if persist option is set, save settings when "done"', function() {
Events.trigger(player.$('.vjs-done-button'), 'click'); Events.trigger(player.$('.vjs-done-button'), 'click');
QUnit.equal(save, 1, 'save was called'); assert.equal(save, 1, 'save was called');
TextTrackSettings.prototype.saveSettings = oldSaveSettings; TextTrackSettings.prototype.saveSettings = oldSaveSettings;
player.dispose(); player.dispose();
}); });
QUnit.test('do not try to restore or save settings if persist option is not set', function() { QUnit.test('do not try to restore or save settings if persist option is not set', function(assert) {
const oldRestoreSettings = TextTrackSettings.prototype.restoreSettings; const oldRestoreSettings = TextTrackSettings.prototype.restoreSettings;
const oldSaveSettings = TextTrackSettings.prototype.saveSettings; const oldSaveSettings = TextTrackSettings.prototype.saveSettings;
let save = 0; let save = 0;
@@ -228,12 +228,12 @@ QUnit.test('do not try to restore or save settings if persist option is not set'
persistTextTrackSettings: false persistTextTrackSettings: false
}); });
QUnit.equal(restore, 0, 'restore was not called'); assert.equal(restore, 0, 'restore was not called');
Events.trigger(player.$('.vjs-done-button'), 'click'); Events.trigger(player.$('.vjs-done-button'), 'click');
// saveSettings is called but does nothing // saveSettings is called but does nothing
QUnit.equal(save, 1, 'save was not called'); assert.equal(save, 1, 'save was not called');
TextTrackSettings.prototype.saveSettings = oldSaveSettings; TextTrackSettings.prototype.saveSettings = oldSaveSettings;
TextTrackSettings.prototype.restoreSettings = oldRestoreSettings; TextTrackSettings.prototype.restoreSettings = oldRestoreSettings;
@@ -241,7 +241,7 @@ QUnit.test('do not try to restore or save settings if persist option is not set'
player.dispose(); player.dispose();
}); });
QUnit.test('should restore saved settings', function() { QUnit.test('should restore saved settings', function(assert) {
const newSettings = { const newSettings = {
backgroundOpacity: '0.5', backgroundOpacity: '0.5',
textOpacity: '0.5', textOpacity: '0.5',
@@ -261,12 +261,12 @@ QUnit.test('should restore saved settings', function() {
persistTextTrackSettings: true persistTextTrackSettings: true
}); });
QUnit.deepEqual(player.textTrackSettings.getValues(), newSettings); assert.deepEqual(player.textTrackSettings.getValues(), newSettings);
player.dispose(); player.dispose();
}); });
QUnit.test('should not restore saved settings', function() { QUnit.test('should not restore saved settings', function(assert) {
const newSettings = { const newSettings = {
backgroundOpacity: '0.5', backgroundOpacity: '0.5',
textOpacity: '0.5', textOpacity: '0.5',
@@ -286,7 +286,7 @@ QUnit.test('should not restore saved settings', function() {
persistTextTrackSettings: false persistTextTrackSettings: false
}); });
QUnit.deepEqual(player.textTrackSettings.getValues(), defaultSettings); assert.deepEqual(player.textTrackSettings.getValues(), defaultSettings);
player.dispose(); player.dispose();
}); });

View File

@@ -28,111 +28,111 @@ TrackBaseline(TextTrack, {
tech: defaultTech tech: defaultTech
}); });
QUnit.test('requires a tech', function() { QUnit.test('requires a tech', function(assert) {
const error = new Error('A tech was not provided.'); const error = new Error('A tech was not provided.');
QUnit.throws(() => new TextTrack({}), error, 'a tech is required'); assert.throws(() => new TextTrack({}), error, 'a tech is required');
QUnit.throws(() => new TextTrack({tech: null}), error, 'a tech is required'); assert.throws(() => new TextTrack({tech: null}), error, 'a tech is required');
}); });
QUnit.test('can create a TextTrack with a mode property', function() { QUnit.test('can create a TextTrack with a mode property', function(assert) {
const mode = 'disabled'; const mode = 'disabled';
const tt = new TextTrack({ const tt = new TextTrack({
mode, mode,
tech: defaultTech tech: defaultTech
}); });
QUnit.equal(tt.mode, mode, 'we have a mode'); assert.equal(tt.mode, mode, 'we have a mode');
}); });
QUnit.test('defaults when items not provided', function() { QUnit.test('defaults when items not provided', function(assert) {
const tt = new TextTrack({ const tt = new TextTrack({
tech: TechFaker tech: TechFaker
}); });
QUnit.equal(tt.kind, 'subtitles', 'kind defaulted to subtitles'); assert.equal(tt.kind, 'subtitles', 'kind defaulted to subtitles');
QUnit.equal(tt.mode, 'disabled', 'mode defaulted to disabled'); assert.equal(tt.mode, 'disabled', 'mode defaulted to disabled');
QUnit.equal(tt.label, '', 'label defaults to empty string'); assert.equal(tt.label, '', 'label defaults to empty string');
QUnit.equal(tt.language, '', 'language defaults to empty string'); assert.equal(tt.language, '', 'language defaults to empty string');
}); });
QUnit.test('kind can only be one of several options, defaults to subtitles', function() { QUnit.test('kind can only be one of several options, defaults to subtitles', function(assert) {
let tt = new TextTrack({ let tt = new TextTrack({
tech: defaultTech, tech: defaultTech,
kind: 'foo' kind: 'foo'
}); });
QUnit.equal(tt.kind, 'subtitles', 'the kind is set to subtitles, not foo'); assert.equal(tt.kind, 'subtitles', 'the kind is set to subtitles, not foo');
QUnit.notEqual(tt.kind, 'foo', 'the kind is set to subtitles, not foo'); assert.notEqual(tt.kind, 'foo', 'the kind is set to subtitles, not foo');
tt = new TextTrack({ tt = new TextTrack({
tech: defaultTech, tech: defaultTech,
kind: 'subtitles' kind: 'subtitles'
}); });
QUnit.equal(tt.kind, 'subtitles', 'the kind is set to subtitles'); assert.equal(tt.kind, 'subtitles', 'the kind is set to subtitles');
tt = new TextTrack({ tt = new TextTrack({
tech: defaultTech, tech: defaultTech,
kind: 'captions' kind: 'captions'
}); });
QUnit.equal(tt.kind, 'captions', 'the kind is set to captions'); assert.equal(tt.kind, 'captions', 'the kind is set to captions');
tt = new TextTrack({ tt = new TextTrack({
tech: defaultTech, tech: defaultTech,
kind: 'descriptions' kind: 'descriptions'
}); });
QUnit.equal(tt.kind, 'descriptions', 'the kind is set to descriptions'); assert.equal(tt.kind, 'descriptions', 'the kind is set to descriptions');
tt = new TextTrack({ tt = new TextTrack({
tech: defaultTech, tech: defaultTech,
kind: 'chapters' kind: 'chapters'
}); });
QUnit.equal(tt.kind, 'chapters', 'the kind is set to chapters'); assert.equal(tt.kind, 'chapters', 'the kind is set to chapters');
tt = new TextTrack({ tt = new TextTrack({
tech: defaultTech, tech: defaultTech,
kind: 'metadata' kind: 'metadata'
}); });
QUnit.equal(tt.kind, 'metadata', 'the kind is set to metadata'); assert.equal(tt.kind, 'metadata', 'the kind is set to metadata');
}); });
QUnit.test('mode can only be one of several options, defaults to disabled', function() { QUnit.test('mode can only be one of several options, defaults to disabled', function(assert) {
let tt = new TextTrack({ let tt = new TextTrack({
tech: defaultTech, tech: defaultTech,
mode: 'foo' mode: 'foo'
}); });
QUnit.equal(tt.mode, 'disabled', 'the mode is set to disabled, not foo'); assert.equal(tt.mode, 'disabled', 'the mode is set to disabled, not foo');
QUnit.notEqual(tt.mode, 'foo', 'the mode is set to disabld, not foo'); assert.notEqual(tt.mode, 'foo', 'the mode is set to disabld, not foo');
tt = new TextTrack({ tt = new TextTrack({
tech: defaultTech, tech: defaultTech,
mode: 'disabled' mode: 'disabled'
}); });
QUnit.equal(tt.mode, 'disabled', 'the mode is set to disabled'); assert.equal(tt.mode, 'disabled', 'the mode is set to disabled');
tt = new TextTrack({ tt = new TextTrack({
tech: defaultTech, tech: defaultTech,
mode: 'hidden' mode: 'hidden'
}); });
QUnit.equal(tt.mode, 'hidden', 'the mode is set to hidden'); assert.equal(tt.mode, 'hidden', 'the mode is set to hidden');
tt = new TextTrack({ tt = new TextTrack({
tech: defaultTech, tech: defaultTech,
mode: 'showing' mode: 'showing'
}); });
QUnit.equal(tt.mode, 'showing', 'the mode is set to showing'); assert.equal(tt.mode, 'showing', 'the mode is set to showing');
}); });
QUnit.test('cue and activeCues are read only', function() { QUnit.test('cue and activeCues are read only', function(assert) {
const mode = 'disabled'; const mode = 'disabled';
const tt = new TextTrack({ const tt = new TextTrack({
mode, mode,
@@ -142,68 +142,68 @@ QUnit.test('cue and activeCues are read only', function() {
tt.cues = 'foo'; tt.cues = 'foo';
tt.activeCues = 'bar'; tt.activeCues = 'bar';
QUnit.notEqual(tt.cues, 'foo', 'cues is still original value'); assert.notEqual(tt.cues, 'foo', 'cues is still original value');
QUnit.notEqual(tt.activeCues, 'bar', 'activeCues is still original value'); assert.notEqual(tt.activeCues, 'bar', 'activeCues is still original value');
}); });
QUnit.test('mode can only be set to a few options', function() { QUnit.test('mode can only be set to a few options', function(assert) {
const tt = new TextTrack({ const tt = new TextTrack({
tech: defaultTech tech: defaultTech
}); });
tt.mode = 'foo'; tt.mode = 'foo';
QUnit.notEqual(tt.mode, 'foo', 'the mode is still the old value, disabled'); assert.notEqual(tt.mode, 'foo', 'the mode is still the old value, disabled');
QUnit.equal(tt.mode, 'disabled', 'still on the default mode, disabled'); assert.equal(tt.mode, 'disabled', 'still on the default mode, disabled');
tt.mode = 'hidden'; tt.mode = 'hidden';
QUnit.equal(tt.mode, 'hidden', 'mode set to hidden'); assert.equal(tt.mode, 'hidden', 'mode set to hidden');
tt.mode = 'bar'; tt.mode = 'bar';
QUnit.notEqual(tt.mode, 'bar', 'the mode is still the old value, hidden'); assert.notEqual(tt.mode, 'bar', 'the mode is still the old value, hidden');
QUnit.equal(tt.mode, 'hidden', 'still on the previous mode, hidden'); assert.equal(tt.mode, 'hidden', 'still on the previous mode, hidden');
tt.mode = 'showing'; tt.mode = 'showing';
QUnit.equal(tt.mode, 'showing', 'mode set to showing'); assert.equal(tt.mode, 'showing', 'mode set to showing');
tt.mode = 'baz'; tt.mode = 'baz';
QUnit.notEqual(tt.mode, 'baz', 'the mode is still the old value, showing'); assert.notEqual(tt.mode, 'baz', 'the mode is still the old value, showing');
QUnit.equal(tt.mode, 'showing', 'still on the previous mode, showing'); assert.equal(tt.mode, 'showing', 'still on the previous mode, showing');
}); });
QUnit.test('cues and activeCues return a TextTrackCueList', function() { QUnit.test('cues and activeCues return a TextTrackCueList', function(assert) {
const tt = new TextTrack({ const tt = new TextTrack({
tech: defaultTech tech: defaultTech
}); });
QUnit.ok(tt.cues.getCueById, 'cues are a TextTrackCueList'); assert.ok(tt.cues.getCueById, 'cues are a TextTrackCueList');
QUnit.ok(tt.activeCues.getCueById, 'activeCues are a TextTrackCueList'); assert.ok(tt.activeCues.getCueById, 'activeCues are a TextTrackCueList');
}); });
QUnit.test('cues can be added and removed from a TextTrack', function() { QUnit.test('cues can be added and removed from a TextTrack', function(assert) {
const tt = new TextTrack({ const tt = new TextTrack({
tech: defaultTech tech: defaultTech
}); });
const cues = tt.cues; const cues = tt.cues;
QUnit.equal(cues.length, 0, 'start with zero cues'); assert.equal(cues.length, 0, 'start with zero cues');
tt.addCue({id: '1'}); tt.addCue({id: '1'});
QUnit.equal(cues.length, 1, 'we have one cue'); assert.equal(cues.length, 1, 'we have one cue');
tt.removeCue(cues.getCueById('1')); tt.removeCue(cues.getCueById('1'));
QUnit.equal(cues.length, 0, 'we have removed our one cue'); assert.equal(cues.length, 0, 'we have removed our one cue');
tt.addCue({id: '1'}); tt.addCue({id: '1'});
tt.addCue({id: '2'}); tt.addCue({id: '2'});
tt.addCue({id: '3'}); tt.addCue({id: '3'});
QUnit.equal(cues.length, 3, 'we now have 3 cues'); assert.equal(cues.length, 3, 'we now have 3 cues');
}); });
QUnit.test('fires cuechange when cues become active and inactive', function() { QUnit.test('fires cuechange when cues become active and inactive', function(assert) {
const player = TestHelpers.makePlayer(); const player = TestHelpers.makePlayer();
let changes = 0; let changes = 0;
const tt = new TextTrack({ const tt = new TextTrack({
@@ -229,7 +229,7 @@ QUnit.test('fires cuechange when cues become active and inactive', function() {
player.tech_.trigger('timeupdate'); player.tech_.trigger('timeupdate');
QUnit.equal(changes, 2, 'a cuechange event trigger addEventListener and oncuechange'); assert.equal(changes, 2, 'a cuechange event trigger addEventListener and oncuechange');
player.tech_.currentTime = function() { player.tech_.currentTime = function() {
return 7; return 7;
@@ -237,12 +237,12 @@ QUnit.test('fires cuechange when cues become active and inactive', function() {
player.tech_.trigger('timeupdate'); player.tech_.trigger('timeupdate');
QUnit.equal(changes, 4, 'a cuechange event trigger addEventListener and oncuechange'); assert.equal(changes, 4, 'a cuechange event trigger addEventListener and oncuechange');
player.dispose(); player.dispose();
}); });
QUnit.test('tracks are parsed if vttjs is loaded', function() { QUnit.test('tracks are parsed if vttjs is loaded', function(assert) {
const clock = sinon.useFakeTimers(); const clock = sinon.useFakeTimers();
const oldVTT = window.WebVTT; const oldVTT = window.WebVTT;
let parserCreated = false; let parserCreated = false;
@@ -277,13 +277,13 @@ QUnit.test('tracks are parsed if vttjs is loaded', function() {
xhrHandler(null, {}, 'WEBVTT\n'); xhrHandler(null, {}, 'WEBVTT\n');
QUnit.ok(parserCreated, 'WebVTT is loaded, so we can just parse'); assert.ok(parserCreated, 'WebVTT is loaded, so we can just parse');
clock.restore(); clock.restore();
window.WebVTT = oldVTT; window.WebVTT = oldVTT;
}); });
QUnit.test('tracks are parsed once vttjs is loaded', function() { QUnit.test('tracks are parsed once vttjs is loaded', function(assert) {
const clock = sinon.useFakeTimers(); const clock = sinon.useFakeTimers();
const oldVTT = window.WebVTT; const oldVTT = window.WebVTT;
let parserCreated = false; let parserCreated = false;
@@ -312,10 +312,10 @@ QUnit.test('tracks are parsed once vttjs is loaded', function() {
xhrHandler(null, {}, 'WEBVTT\n'); xhrHandler(null, {}, 'WEBVTT\n');
QUnit.ok(!parserCreated, 'WebVTT is not loaded, do not try to parse yet'); assert.ok(!parserCreated, 'WebVTT is not loaded, do not try to parse yet');
clock.tick(100); clock.tick(100);
QUnit.ok(!parserCreated, 'WebVTT still not loaded, do not try to parse yet'); assert.ok(!parserCreated, 'WebVTT still not loaded, do not try to parse yet');
window.WebVTT = () => {}; window.WebVTT = () => {};
window.WebVTT.StringDecoder = () => {}; window.WebVTT.StringDecoder = () => {};
@@ -331,13 +331,13 @@ QUnit.test('tracks are parsed once vttjs is loaded', function() {
}; };
testTech.trigger('vttjsloaded'); testTech.trigger('vttjsloaded');
QUnit.ok(parserCreated, 'WebVTT is loaded, so we can parse now'); assert.ok(parserCreated, 'WebVTT is loaded, so we can parse now');
clock.restore(); clock.restore();
window.WebVTT = oldVTT; window.WebVTT = oldVTT;
}); });
QUnit.test('stops processing if vttjs loading errored out', function() { QUnit.test('stops processing if vttjs loading errored out', function(assert) {
const clock = sinon.useFakeTimers(); const clock = sinon.useFakeTimers();
const errorSpy = sinon.spy(); const errorSpy = sinon.spy();
const oldVTT = window.WebVTT; const oldVTT = window.WebVTT;
@@ -375,18 +375,18 @@ QUnit.test('stops processing if vttjs loading errored out', function() {
xhrHandler(null, {}, 'WEBVTT\n'); xhrHandler(null, {}, 'WEBVTT\n');
QUnit.ok(!parserCreated, 'WebVTT is not loaded, do not try to parse yet'); assert.ok(!parserCreated, 'WebVTT is not loaded, do not try to parse yet');
testTech.trigger('vttjserror'); testTech.trigger('vttjserror');
const offSpyCall = testTech.off.getCall(0); const offSpyCall = testTech.off.getCall(0);
QUnit.ok(errorSpy.called, 'vttjs failed to load, so log.error was called'); assert.ok(errorSpy.called, 'vttjs failed to load, so log.error was called');
if (errorSpy.called) { if (errorSpy.called) {
QUnit.ok(/^vttjs failed to load, stopping trying to process/.test(errorSpy.getCall(0).args[0]), assert.ok(/^vttjs failed to load, stopping trying to process/.test(errorSpy.getCall(0).args[0]),
'log.error was called with the expected message'); 'log.error was called with the expected message');
} }
QUnit.ok(!parserCreated, 'WebVTT is not loaded, do not try to parse yet'); assert.ok(!parserCreated, 'WebVTT is not loaded, do not try to parse yet');
QUnit.ok(offSpyCall, 'tech.off was called'); assert.ok(offSpyCall, 'tech.off was called');
clock.restore(); clock.restore();
window.WebVTT = oldVTT; window.WebVTT = oldVTT;

View File

@@ -16,27 +16,27 @@ import document from 'global/document';
import sinon from 'sinon'; import sinon from 'sinon';
QUnit.module('Tracks', { QUnit.module('Tracks', {
setup() { beforeEach(assert) {
this.clock = sinon.useFakeTimers(); this.clock = sinon.useFakeTimers();
}, },
teardown() { afterEach(assert) {
this.clock.restore(); this.clock.restore();
} }
}); });
QUnit.test('should place title list item into ul', function() { QUnit.test('should place title list item into ul', function(assert) {
const player = TestHelpers.makePlayer(); const player = TestHelpers.makePlayer();
const chaptersButton = new ChaptersButton(player); const chaptersButton = new ChaptersButton(player);
const menuContentElement = chaptersButton.el().getElementsByTagName('UL')[0]; const menuContentElement = chaptersButton.el().getElementsByTagName('UL')[0];
const titleElement = menuContentElement.children[0]; const titleElement = menuContentElement.children[0];
QUnit.ok(titleElement.innerHTML === 'Chapters', 'title element placed in ul'); assert.ok(titleElement.innerHTML === 'Chapters', 'title element placed in ul');
player.dispose(); player.dispose();
}); });
QUnit.test('Player track methods call the tech', function() { QUnit.test('Player track methods call the tech', function(assert) {
const player = TestHelpers.makePlayer(); const player = TestHelpers.makePlayer();
let calls = 0; let calls = 0;
@@ -50,12 +50,12 @@ QUnit.test('Player track methods call the tech', function() {
player.addTextTrack(); player.addTextTrack();
player.textTracks(); player.textTracks();
QUnit.equal(calls, 2, 'both textTrack and addTextTrack defer to the tech'); assert.equal(calls, 2, 'both textTrack and addTextTrack defer to the tech');
player.dispose(); player.dispose();
}); });
QUnit.test('TextTrackDisplay initializes tracks on player ready', function() { QUnit.test('TextTrackDisplay initializes tracks on player ready', function(assert) {
let calls = 0; let calls = 0;
/* eslint-disable no-unused-vars */ /* eslint-disable no-unused-vars */
const ttd = new TextTrackDisplay({ const ttd = new TextTrackDisplay({
@@ -72,10 +72,10 @@ QUnit.test('TextTrackDisplay initializes tracks on player ready', function() {
}, {}); }, {});
/* eslint-enable no-unused-vars */ /* eslint-enable no-unused-vars */
QUnit.equal(calls, 1, 'only a player.ready call was made'); assert.equal(calls, 1, 'only a player.ready call was made');
}); });
QUnit.test('listen to remove and add track events in native text tracks', function() { QUnit.test('listen to remove and add track events in native text tracks', function(assert) {
const oldTestVid = Html5.TEST_VID; const oldTestVid = Html5.TEST_VID;
const oldTextTracks = Html5.prototype.textTracks; const oldTextTracks = Html5.prototype.textTracks;
const events = {}; const events = {};
@@ -116,14 +116,14 @@ QUnit.test('listen to remove and add track events in native text tracks', functi
const html = new Html5({}); const html = new Html5({});
/* eslint-enable no-unused-vars */ /* eslint-enable no-unused-vars */
QUnit.ok(events.removetrack, 'removetrack listener was added'); assert.ok(events.removetrack, 'removetrack listener was added');
QUnit.ok(events.addtrack, 'addtrack listener was added'); assert.ok(events.addtrack, 'addtrack listener was added');
Html5.TEST_VID = oldTestVid; Html5.TEST_VID = oldTestVid;
Html5.prototype.textTracks = oldTextTracks; Html5.prototype.textTracks = oldTextTracks;
}); });
QUnit.test('update texttrack buttons on removetrack or addtrack', function() { QUnit.test('update texttrack buttons on removetrack or addtrack', function(assert) {
let update = 0; let update = 0;
const events = {}; const events = {};
const oldCaptionsUpdate = CaptionsButton.prototype.update; const oldCaptionsUpdate = CaptionsButton.prototype.update;
@@ -186,19 +186,19 @@ QUnit.test('update texttrack buttons on removetrack or addtrack', function() {
player.player_ = player; player.player_ = player;
QUnit.equal(update, 4, 'update was called on the four buttons during init'); assert.equal(update, 4, 'update was called on the four buttons during init');
for (let i = 0; i < events.removetrack.length; i++) { for (let i = 0; i < events.removetrack.length; i++) {
events.removetrack[i](); events.removetrack[i]();
} }
QUnit.equal(update, 8, 'update was called on the four buttons for remove track'); assert.equal(update, 8, 'update was called on the four buttons for remove track');
for (let i = 0; i < events.addtrack.length; i++) { for (let i = 0; i < events.addtrack.length; i++) {
events.addtrack[i](); events.addtrack[i]();
} }
QUnit.equal(update, 12, 'update was called on the four buttons for remove track'); assert.equal(update, 12, 'update was called on the four buttons for remove track');
Tech.prototype.textTracks = oldTextTracks; Tech.prototype.textTracks = oldTextTracks;
Tech.prototype.featuresNativeTextTracks = false; Tech.prototype.featuresNativeTextTracks = false;
@@ -209,7 +209,7 @@ QUnit.test('update texttrack buttons on removetrack or addtrack', function() {
player.dispose(); player.dispose();
}); });
QUnit.test('if native text tracks are not supported, create a texttrackdisplay', function() { QUnit.test('if native text tracks are not supported, create a texttrackdisplay', function(assert) {
const oldTestVid = Html5.TEST_VID; const oldTestVid = Html5.TEST_VID;
const oldIsFirefox = browser.IS_FIREFOX; const oldIsFirefox = browser.IS_FIREFOX;
const oldTextTrackDisplay = Component.getComponent('TextTrackDisplay'); const oldTextTrackDisplay = Component.getComponent('TextTrackDisplay');
@@ -241,7 +241,7 @@ QUnit.test('if native text tracks are not supported, create a texttrackdisplay',
const player = TestHelpers.makePlayer({}, tag); const player = TestHelpers.makePlayer({}, tag);
QUnit.ok(called, 'text track display was created'); assert.ok(called, 'text track display was created');
Html5.TEST_VID = oldTestVid; Html5.TEST_VID = oldTestVid;
browser.IS_FIREFOX = oldIsFirefox; browser.IS_FIREFOX = oldIsFirefox;
@@ -250,7 +250,7 @@ QUnit.test('if native text tracks are not supported, create a texttrackdisplay',
player.dispose(); player.dispose();
}); });
QUnit.test('html5 tech supports native text tracks if the video supports it, unless mode is a number', function() { QUnit.test('html5 tech supports native text tracks if the video supports it, unless mode is a number', function(assert) {
const oldTestVid = Html5.TEST_VID; const oldTestVid = Html5.TEST_VID;
Html5.TEST_VID = { Html5.TEST_VID = {
@@ -259,13 +259,13 @@ QUnit.test('html5 tech supports native text tracks if the video supports it, unl
}] }]
}; };
QUnit.ok(!Html5.supportsNativeTextTracks(), assert.ok(!Html5.supportsNativeTextTracks(),
'native text tracks are not supported if mode is a number'); 'native text tracks are not supported if mode is a number');
Html5.TEST_VID = oldTestVid; Html5.TEST_VID = oldTestVid;
}); });
QUnit.test('html5 tech supports native text tracks if the video supports it, unless it is firefox', function() { QUnit.test('html5 tech supports native text tracks if the video supports it, unless it is firefox', function(assert) {
const oldTestVid = Html5.TEST_VID; const oldTestVid = Html5.TEST_VID;
const oldIsFirefox = browser.IS_FIREFOX; const oldIsFirefox = browser.IS_FIREFOX;
@@ -275,7 +275,7 @@ QUnit.test('html5 tech supports native text tracks if the video supports it, unl
browser.IS_FIREFOX = true; browser.IS_FIREFOX = true;
QUnit.ok(!Html5.supportsNativeTextTracks(), assert.ok(!Html5.supportsNativeTextTracks(),
'if textTracks are available on video element,' + 'if textTracks are available on video element,' +
' native text tracks are supported'); ' native text tracks are supported');
@@ -283,7 +283,7 @@ QUnit.test('html5 tech supports native text tracks if the video supports it, unl
browser.IS_FIREFOX = oldIsFirefox; browser.IS_FIREFOX = oldIsFirefox;
}); });
QUnit.test('when switching techs, we should not get a new text track', function() { QUnit.test('when switching techs, we should not get a new text track', function(assert) {
const player = TestHelpers.makePlayer(); const player = TestHelpers.makePlayer();
player.loadTech_('TechFaker'); player.loadTech_('TechFaker');
@@ -292,7 +292,7 @@ QUnit.test('when switching techs, we should not get a new text track', function(
player.loadTech_('TechFaker'); player.loadTech_('TechFaker');
const secondTracks = player.textTracks(); const secondTracks = player.textTracks();
QUnit.ok(firstTracks === secondTracks, 'the tracks are equal'); assert.ok(firstTracks === secondTracks, 'the tracks are equal');
}); });
if (Html5.supportsNativeTextTracks()) { if (Html5.supportsNativeTextTracks()) {
@@ -308,8 +308,8 @@ if (Html5.supportsNativeTextTracks()) {
el.appendChild(track); el.appendChild(track);
const addtrack = function() { const addtrack = function() {
QUnit.equal(emulatedTt.length, tt.length, 'we have matching tracks length'); assert.equal(emulatedTt.length, tt.length, 'we have matching tracks length');
QUnit.equal(emulatedTt.length, 1, 'we have one text track'); assert.equal(emulatedTt.length, 1, 'we have one text track');
emulatedTt.off('addtrack', addtrack); emulatedTt.off('addtrack', addtrack);
el.removeChild(track); el.removeChild(track);
@@ -317,8 +317,8 @@ if (Html5.supportsNativeTextTracks()) {
emulatedTt.on('addtrack', addtrack); emulatedTt.on('addtrack', addtrack);
emulatedTt.on('removetrack', function() { emulatedTt.on('removetrack', function() {
QUnit.equal(emulatedTt.length, tt.length, 'we have matching tracks length'); assert.equal(emulatedTt.length, tt.length, 'we have matching tracks length');
QUnit.equal(emulatedTt.length, 0, 'we have no more text tracks'); assert.equal(emulatedTt.length, 0, 'we have no more text tracks');
done(); done();
}); });
}); });
@@ -335,14 +335,14 @@ if (Html5.supportsNativeTextTracks()) {
el.appendChild(track); el.appendChild(track);
const addtrack = function() { const addtrack = function() {
QUnit.equal(emulatedTt.length, tt.length, 'we have matching tracks length'); assert.equal(emulatedTt.length, tt.length, 'we have matching tracks length');
QUnit.equal(emulatedTt.length, 1, 'we have one text track'); assert.equal(emulatedTt.length, 1, 'we have one text track');
emulatedTt.off('addtrack', addtrack); emulatedTt.off('addtrack', addtrack);
html.dispose(); html.dispose();
QUnit.equal(emulatedTt.length, tt.length, 'we have matching tracks length'); assert.equal(emulatedTt.length, tt.length, 'we have matching tracks length');
QUnit.equal(emulatedTt.length, 0, 'we have no more text tracks'); assert.equal(emulatedTt.length, 0, 'we have no more text tracks');
done(); done();
}; };
@@ -351,7 +351,7 @@ if (Html5.supportsNativeTextTracks()) {
}); });
} }
QUnit.test('should check for text track changes when emulating text tracks', function() { QUnit.test('should check for text track changes when emulating text tracks', function(assert) {
const tech = new Tech(); const tech = new Tech();
let numTextTrackChanges = 0; let numTextTrackChanges = 0;
@@ -359,10 +359,10 @@ QUnit.test('should check for text track changes when emulating text tracks', fun
numTextTrackChanges++; numTextTrackChanges++;
}); });
tech.emulateTextTracks(); tech.emulateTextTracks();
QUnit.equal(numTextTrackChanges, 1, 'we got a texttrackchange event'); assert.equal(numTextTrackChanges, 1, 'we got a texttrackchange event');
}); });
QUnit.test('removes cuechange event when text track is hidden for emulated tracks', function() { QUnit.test('removes cuechange event when text track is hidden for emulated tracks', function(assert) {
const player = TestHelpers.makePlayer(); const player = TestHelpers.makePlayer();
const tt = new TextTrack({ const tt = new TextTrack({
tech: player.tech_, tech: player.tech_,
@@ -384,32 +384,32 @@ QUnit.test('removes cuechange event when text track is hidden for emulated track
}); });
tt.mode = 'showing'; tt.mode = 'showing';
QUnit.equal(numTextTrackChanges, 1, assert.equal(numTextTrackChanges, 1,
'texttrackchange should be called once for mode change'); 'texttrackchange should be called once for mode change');
tt.mode = 'showing'; tt.mode = 'showing';
QUnit.equal(numTextTrackChanges, 2, assert.equal(numTextTrackChanges, 2,
'texttrackchange should be called once for mode change'); 'texttrackchange should be called once for mode change');
player.tech_.currentTime = function() { player.tech_.currentTime = function() {
return 3; return 3;
}; };
player.tech_.trigger('timeupdate'); player.tech_.trigger('timeupdate');
QUnit.equal(numTextTrackChanges, 3, assert.equal(numTextTrackChanges, 3,
'texttrackchange should be triggered once for the cuechange'); 'texttrackchange should be triggered once for the cuechange');
tt.mode = 'hidden'; tt.mode = 'hidden';
QUnit.equal(numTextTrackChanges, 4, assert.equal(numTextTrackChanges, 4,
'texttrackchange should be called once for the mode change'); 'texttrackchange should be called once for the mode change');
player.tech_.currentTime = function() { player.tech_.currentTime = function() {
return 7; return 7;
}; };
player.tech_.trigger('timeupdate'); player.tech_.trigger('timeupdate');
QUnit.equal(numTextTrackChanges, 4, assert.equal(numTextTrackChanges, 4,
'texttrackchange should be not be called since mode is hidden'); 'texttrackchange should be not be called since mode is hidden');
}); });
QUnit.test('should return correct remote text track values', function() { QUnit.test('should return correct remote text track values', function(assert) {
const fixture = document.getElementById('qunit-fixture'); const fixture = document.getElementById('qunit-fixture');
const html = ` const html = `
<video id="example_1" class="video-js" autoplay preload="none"> <video id="example_1" class="video-js" autoplay preload="none">
@@ -425,28 +425,28 @@ QUnit.test('should return correct remote text track values', function() {
this.clock.tick(1); this.clock.tick(1);
QUnit.equal(player.remoteTextTracks().length, 1, 'add text track via html'); assert.equal(player.remoteTextTracks().length, 1, 'add text track via html');
QUnit.equal(player.remoteTextTrackEls().length, 1, 'add html track element via html'); assert.equal(player.remoteTextTrackEls().length, 1, 'add html track element via html');
const htmlTrackElement = player.addRemoteTextTrack({ const htmlTrackElement = player.addRemoteTextTrack({
kind: 'captions', kind: 'captions',
label: 'label' label: 'label'
}); });
QUnit.equal(player.remoteTextTracks().length, 2, 'add text track via method'); assert.equal(player.remoteTextTracks().length, 2, 'add text track via method');
QUnit.equal(player.remoteTextTrackEls().length, 2, 'add html track element via method'); assert.equal(player.remoteTextTrackEls().length, 2, 'add html track element via method');
player.removeRemoteTextTrack(htmlTrackElement.track); player.removeRemoteTextTrack(htmlTrackElement.track);
QUnit.equal(player.remoteTextTracks().length, 1, 'remove text track via method'); assert.equal(player.remoteTextTracks().length, 1, 'remove text track via method');
QUnit.equal(player.remoteTextTrackEls().length, assert.equal(player.remoteTextTrackEls().length,
1, 1,
'remove html track element via method'); 'remove html track element via method');
player.dispose(); player.dispose();
}); });
QUnit.test('should uniformly create html track element when adding text track', function() { QUnit.test('should uniformly create html track element when adding text track', function(assert) {
const player = TestHelpers.makePlayer(); const player = TestHelpers.makePlayer();
const track = { const track = {
kind: 'kind', kind: 'kind',
@@ -456,35 +456,35 @@ QUnit.test('should uniformly create html track element when adding text track',
default: 'default' default: 'default'
}; };
QUnit.equal(player.remoteTextTrackEls().length, 0, 'no html text tracks'); assert.equal(player.remoteTextTrackEls().length, 0, 'no html text tracks');
const htmlTrackElement = player.addRemoteTextTrack(track); const htmlTrackElement = player.addRemoteTextTrack(track);
QUnit.equal(htmlTrackElement.kind, assert.equal(htmlTrackElement.kind,
htmlTrackElement.track.kind, htmlTrackElement.track.kind,
'verify html track element kind'); 'verify html track element kind');
QUnit.equal(htmlTrackElement.src, assert.equal(htmlTrackElement.src,
htmlTrackElement.track.src, htmlTrackElement.track.src,
'verify html track element src'); 'verify html track element src');
QUnit.equal(htmlTrackElement.srclang, assert.equal(htmlTrackElement.srclang,
htmlTrackElement.track.language, htmlTrackElement.track.language,
'verify html track element language'); 'verify html track element language');
QUnit.equal(htmlTrackElement.label, assert.equal(htmlTrackElement.label,
htmlTrackElement.track.label, htmlTrackElement.track.label,
'verify html track element label'); 'verify html track element label');
QUnit.equal(htmlTrackElement.default, assert.equal(htmlTrackElement.default,
htmlTrackElement.track.default, htmlTrackElement.track.default,
'verify html track element default'); 'verify html track element default');
QUnit.equal(player.remoteTextTrackEls().length, 1, 'html track element exist'); assert.equal(player.remoteTextTrackEls().length, 1, 'html track element exist');
QUnit.equal(player.remoteTextTrackEls().getTrackElementByTrack_(htmlTrackElement.track), assert.equal(player.remoteTextTrackEls().getTrackElementByTrack_(htmlTrackElement.track),
htmlTrackElement, htmlTrackElement,
'verify same html track element'); 'verify same html track element');
player.dispose(); player.dispose();
}); });
QUnit.test('default text tracks should show by default', function() { QUnit.test('default text tracks should show by default', function(assert) {
const tag = TestHelpers.makeTag(); const tag = TestHelpers.makeTag();
const capt = document.createElement('track'); const capt = document.createElement('track');
@@ -504,11 +504,11 @@ QUnit.test('default text tracks should show by default', function() {
const tracks = player.textTracks(); const tracks = player.textTracks();
QUnit.equal(tracks[0].kind, 'captions', 'the captions track is present'); assert.equal(tracks[0].kind, 'captions', 'the captions track is present');
QUnit.equal(tracks[0].mode, 'showing', 'the captions track is showing'); assert.equal(tracks[0].mode, 'showing', 'the captions track is showing');
}); });
QUnit.test('default captions take precedence over default descriptions', function() { QUnit.test('default captions take precedence over default descriptions', function(assert) {
const tag = TestHelpers.makeTag(); const tag = TestHelpers.makeTag();
const desc = document.createElement('track'); const desc = document.createElement('track');
const capt = document.createElement('track'); const capt = document.createElement('track');
@@ -532,13 +532,13 @@ QUnit.test('default captions take precedence over default descriptions', functio
const tracks = player.textTracks(); const tracks = player.textTracks();
QUnit.equal(tracks[0].kind, 'descriptions', 'the descriptions track is first'); assert.equal(tracks[0].kind, 'descriptions', 'the descriptions track is first');
QUnit.equal(tracks[0].mode, 'disabled', 'the descriptions track is disabled'); assert.equal(tracks[0].mode, 'disabled', 'the descriptions track is disabled');
QUnit.equal(tracks[1].kind, 'captions', 'the captions track is second'); assert.equal(tracks[1].kind, 'captions', 'the captions track is second');
QUnit.equal(tracks[1].mode, 'showing', 'the captions track is showing'); assert.equal(tracks[1].mode, 'showing', 'the captions track is showing');
}); });
QUnit.test('removeRemoteTextTrack should be able to take both a track and the response from addRemoteTextTrack', function() { QUnit.test('removeRemoteTextTrack should be able to take both a track and the response from addRemoteTextTrack', function(assert) {
const player = TestHelpers.makePlayer(); const player = TestHelpers.makePlayer();
const track = { const track = {
kind: 'kind', kind: 'kind',
@@ -549,19 +549,19 @@ QUnit.test('removeRemoteTextTrack should be able to take both a track and the re
}; };
let htmlTrackElement = player.addRemoteTextTrack(track); let htmlTrackElement = player.addRemoteTextTrack(track);
QUnit.equal(player.remoteTextTrackEls().length, 1, 'html track element exist'); assert.equal(player.remoteTextTrackEls().length, 1, 'html track element exist');
player.removeRemoteTextTrack(htmlTrackElement); player.removeRemoteTextTrack(htmlTrackElement);
QUnit.equal(player.remoteTextTrackEls().length, assert.equal(player.remoteTextTrackEls().length,
0, 0,
'the track element was removed correctly'); 'the track element was removed correctly');
htmlTrackElement = player.addRemoteTextTrack(track); htmlTrackElement = player.addRemoteTextTrack(track);
QUnit.equal(player.remoteTextTrackEls().length, 1, 'html track element exist'); assert.equal(player.remoteTextTrackEls().length, 1, 'html track element exist');
player.removeRemoteTextTrack(htmlTrackElement.track); player.removeRemoteTextTrack(htmlTrackElement.track);
QUnit.equal(player.remoteTextTrackEls().length, assert.equal(player.remoteTextTrackEls().length,
0, 0,
'the track element was removed correctly'); 'the track element was removed correctly');
}); });

View File

@@ -9,16 +9,16 @@ import * as browser from '../../../src/js/utils/browser.js';
*/ */
const TrackBaseline = function(TrackClass, options) { const TrackBaseline = function(TrackClass, options) {
QUnit.test('is setup with id, kind, label, and language', function() { QUnit.test('is setup with id, kind, label, and language', function(assert) {
const track = new TrackClass(options); const track = new TrackClass(options);
QUnit.equal(track.kind, options.kind, 'we have a kind'); assert.equal(track.kind, options.kind, 'we have a kind');
QUnit.equal(track.label, options.label, 'we have a label'); assert.equal(track.label, options.label, 'we have a label');
QUnit.equal(track.language, options.language, 'we have a language'); assert.equal(track.language, options.language, 'we have a language');
QUnit.equal(track.id, options.id, 'we have a id'); assert.equal(track.id, options.id, 'we have a id');
}); });
QUnit.test('kind, label, language, id, are read only', function() { QUnit.test('kind, label, language, id, are read only', function(assert) {
const track = new TrackClass(options); const track = new TrackClass(options);
track.kind = 'subtitles'; track.kind = 'subtitles';
@@ -26,20 +26,20 @@ const TrackBaseline = function(TrackClass, options) {
track.language = 'es'; track.language = 'es';
track.id = '2'; track.id = '2';
QUnit.equal(track.kind, options.kind, 'we have a kind'); assert.equal(track.kind, options.kind, 'we have a kind');
QUnit.equal(track.label, options.label, 'we have a label'); assert.equal(track.label, options.label, 'we have a label');
QUnit.equal(track.language, options.language, 'we have a language'); assert.equal(track.language, options.language, 'we have a language');
QUnit.equal(track.id, options.id, 'we have an id'); assert.equal(track.id, options.id, 'we have an id');
}); });
QUnit.test('returns an instance of itself on non ie8 browsers', function() { QUnit.test('returns an instance of itself on non ie8 browsers', function(assert) {
const track = new TrackClass(options); const track = new TrackClass(options);
if (browser.IS_IE8) { if (browser.IS_IE8) {
QUnit.ok(track, 'returns an object on ie8'); assert.ok(track, 'returns an object on ie8');
return; return;
} }
QUnit.ok(track instanceof TrackClass, 'returns an instance'); assert.ok(track instanceof TrackClass, 'returns an instance');
}); });
}; };

View File

@@ -15,95 +15,95 @@ QUnit.module('Track List', {
} }
}); });
QUnit.test('TrackList\'s length is set correctly', function() { QUnit.test('TrackList\'s length is set correctly', function(assert) {
const trackList = new TrackList(this.tracks); const trackList = new TrackList(this.tracks);
QUnit.equal(trackList.length, this.tracks.length, 'length is ' + this.tracks.length); assert.equal(trackList.length, this.tracks.length, 'length is ' + this.tracks.length);
}); });
QUnit.test('can get tracks by int and string id', function() { QUnit.test('can get tracks by int and string id', function(assert) {
const trackList = new TrackList(this.tracks); const trackList = new TrackList(this.tracks);
QUnit.equal(trackList.getTrackById('1').id, '1', 'id "1" has id of "1"'); assert.equal(trackList.getTrackById('1').id, '1', 'id "1" has id of "1"');
QUnit.equal(trackList.getTrackById('2').id, '2', 'id "2" has id of "2"'); assert.equal(trackList.getTrackById('2').id, '2', 'id "2" has id of "2"');
QUnit.equal(trackList.getTrackById('3').id, '3', 'id "3" has id of "3"'); assert.equal(trackList.getTrackById('3').id, '3', 'id "3" has id of "3"');
}); });
QUnit.test('length is updated when new tracks are added or removed', function() { QUnit.test('length is updated when new tracks are added or removed', function(assert) {
const trackList = new TrackList(this.tracks); const trackList = new TrackList(this.tracks);
trackList.addTrack_(newTrack('100')); trackList.addTrack_(newTrack('100'));
QUnit.equal(trackList.length, assert.equal(trackList.length,
this.tracks.length + 1, this.tracks.length + 1,
'the length is ' + (this.tracks.length + 1)); 'the length is ' + (this.tracks.length + 1));
trackList.addTrack_(newTrack('101')); trackList.addTrack_(newTrack('101'));
QUnit.equal(trackList.length, assert.equal(trackList.length,
this.tracks.length + 2, this.tracks.length + 2,
'the length is ' + (this.tracks.length + 2)); 'the length is ' + (this.tracks.length + 2));
trackList.removeTrack_(trackList.getTrackById('101')); trackList.removeTrack_(trackList.getTrackById('101'));
QUnit.equal(trackList.length, assert.equal(trackList.length,
this.tracks.length + 1, this.tracks.length + 1,
'the length is ' + (this.tracks.length + 1)); 'the length is ' + (this.tracks.length + 1));
trackList.removeTrack_(trackList.getTrackById('100')); trackList.removeTrack_(trackList.getTrackById('100'));
QUnit.equal(trackList.length, assert.equal(trackList.length,
this.tracks.length, this.tracks.length,
'the length is ' + this.tracks.length); 'the length is ' + this.tracks.length);
}); });
QUnit.test('can access items by index', function() { QUnit.test('can access items by index', function(assert) {
const trackList = new TrackList(this.tracks); const trackList = new TrackList(this.tracks);
const length = trackList.length; const length = trackList.length;
QUnit.expect(length); assert.expect(length);
for (let i = 0; i < length; i++) { for (let i = 0; i < length; i++) {
QUnit.equal(trackList[i].id, assert.equal(trackList[i].id,
String(i + 1), String(i + 1),
'the id of a track matches the index + 1'); 'the id of a track matches the index + 1');
} }
}); });
QUnit.test('can access new items by index', function() { QUnit.test('can access new items by index', function(assert) {
const trackList = new TrackList(this.tracks); const trackList = new TrackList(this.tracks);
trackList.addTrack_(newTrack('100')); trackList.addTrack_(newTrack('100'));
QUnit.equal(trackList[3].id, '100', 'id of item at index 3 is 100'); assert.equal(trackList[3].id, '100', 'id of item at index 3 is 100');
trackList.addTrack_(newTrack('101')); trackList.addTrack_(newTrack('101'));
QUnit.equal(trackList[4].id, '101', 'id of item at index 4 is 101'); assert.equal(trackList[4].id, '101', 'id of item at index 4 is 101');
}); });
QUnit.test('cannot access removed items by index', function() { QUnit.test('cannot access removed items by index', function(assert) {
const trackList = new TrackList(this.tracks); const trackList = new TrackList(this.tracks);
trackList.addTrack_(newTrack('100')); trackList.addTrack_(newTrack('100'));
trackList.addTrack_(newTrack('101')); trackList.addTrack_(newTrack('101'));
QUnit.equal(trackList[3].id, '100', 'id of item at index 3 is 100'); assert.equal(trackList[3].id, '100', 'id of item at index 3 is 100');
QUnit.equal(trackList[4].id, '101', 'id of item at index 4 is 101'); assert.equal(trackList[4].id, '101', 'id of item at index 4 is 101');
trackList.removeTrack_(trackList.getTrackById('101')); trackList.removeTrack_(trackList.getTrackById('101'));
trackList.removeTrack_(trackList.getTrackById('100')); trackList.removeTrack_(trackList.getTrackById('100'));
QUnit.ok(!trackList[3], 'nothing at index 3'); assert.ok(!trackList[3], 'nothing at index 3');
QUnit.ok(!trackList[4], 'nothing at index 4'); assert.ok(!trackList[4], 'nothing at index 4');
}); });
QUnit.test('new item available at old index', function() { QUnit.test('new item available at old index', function(assert) {
const trackList = new TrackList(this.tracks); const trackList = new TrackList(this.tracks);
trackList.addTrack_(newTrack('100')); trackList.addTrack_(newTrack('100'));
QUnit.equal(trackList[3].id, '100', 'id of item at index 3 is 100'); assert.equal(trackList[3].id, '100', 'id of item at index 3 is 100');
trackList.removeTrack_(trackList.getTrackById('100')); trackList.removeTrack_(trackList.getTrackById('100'));
QUnit.ok(!trackList[3], 'nothing at index 3'); assert.ok(!trackList[3], 'nothing at index 3');
trackList.addTrack_(newTrack('101')); trackList.addTrack_(newTrack('101'));
QUnit.equal(trackList[3].id, '101', 'id of new item at index 3 is now 101'); assert.equal(trackList[3].id, '101', 'id of new item at index 3 is now 101');
}); });
QUnit.test('a "addtrack" event is triggered when new tracks are added', function() { QUnit.test('a "addtrack" event is triggered when new tracks are added', function(assert) {
const trackList = new TrackList(this.tracks); const trackList = new TrackList(this.tracks);
let tracks = 0; let tracks = 0;
let adds = 0; let adds = 0;
@@ -125,11 +125,11 @@ QUnit.test('a "addtrack" event is triggered when new tracks are added', function
trackList.addTrack_(newTrack('102')); trackList.addTrack_(newTrack('102'));
trackList.addTrack_(newTrack('103')); trackList.addTrack_(newTrack('103'));
QUnit.equal(adds, 4, 'we got ' + adds + ' "addtrack" events'); assert.equal(adds, 4, 'we got ' + adds + ' "addtrack" events');
QUnit.equal(tracks, 4, 'we got a track with every event'); assert.equal(tracks, 4, 'we got a track with every event');
}); });
QUnit.test('a "removetrack" event is triggered when tracks are removed', function() { QUnit.test('a "removetrack" event is triggered when tracks are removed', function(assert) {
const trackList = new TrackList(this.tracks); const trackList = new TrackList(this.tracks);
let tracks = 0; let tracks = 0;
let rms = 0; let rms = 0;
@@ -148,6 +148,6 @@ QUnit.test('a "removetrack" event is triggered when tracks are removed', functio
trackList.onremovetrack = rmHandler; trackList.onremovetrack = rmHandler;
trackList.removeTrack_(trackList.getTrackById('3')); trackList.removeTrack_(trackList.getTrackById('3'));
QUnit.equal(rms, 3, 'we got ' + rms + ' "removetrack" events'); assert.equal(rms, 3, 'we got ' + rms + ' "removetrack" events');
QUnit.equal(tracks, 3, 'we got a track with every event'); assert.equal(tracks, 3, 'we got a track with every event');
}); });

View File

@@ -22,13 +22,13 @@ TrackBaseline(Track, {
tech: new TechFaker() tech: new TechFaker()
}); });
QUnit.test('defaults when items not provided', function() { QUnit.test('defaults when items not provided', function(assert) {
const track = new Track({ const track = new Track({
tech: defaultTech tech: defaultTech
}); });
QUnit.equal(track.kind, '', 'kind defaulted to empty string'); assert.equal(track.kind, '', 'kind defaulted to empty string');
QUnit.equal(track.label, '', 'label defaults to empty string'); assert.equal(track.label, '', 'label defaults to empty string');
QUnit.equal(track.language, '', 'language defaults to empty string'); assert.equal(track.language, '', 'language defaults to empty string');
QUnit.ok(track.id.match(/vjs_track_\d{5}/), 'id defaults to vjs_track_GUID'); assert.ok(track.id.match(/vjs_track_\d{5}/), 'id defaults to vjs_track_GUID');
}); });

View File

@@ -5,7 +5,7 @@ import EventTarget from '../../../src/js/event-target.js';
QUnit.module('Video Track List'); QUnit.module('Video Track List');
QUnit.test('trigger "change" when "selectedchange" is fired on a track', function() { QUnit.test('trigger "change" when "selectedchange" is fired on a track', function(assert) {
const track = new EventTarget(); const track = new EventTarget();
track.loaded_ = true; track.loaded_ = true;
@@ -17,67 +17,67 @@ QUnit.test('trigger "change" when "selectedchange" is fired on a track', functio
videoTrackList.on('change', changeHandler); videoTrackList.on('change', changeHandler);
track.trigger('selectedchange'); track.trigger('selectedchange');
QUnit.equal(changes, 1, 'one change events for trigger'); assert.equal(changes, 1, 'one change events for trigger');
videoTrackList.off('change', changeHandler); videoTrackList.off('change', changeHandler);
videoTrackList.onchange = changeHandler; videoTrackList.onchange = changeHandler;
track.trigger('selectedchange'); track.trigger('selectedchange');
QUnit.equal(changes, 2, 'one change events for another trigger'); assert.equal(changes, 2, 'one change events for another trigger');
}); });
QUnit.test('only one track is ever selected', function() { QUnit.test('only one track is ever selected', function(assert) {
const track = new VideoTrack({selected: true}); const track = new VideoTrack({selected: true});
const track2 = new VideoTrack({selected: true}); const track2 = new VideoTrack({selected: true});
const track3 = new VideoTrack({selected: true}); const track3 = new VideoTrack({selected: true});
const track4 = new VideoTrack(); const track4 = new VideoTrack();
const list = new VideoTrackList([track, track2]); const list = new VideoTrackList([track, track2]);
QUnit.equal(track.selected, false, 'track is unselected'); assert.equal(track.selected, false, 'track is unselected');
QUnit.equal(track2.selected, true, 'track2 is selected'); assert.equal(track2.selected, true, 'track2 is selected');
track.selected = true; track.selected = true;
QUnit.equal(track.selected, true, 'track is selected'); assert.equal(track.selected, true, 'track is selected');
QUnit.equal(track2.selected, false, 'track2 is unselected'); assert.equal(track2.selected, false, 'track2 is unselected');
list.addTrack_(track3); list.addTrack_(track3);
QUnit.equal(track.selected, false, 'track is unselected'); assert.equal(track.selected, false, 'track is unselected');
QUnit.equal(track2.selected, false, 'track2 is unselected'); assert.equal(track2.selected, false, 'track2 is unselected');
QUnit.equal(track3.selected, true, 'track3 is selected'); assert.equal(track3.selected, true, 'track3 is selected');
track.selected = true; track.selected = true;
QUnit.equal(track.selected, true, 'track is unselected'); assert.equal(track.selected, true, 'track is unselected');
QUnit.equal(track2.selected, false, 'track2 is unselected'); assert.equal(track2.selected, false, 'track2 is unselected');
QUnit.equal(track3.selected, false, 'track3 is unselected'); assert.equal(track3.selected, false, 'track3 is unselected');
list.addTrack_(track4); list.addTrack_(track4);
QUnit.equal(track.selected, true, 'track is selected'); assert.equal(track.selected, true, 'track is selected');
QUnit.equal(track2.selected, false, 'track2 is unselected'); assert.equal(track2.selected, false, 'track2 is unselected');
QUnit.equal(track3.selected, false, 'track3 is unselected'); assert.equal(track3.selected, false, 'track3 is unselected');
QUnit.equal(track4.selected, false, 'track4 is unselected'); assert.equal(track4.selected, false, 'track4 is unselected');
}); });
QUnit.test('all tracks can be unselected', function() { QUnit.test('all tracks can be unselected', function(assert) {
const track = new VideoTrack(); const track = new VideoTrack();
const track2 = new VideoTrack(); const track2 = new VideoTrack();
/* eslint-disable no-unused-vars */ /* eslint-disable no-unused-vars */
const list = new VideoTrackList([track, track2]); const list = new VideoTrackList([track, track2]);
/* eslint-enable no-unused-vars */ /* eslint-enable no-unused-vars */
QUnit.equal(track.selected, false, 'track is unselected'); assert.equal(track.selected, false, 'track is unselected');
QUnit.equal(track2.selected, false, 'track2 is unselected'); assert.equal(track2.selected, false, 'track2 is unselected');
track.selected = true; track.selected = true;
QUnit.equal(track.selected, true, 'track is selected'); assert.equal(track.selected, true, 'track is selected');
QUnit.equal(track2.selected, false, 'track2 is unselected'); assert.equal(track2.selected, false, 'track2 is unselected');
track.selected = false; track.selected = false;
QUnit.equal(track.selected, false, 'track is unselected'); assert.equal(track.selected, false, 'track is unselected');
QUnit.equal(track2.selected, false, 'track2 is unselected'); assert.equal(track2.selected, false, 'track2 is unselected');
}); });
QUnit.test('trigger a change event per selected change', function() { QUnit.test('trigger a change event per selected change', function(assert) {
const track = new VideoTrack({selected: true}); const track = new VideoTrack({selected: true});
const track2 = new VideoTrack({selected: true}); const track2 = new VideoTrack({selected: true});
const track3 = new VideoTrack({selected: true}); const track3 = new VideoTrack({selected: true});
@@ -87,17 +87,17 @@ QUnit.test('trigger a change event per selected change', function() {
list.on('change', () => change++); list.on('change', () => change++);
track.selected = true; track.selected = true;
QUnit.equal(change, 1, 'one change triggered'); assert.equal(change, 1, 'one change triggered');
list.addTrack_(track3); list.addTrack_(track3);
QUnit.equal(change, 2, 'another change triggered by adding an selected track'); assert.equal(change, 2, 'another change triggered by adding an selected track');
track.selected = true; track.selected = true;
QUnit.equal(change, 3, 'another change trigger by changing selected'); assert.equal(change, 3, 'another change trigger by changing selected');
track.selected = false; track.selected = false;
QUnit.equal(change, 4, 'another change trigger by changing selected'); assert.equal(change, 4, 'another change trigger by changing selected');
list.addTrack_(track4); list.addTrack_(track4);
QUnit.equal(change, 4, 'no change triggered by adding a unselected track'); assert.equal(change, 4, 'no change triggered by adding a unselected track');
}); });

View File

@@ -13,84 +13,84 @@ TrackBaseline(VideoTrack, {
kind: 'main' kind: 'main'
}); });
QUnit.test('can create an VideoTrack a selected property', function() { QUnit.test('can create an VideoTrack a selected property', function(assert) {
const selected = true; const selected = true;
const track = new VideoTrack({ const track = new VideoTrack({
selected selected
}); });
QUnit.equal(track.selected, selected, 'selected value matches what we passed in'); assert.equal(track.selected, selected, 'selected value matches what we passed in');
}); });
QUnit.test('defaults when items not provided', function() { QUnit.test('defaults when items not provided', function(assert) {
const track = new VideoTrack(); const track = new VideoTrack();
QUnit.equal(track.kind, '', 'kind defaulted to empty string'); assert.equal(track.kind, '', 'kind defaulted to empty string');
QUnit.equal(track.selected, assert.equal(track.selected,
false, false,
'selected defaulted to true since there is one track'); 'selected defaulted to true since there is one track');
QUnit.equal(track.label, '', 'label defaults to empty string'); assert.equal(track.label, '', 'label defaults to empty string');
QUnit.equal(track.language, '', 'language defaults to empty string'); assert.equal(track.language, '', 'language defaults to empty string');
QUnit.ok(track.id.match(/vjs_track_\d{5}/), 'id defaults to vjs_track_GUID'); assert.ok(track.id.match(/vjs_track_\d{5}/), 'id defaults to vjs_track_GUID');
}); });
QUnit.test('kind can only be one of several options, defaults to empty string', function() { QUnit.test('kind can only be one of several options, defaults to empty string', function(assert) {
const track1 = new VideoTrack({ const track1 = new VideoTrack({
kind: 'foo' kind: 'foo'
}); });
QUnit.equal(track1.kind, '', 'the kind is set to empty string, not foo'); assert.equal(track1.kind, '', 'the kind is set to empty string, not foo');
QUnit.notEqual(track1.kind, 'foo', 'the kind is set to empty string, not foo'); assert.notEqual(track1.kind, 'foo', 'the kind is set to empty string, not foo');
// loop through all possible kinds to verify // loop through all possible kinds to verify
for (const key in VideoTrackKind) { for (const key in VideoTrackKind) {
const currentKind = VideoTrackKind[key]; const currentKind = VideoTrackKind[key];
const track = new VideoTrack({kind: currentKind}); const track = new VideoTrack({kind: currentKind});
QUnit.equal(track.kind, currentKind, 'the kind is set to ' + currentKind); assert.equal(track.kind, currentKind, 'the kind is set to ' + currentKind);
} }
}); });
QUnit.test('selected can only be instantiated to true or false, defaults to false', function() { QUnit.test('selected can only be instantiated to true or false, defaults to false', function(assert) {
let track = new VideoTrack({ let track = new VideoTrack({
selected: 'foo' selected: 'foo'
}); });
QUnit.equal(track.selected, false, 'the selected value is set to false, not foo'); assert.equal(track.selected, false, 'the selected value is set to false, not foo');
QUnit.notEqual(track.selected, 'foo', 'the selected value is not set to foo'); assert.notEqual(track.selected, 'foo', 'the selected value is not set to foo');
track = new VideoTrack({ track = new VideoTrack({
selected: true selected: true
}); });
QUnit.equal(track.selected, true, 'the selected value is set to true'); assert.equal(track.selected, true, 'the selected value is set to true');
track = new VideoTrack({ track = new VideoTrack({
selected: false selected: false
}); });
QUnit.equal(track.selected, false, 'the selected value is set to false'); assert.equal(track.selected, false, 'the selected value is set to false');
}); });
QUnit.test('selected can only be changed to true or false', function() { QUnit.test('selected can only be changed to true or false', function(assert) {
const track = new VideoTrack(); const track = new VideoTrack();
track.selected = 'foo'; track.selected = 'foo';
QUnit.notEqual(track.selected, 'foo', 'selected not set to invalid value, foo'); assert.notEqual(track.selected, 'foo', 'selected not set to invalid value, foo');
QUnit.equal(track.selected, false, 'selected remains on the old value, false'); assert.equal(track.selected, false, 'selected remains on the old value, false');
track.selected = true; track.selected = true;
QUnit.equal(track.selected, true, 'selected was set to true'); assert.equal(track.selected, true, 'selected was set to true');
track.selected = 'baz'; track.selected = 'baz';
QUnit.notEqual(track.selected, 'baz', 'selected not set to invalid value, baz'); assert.notEqual(track.selected, 'baz', 'selected not set to invalid value, baz');
QUnit.equal(track.selected, true, 'selected remains on the old value, true'); assert.equal(track.selected, true, 'selected remains on the old value, true');
track.selected = false; track.selected = false;
QUnit.equal(track.selected, false, 'selected was set to false'); assert.equal(track.selected, false, 'selected was set to false');
}); });
QUnit.test('when selected is changed selectedchange event is fired', function() { QUnit.test('when selected is changed selectedchange event is fired', function(assert) {
const track = new VideoTrack({ const track = new VideoTrack({
selected: false selected: false
}); });
@@ -103,14 +103,14 @@ QUnit.test('when selected is changed selectedchange event is fired', function()
// two events // two events
track.selected = true; track.selected = true;
track.selected = false; track.selected = false;
QUnit.equal(eventsTriggered, 2, 'two selected changes'); assert.equal(eventsTriggered, 2, 'two selected changes');
// no event here // no event here
track.selected = false; track.selected = false;
track.selected = false; track.selected = false;
QUnit.equal(eventsTriggered, 2, 'still two selected changes'); assert.equal(eventsTriggered, 2, 'still two selected changes');
// one event // one event
track.selected = true; track.selected = true;
QUnit.equal(eventsTriggered, 3, 'three selected changes'); assert.equal(eventsTriggered, 3, 'three selected changes');
}); });

View File

@@ -4,15 +4,15 @@ import TestHelpers from '../test-helpers.js';
import sinon from 'sinon'; import sinon from 'sinon';
QUnit.module('Video Tracks', { QUnit.module('Video Tracks', {
setup() { beforeEach(assert) {
this.clock = sinon.useFakeTimers(); this.clock = sinon.useFakeTimers();
}, },
teardown() { afterEach(assert) {
this.clock.restore(); this.clock.restore();
} }
}); });
QUnit.test('Player track methods call the tech', function() { QUnit.test('Player track methods call the tech', function(assert) {
let calls = 0; let calls = 0;
const player = TestHelpers.makePlayer(); const player = TestHelpers.makePlayer();
@@ -22,11 +22,11 @@ QUnit.test('Player track methods call the tech', function() {
player.videoTracks(); player.videoTracks();
QUnit.equal(calls, 1, 'videoTrack defers to the tech'); assert.equal(calls, 1, 'videoTrack defers to the tech');
player.dispose(); player.dispose();
}); });
QUnit.test('listen to remove and add track events in native video tracks', function() { QUnit.test('listen to remove and add track events in native video tracks', function(assert) {
const oldTestVid = Html5.TEST_VID; const oldTestVid = Html5.TEST_VID;
const oldVideoTracks = Html5.prototype.videoTracks; const oldVideoTracks = Html5.prototype.videoTracks;
const events = {}; const events = {};
@@ -67,36 +67,36 @@ QUnit.test('listen to remove and add track events in native video tracks', funct
const html = new Html5({}); const html = new Html5({});
/* eslint-enable no-unused-vars */ /* eslint-enable no-unused-vars */
QUnit.ok(events.removetrack, 'removetrack listener was added'); assert.ok(events.removetrack, 'removetrack listener was added');
QUnit.ok(events.addtrack, 'addtrack listener was added'); assert.ok(events.addtrack, 'addtrack listener was added');
Html5.TEST_VID = oldTestVid; Html5.TEST_VID = oldTestVid;
Html5.prototype.videoTracks = oldVideoTracks; Html5.prototype.videoTracks = oldVideoTracks;
}); });
QUnit.test('html5 tech supports native video tracks if the video supports it', function() { QUnit.test('html5 tech supports native video tracks if the video supports it', function(assert) {
const oldTestVid = Html5.TEST_VID; const oldTestVid = Html5.TEST_VID;
Html5.TEST_VID = { Html5.TEST_VID = {
videoTracks: [] videoTracks: []
}; };
QUnit.ok(Html5.supportsNativeVideoTracks(), 'native video tracks are supported'); assert.ok(Html5.supportsNativeVideoTracks(), 'native video tracks are supported');
Html5.TEST_VID = oldTestVid; Html5.TEST_VID = oldTestVid;
}); });
QUnit.test('html5 tech does not support native video tracks if the video does not supports it', function() { QUnit.test('html5 tech does not support native video tracks if the video does not supports it', function(assert) {
const oldTestVid = Html5.TEST_VID; const oldTestVid = Html5.TEST_VID;
Html5.TEST_VID = {}; Html5.TEST_VID = {};
QUnit.ok(!Html5.supportsNativeVideoTracks(), 'native video tracks are not supported'); assert.ok(!Html5.supportsNativeVideoTracks(), 'native video tracks are not supported');
Html5.TEST_VID = oldTestVid; Html5.TEST_VID = oldTestVid;
}); });
QUnit.test('when switching techs, we should not get a new video track', function() { QUnit.test('when switching techs, we should not get a new video track', function(assert) {
const player = TestHelpers.makePlayer(); const player = TestHelpers.makePlayer();
player.loadTech_('TechFaker'); player.loadTech_('TechFaker');
@@ -105,5 +105,5 @@ QUnit.test('when switching techs, we should not get a new video track', function
player.loadTech_('TechFaker'); player.loadTech_('TechFaker');
const secondTracks = player.videoTracks(); const secondTracks = player.videoTracks();
QUnit.ok(firstTracks === secondTracks, 'the tracks are equal'); assert.ok(firstTracks === secondTracks, 'the tracks are equal');
}); });

View File

@@ -4,7 +4,7 @@ import * as Dom from '../../../src/js/utils/dom.js';
QUnit.module('dom'); QUnit.module('dom');
QUnit.test('should return the element with the ID', function() { QUnit.test('should return the element with the ID', function(assert) {
const el1 = document.createElement('div'); const el1 = document.createElement('div');
const el2 = document.createElement('div'); const el2 = document.createElement('div');
const fixture = document.getElementById('qunit-fixture'); const fixture = document.getElementById('qunit-fixture');
@@ -15,11 +15,11 @@ QUnit.test('should return the element with the ID', function() {
el1.id = 'test_id1'; el1.id = 'test_id1';
el2.id = 'test_id2'; el2.id = 'test_id2';
QUnit.ok(Dom.getEl('test_id1') === el1, 'found element for ID'); assert.ok(Dom.getEl('test_id1') === el1, 'found element for ID');
QUnit.ok(Dom.getEl('#test_id2') === el2, 'found element for CSS ID'); assert.ok(Dom.getEl('#test_id2') === el2, 'found element for CSS ID');
}); });
QUnit.test('should create an element', function() { QUnit.test('should create an element', function(assert) {
const div = Dom.createEl(); const div = Dom.createEl();
const span = Dom.createEl('span', { const span = Dom.createEl('span', {
innerHTML: 'fdsa' innerHTML: 'fdsa'
@@ -27,113 +27,113 @@ QUnit.test('should create an element', function() {
'data-test': 'asdf' 'data-test': 'asdf'
}); });
QUnit.ok(div.nodeName === 'DIV'); assert.ok(div.nodeName === 'DIV');
QUnit.ok(span.nodeName === 'SPAN'); assert.ok(span.nodeName === 'SPAN');
QUnit.ok(span.getAttribute('data-test') === 'asdf'); assert.ok(span.getAttribute('data-test') === 'asdf');
QUnit.ok(span.innerHTML === 'fdsa'); assert.ok(span.innerHTML === 'fdsa');
}); });
QUnit.test('should insert an element first in another', function() { QUnit.test('should insert an element first in another', function(assert) {
const el1 = document.createElement('div'); const el1 = document.createElement('div');
const el2 = document.createElement('div'); const el2 = document.createElement('div');
const parent = document.createElement('div'); const parent = document.createElement('div');
Dom.insertElFirst(el1, parent); Dom.insertElFirst(el1, parent);
QUnit.ok(parent.firstChild === el1, 'inserts first into empty parent'); assert.ok(parent.firstChild === el1, 'inserts first into empty parent');
Dom.insertElFirst(el2, parent); Dom.insertElFirst(el2, parent);
QUnit.ok(parent.firstChild === el2, 'inserts first into parent with child'); assert.ok(parent.firstChild === el2, 'inserts first into parent with child');
}); });
QUnit.test('should get and remove data from an element', function() { QUnit.test('should get and remove data from an element', function(assert) {
const el = document.createElement('div'); const el = document.createElement('div');
const data = Dom.getElData(el); const data = Dom.getElData(el);
QUnit.ok(typeof data === 'object', 'data object created'); assert.ok(typeof data === 'object', 'data object created');
// Add data // Add data
const testData = { asdf: 'fdsa' }; const testData = { asdf: 'fdsa' };
data.test = testData; data.test = testData;
QUnit.ok(Dom.getElData(el).test === testData, 'data added'); assert.ok(Dom.getElData(el).test === testData, 'data added');
// Remove all data // Remove all data
Dom.removeElData(el); Dom.removeElData(el);
QUnit.ok(!Dom.hasElData(el), 'cached item emptied'); assert.ok(!Dom.hasElData(el), 'cached item emptied');
}); });
QUnit.test('addElClass()', function() { QUnit.test('addElClass()', function(assert) {
const el = document.createElement('div'); const el = document.createElement('div');
QUnit.expect(5); assert.expect(5);
Dom.addElClass(el, 'test-class'); Dom.addElClass(el, 'test-class');
QUnit.strictEqual(el.className, 'test-class', 'adds a single class'); assert.strictEqual(el.className, 'test-class', 'adds a single class');
Dom.addElClass(el, 'test-class'); Dom.addElClass(el, 'test-class');
QUnit.strictEqual(el.className, 'test-class', 'does not duplicate classes'); assert.strictEqual(el.className, 'test-class', 'does not duplicate classes');
QUnit.throws(function() { assert.throws(function() {
Dom.addElClass(el, 'foo foo-bar'); Dom.addElClass(el, 'foo foo-bar');
}, 'throws when attempting to add a class with whitespace'); }, 'throws when attempting to add a class with whitespace');
Dom.addElClass(el, 'test2_className'); Dom.addElClass(el, 'test2_className');
QUnit.strictEqual(el.className, 'test-class test2_className', 'adds second class'); assert.strictEqual(el.className, 'test-class test2_className', 'adds second class');
Dom.addElClass(el, 'FOO'); Dom.addElClass(el, 'FOO');
QUnit.strictEqual(el.className, 'test-class test2_className FOO', 'adds third class'); assert.strictEqual(el.className, 'test-class test2_className FOO', 'adds third class');
}); });
QUnit.test('removeElClass()', function() { QUnit.test('removeElClass()', function(assert) {
const el = document.createElement('div'); const el = document.createElement('div');
el.className = 'test-class foo foo test2_className FOO bar'; el.className = 'test-class foo foo test2_className FOO bar';
QUnit.expect(5); assert.expect(5);
Dom.removeElClass(el, 'test-class'); Dom.removeElClass(el, 'test-class');
QUnit.strictEqual(el.className, 'foo foo test2_className FOO bar', 'removes one class'); assert.strictEqual(el.className, 'foo foo test2_className FOO bar', 'removes one class');
Dom.removeElClass(el, 'foo'); Dom.removeElClass(el, 'foo');
QUnit.strictEqual(el.className, assert.strictEqual(el.className,
'test2_className FOO bar', 'test2_className FOO bar',
'removes all instances of a class'); 'removes all instances of a class');
QUnit.throws(function() { assert.throws(function() {
Dom.removeElClass(el, 'test2_className bar'); Dom.removeElClass(el, 'test2_className bar');
}, 'throws when attempting to remove a class with whitespace'); }, 'throws when attempting to remove a class with whitespace');
Dom.removeElClass(el, 'test2_className'); Dom.removeElClass(el, 'test2_className');
QUnit.strictEqual(el.className, 'FOO bar', 'removes another class'); assert.strictEqual(el.className, 'FOO bar', 'removes another class');
Dom.removeElClass(el, 'FOO'); Dom.removeElClass(el, 'FOO');
QUnit.strictEqual(el.className, 'bar', 'removes another class'); assert.strictEqual(el.className, 'bar', 'removes another class');
}); });
QUnit.test('hasElClass()', function() { QUnit.test('hasElClass()', function(assert) {
const el = document.createElement('div'); const el = document.createElement('div');
el.className = 'test-class foo foo test2_className FOO bar'; el.className = 'test-class foo foo test2_className FOO bar';
QUnit.strictEqual(Dom.hasElClass(el, 'test-class'), true, 'class detected'); assert.strictEqual(Dom.hasElClass(el, 'test-class'), true, 'class detected');
QUnit.strictEqual(Dom.hasElClass(el, 'foo'), true, 'class detected'); assert.strictEqual(Dom.hasElClass(el, 'foo'), true, 'class detected');
QUnit.strictEqual(Dom.hasElClass(el, 'test2_className'), true, 'class detected'); assert.strictEqual(Dom.hasElClass(el, 'test2_className'), true, 'class detected');
QUnit.strictEqual(Dom.hasElClass(el, 'FOO'), true, 'class detected'); assert.strictEqual(Dom.hasElClass(el, 'FOO'), true, 'class detected');
QUnit.strictEqual(Dom.hasElClass(el, 'bar'), true, 'class detected'); assert.strictEqual(Dom.hasElClass(el, 'bar'), true, 'class detected');
QUnit.strictEqual(Dom.hasElClass(el, 'test2'), assert.strictEqual(Dom.hasElClass(el, 'test2'),
false, false,
'valid substring - but not a class - correctly not detected'); 'valid substring - but not a class - correctly not detected');
QUnit.strictEqual(Dom.hasElClass(el, 'className'), assert.strictEqual(Dom.hasElClass(el, 'className'),
false, false,
'valid substring - but not a class - correctly not detected'); 'valid substring - but not a class - correctly not detected');
QUnit.throws(function() { assert.throws(function() {
Dom.hasElClass(el, 'FOO bar'); Dom.hasElClass(el, 'FOO bar');
}, 'throws when attempting to detect a class with whitespace'); }, 'throws when attempting to detect a class with whitespace');
}); });
QUnit.test('toggleElClass()', function() { QUnit.test('toggleElClass()', function(assert) {
const el = Dom.createEl('div', {className: 'foo bar'}); const el = Dom.createEl('div', {className: 'foo bar'});
const predicateToggles = [ const predicateToggles = [
@@ -219,36 +219,36 @@ QUnit.test('toggleElClass()', function() {
} }
]; ];
QUnit.expect(3 + predicateToggles.length); assert.expect(3 + predicateToggles.length);
Dom.toggleElClass(el, 'bar'); Dom.toggleElClass(el, 'bar');
QUnit.strictEqual(el.className, 'foo', 'toggles a class off, if present'); assert.strictEqual(el.className, 'foo', 'toggles a class off, if present');
Dom.toggleElClass(el, 'bar'); Dom.toggleElClass(el, 'bar');
QUnit.strictEqual(el.className, 'foo bar', 'toggles a class on, if absent'); assert.strictEqual(el.className, 'foo bar', 'toggles a class on, if absent');
QUnit.throws(function() { assert.throws(function() {
Dom.toggleElClass(el, 'foo bar'); Dom.toggleElClass(el, 'foo bar');
}, 'throws when attempting to toggle a class with whitespace'); }, 'throws when attempting to toggle a class with whitespace');
predicateToggles.forEach(x => { predicateToggles.forEach(x => {
Dom.toggleElClass(el, x.toggle, x.predicate); Dom.toggleElClass(el, x.toggle, x.predicate);
QUnit.strictEqual(el.className, x.className, x.message); assert.strictEqual(el.className, x.className, x.message);
}); });
}); });
QUnit.test('should set element attributes from object', function() { QUnit.test('should set element attributes from object', function(assert) {
const el = document.createElement('div'); const el = document.createElement('div');
el.id = 'el1'; el.id = 'el1';
Dom.setElAttributes(el, {'controls': true, 'data-test': 'asdf'}); Dom.setElAttributes(el, {'controls': true, 'data-test': 'asdf'});
QUnit.equal(el.getAttribute('id'), 'el1'); assert.equal(el.getAttribute('id'), 'el1');
QUnit.equal(el.getAttribute('controls'), ''); assert.equal(el.getAttribute('controls'), '');
QUnit.equal(el.getAttribute('data-test'), 'asdf'); assert.equal(el.getAttribute('data-test'), 'asdf');
}); });
QUnit.test('should read tag attributes from elements, including HTML5 in all browsers', function() { QUnit.test('should read tag attributes from elements, including HTML5 in all browsers', function(assert) {
// Creating the source/track tags outside of the video tag prevents log errors // Creating the source/track tags outside of the video tag prevents log errors
const tags = ` const tags = `
<video id="vid1" controls autoplay loop muted preload="none" src="http://google.com" poster="http://www2.videojs.com/img/video-js-html5-video-player.png" data-test="asdf" data-empty-string=""> <video id="vid1" controls autoplay loop muted preload="none" src="http://google.com" poster="http://www2.videojs.com/img/video-js-html5-video-player.png" data-test="asdf" data-empty-string="">
@@ -269,35 +269,35 @@ QUnit.test('should read tag attributes from elements, including HTML5 in all bro
// vid1 // vid1
// was using deepEqual, but ie8 would send all properties as attributes // was using deepEqual, but ie8 would send all properties as attributes
QUnit.equal(vid1Vals.autoplay, true); assert.equal(vid1Vals.autoplay, true);
QUnit.equal(vid1Vals.controls, true); assert.equal(vid1Vals.controls, true);
QUnit.equal(vid1Vals['data-test'], 'asdf'); assert.equal(vid1Vals['data-test'], 'asdf');
QUnit.equal(vid1Vals['data-empty-string'], ''); assert.equal(vid1Vals['data-empty-string'], '');
QUnit.equal(vid1Vals.id, 'vid1'); assert.equal(vid1Vals.id, 'vid1');
QUnit.equal(vid1Vals.loop, true); assert.equal(vid1Vals.loop, true);
QUnit.equal(vid1Vals.muted, true); assert.equal(vid1Vals.muted, true);
QUnit.equal(vid1Vals.poster, 'http://www2.videojs.com/img/video-js-html5-video-player.png'); assert.equal(vid1Vals.poster, 'http://www2.videojs.com/img/video-js-html5-video-player.png');
QUnit.equal(vid1Vals.preload, 'none'); assert.equal(vid1Vals.preload, 'none');
QUnit.equal(vid1Vals.src, 'http://google.com'); assert.equal(vid1Vals.src, 'http://google.com');
// sourceVals // sourceVals
QUnit.equal(sourceVals.title, 'test'); assert.equal(sourceVals.title, 'test');
QUnit.equal(sourceVals.media, 'fdsa'); assert.equal(sourceVals.media, 'fdsa');
QUnit.equal(sourceVals.type, 'video/mp4'); assert.equal(sourceVals.type, 'video/mp4');
QUnit.equal(sourceVals.src, 'http://google.com'); assert.equal(sourceVals.src, 'http://google.com');
QUnit.equal(sourceVals.id, 'source'); assert.equal(sourceVals.id, 'source');
// trackVals // trackVals
QUnit.equal(trackVals.default, true); assert.equal(trackVals.default, true);
QUnit.equal(trackVals.id, 'track'); assert.equal(trackVals.id, 'track');
QUnit.equal(trackVals.kind, 'captions'); assert.equal(trackVals.kind, 'captions');
QUnit.equal(trackVals.label, 'testlabel'); assert.equal(trackVals.label, 'testlabel');
QUnit.equal(trackVals.src, 'http://google.com'); assert.equal(trackVals.src, 'http://google.com');
QUnit.equal(trackVals.srclang, 'en'); assert.equal(trackVals.srclang, 'en');
QUnit.equal(trackVals.title, 'test'); assert.equal(trackVals.title, 'test');
}); });
QUnit.test('Dom.findElPosition should find top and left position', function() { QUnit.test('Dom.findElPosition should find top and left position', function(assert) {
const d = document.createElement('div'); const d = document.createElement('div');
let position = Dom.findElPosition(d); let position = Dom.findElPosition(d);
@@ -305,17 +305,17 @@ QUnit.test('Dom.findElPosition should find top and left position', function() {
d.style.left = '20px'; d.style.left = '20px';
d.style.position = 'absolute'; d.style.position = 'absolute';
QUnit.deepEqual(position, assert.deepEqual(position,
{left: 0, top: 0}, {left: 0, top: 0},
'If element isn\'t in the DOM, we should get zeros'); 'If element isn\'t in the DOM, we should get zeros');
document.body.appendChild(d); document.body.appendChild(d);
position = Dom.findElPosition(d); position = Dom.findElPosition(d);
QUnit.deepEqual(position, {left: 20, top: 10}, 'The position was not correct'); assert.deepEqual(position, {left: 20, top: 10}, 'The position was not correct');
d.getBoundingClientRect = null; d.getBoundingClientRect = null;
position = Dom.findElPosition(d); position = Dom.findElPosition(d);
QUnit.deepEqual(position, assert.deepEqual(position,
{left: 0, top: 0}, {left: 0, top: 0},
'If there is no gBCR, we should get zeros'); 'If there is no gBCR, we should get zeros');
}); });
@@ -482,7 +482,7 @@ QUnit.test('Dom.appendContent', function(assert) {
assert.strictEqual(el.firstChild.nextSibling, p2, 'the second paragraph was appended'); assert.strictEqual(el.firstChild.nextSibling, p2, 'the second paragraph was appended');
}); });
QUnit.test('$() and $$()', function() { QUnit.test('$() and $$()', function(assert) {
const fixture = document.getElementById('qunit-fixture'); const fixture = document.getElementById('qunit-fixture');
const container = document.createElement('div'); const container = document.createElement('div');
const children = [ const children = [
@@ -496,45 +496,45 @@ QUnit.test('$() and $$()', function() {
const totalDivCount = document.getElementsByTagName('div').length; const totalDivCount = document.getElementsByTagName('div').length;
QUnit.expect(12); assert.expect(12);
QUnit.strictEqual(Dom.$('#qunit-fixture'), assert.strictEqual(Dom.$('#qunit-fixture'),
fixture, fixture,
'can find an element in the document context'); 'can find an element in the document context');
QUnit.strictEqual(Dom.$$('div').length, assert.strictEqual(Dom.$$('div').length,
totalDivCount, totalDivCount,
'finds elements in the document context'); 'finds elements in the document context');
QUnit.strictEqual(Dom.$('div', container), assert.strictEqual(Dom.$('div', container),
children[0], children[0],
'can find an element in a DOM element context'); 'can find an element in a DOM element context');
QUnit.strictEqual(Dom.$$('div', container).length, assert.strictEqual(Dom.$$('div', container).length,
children.length, children.length,
'finds elements in a DOM element context'); 'finds elements in a DOM element context');
QUnit.strictEqual(Dom.$('#qunit-fixture', document.querySelector('unknown')), assert.strictEqual(Dom.$('#qunit-fixture', document.querySelector('unknown')),
fixture, fixture,
'falls back to document given a bad context element'); 'falls back to document given a bad context element');
QUnit.strictEqual(Dom.$$('div', document.querySelector('unknown')).length, assert.strictEqual(Dom.$$('div', document.querySelector('unknown')).length,
totalDivCount, totalDivCount,
'falls back to document given a bad context element'); 'falls back to document given a bad context element');
QUnit.strictEqual(Dom.$('#qunit-fixture', 'body'), assert.strictEqual(Dom.$('#qunit-fixture', 'body'),
fixture, fixture,
'can find an element in a selector context'); 'can find an element in a selector context');
QUnit.strictEqual(Dom.$$('div', '#qunit-fixture').length, assert.strictEqual(Dom.$$('div', '#qunit-fixture').length,
1 + children.length, 1 + children.length,
'finds elements in a selector context'); 'finds elements in a selector context');
QUnit.strictEqual(Dom.$('#qunit-fixture', 'unknown'), assert.strictEqual(Dom.$('#qunit-fixture', 'unknown'),
fixture, fixture,
'falls back to document given a bad context selector'); 'falls back to document given a bad context selector');
QUnit.strictEqual(Dom.$$('div', 'unknown').length, assert.strictEqual(Dom.$$('div', 'unknown').length,
totalDivCount, totalDivCount,
'falls back to document given a bad context selector'); 'falls back to document given a bad context selector');
QUnit.strictEqual(Dom.$('div', children[0]), null, 'returns null for missing elements'); assert.strictEqual(Dom.$('div', children[0]), null, 'returns null for missing elements');
QUnit.strictEqual(Dom.$$('div', children[0]).length, assert.strictEqual(Dom.$$('div', children[0]).length,
0, 0,
'returns 0 for missing elements'); 'returns 0 for missing elements');
}); });

View File

@@ -3,10 +3,10 @@ import * as Fn from '../../../src/js/utils/fn.js';
QUnit.module('fn'); QUnit.module('fn');
QUnit.test('should add context to a function', function() { QUnit.test('should add context to a function', function(assert) {
const newContext = { test: 'obj'}; const newContext = { test: 'obj'};
const asdf = function() { const asdf = function() {
QUnit.ok(this === newContext); assert.ok(this === newContext);
}; };
const fdsa = Fn.bind(newContext, asdf); const fdsa = Fn.bind(newContext, asdf);

View File

@@ -3,33 +3,33 @@ import formatTime from '../../../src/js/utils/format-time.js';
QUnit.module('format-time'); QUnit.module('format-time');
QUnit.test('should format time as a string', function() { QUnit.test('should format time as a string', function(assert) {
QUnit.ok(formatTime(1) === '0:01'); assert.ok(formatTime(1) === '0:01');
QUnit.ok(formatTime(10) === '0:10'); assert.ok(formatTime(10) === '0:10');
QUnit.ok(formatTime(60) === '1:00'); assert.ok(formatTime(60) === '1:00');
QUnit.ok(formatTime(600) === '10:00'); assert.ok(formatTime(600) === '10:00');
QUnit.ok(formatTime(3600) === '1:00:00'); assert.ok(formatTime(3600) === '1:00:00');
QUnit.ok(formatTime(36000) === '10:00:00'); assert.ok(formatTime(36000) === '10:00:00');
QUnit.ok(formatTime(360000) === '100:00:00'); assert.ok(formatTime(360000) === '100:00:00');
// Using guide should provide extra leading zeros // Using guide should provide extra leading zeros
QUnit.ok(formatTime(1, 1) === '0:01'); assert.ok(formatTime(1, 1) === '0:01');
QUnit.ok(formatTime(1, 10) === '0:01'); assert.ok(formatTime(1, 10) === '0:01');
QUnit.ok(formatTime(1, 60) === '0:01'); assert.ok(formatTime(1, 60) === '0:01');
QUnit.ok(formatTime(1, 600) === '00:01'); assert.ok(formatTime(1, 600) === '00:01');
QUnit.ok(formatTime(1, 3600) === '0:00:01'); assert.ok(formatTime(1, 3600) === '0:00:01');
// Don't do extra leading zeros for hours // Don't do extra leading zeros for hours
QUnit.ok(formatTime(1, 36000) === '0:00:01'); assert.ok(formatTime(1, 36000) === '0:00:01');
QUnit.ok(formatTime(1, 360000) === '0:00:01'); assert.ok(formatTime(1, 360000) === '0:00:01');
// Do not display negative time // Do not display negative time
QUnit.ok(formatTime(-1) === '0:00'); assert.ok(formatTime(-1) === '0:00');
QUnit.ok(formatTime(-1, 3600) === '0:00:00'); assert.ok(formatTime(-1, 3600) === '0:00:00');
}); });
QUnit.test('should format invalid times as dashes', function() { QUnit.test('should format invalid times as dashes', function(assert) {
QUnit.equal(formatTime(Infinity, 90), '-:-'); assert.equal(formatTime(Infinity, 90), '-:-');
QUnit.equal(formatTime(NaN), '-:-'); assert.equal(formatTime(NaN), '-:-');
QUnit.equal(formatTime(10, Infinity), '0:00:10'); assert.equal(formatTime(10, Infinity), '0:00:10');
QUnit.equal(formatTime(90, NaN), '1:30'); assert.equal(formatTime(90, NaN), '1:30');
}); });

View File

@@ -37,7 +37,7 @@ QUnit.module('log', {
const getConsoleArgs = (...arr) => const getConsoleArgs = (...arr) =>
IE_VERSION && IE_VERSION < 11 ? [arr.join(' ')] : arr; IE_VERSION && IE_VERSION < 11 ? [arr.join(' ')] : arr;
QUnit.test('logging functions should work', function() { QUnit.test('logging functions should work', function(assert) {
// Need to reset history here because there are extra messages logged // Need to reset history here because there are extra messages logged
// when running via Karma. // when running via Karma.
@@ -47,28 +47,28 @@ QUnit.test('logging functions should work', function() {
log.warn('warn1', 'warn2'); log.warn('warn1', 'warn2');
log.error('error1', 'error2'); log.error('error1', 'error2');
QUnit.ok(window.console.log.called, 'log was called'); assert.ok(window.console.log.called, 'log was called');
QUnit.deepEqual( assert.deepEqual(
window.console.log.firstCall.args, window.console.log.firstCall.args,
getConsoleArgs('VIDEOJS:', 'log1', 'log2') getConsoleArgs('VIDEOJS:', 'log1', 'log2')
); );
QUnit.ok(window.console.warn.called, 'warn was called'); assert.ok(window.console.warn.called, 'warn was called');
QUnit.deepEqual( assert.deepEqual(
window.console.warn.firstCall.args, window.console.warn.firstCall.args,
getConsoleArgs('VIDEOJS:', 'WARN:', 'warn1', 'warn2') getConsoleArgs('VIDEOJS:', 'WARN:', 'warn1', 'warn2')
); );
QUnit.ok(window.console.error.called, 'error was called'); assert.ok(window.console.error.called, 'error was called');
QUnit.deepEqual( assert.deepEqual(
window.console.error.firstCall.args, window.console.error.firstCall.args,
getConsoleArgs('VIDEOJS:', 'ERROR:', 'error1', 'error2') getConsoleArgs('VIDEOJS:', 'ERROR:', 'error1', 'error2')
); );
QUnit.equal(log.history.length, 3, 'there should be three messages in the log history'); assert.equal(log.history.length, 3, 'there should be three messages in the log history');
}); });
QUnit.test('in IE pre-11 (or when requested) objects and arrays are stringified', function() { QUnit.test('in IE pre-11 (or when requested) objects and arrays are stringified', function(assert) {
// Run a custom log call, explicitly requesting object/array stringification. // Run a custom log call, explicitly requesting object/array stringification.
logByType('log', [ logByType('log', [
@@ -80,7 +80,7 @@ QUnit.test('in IE pre-11 (or when requested) objects and arrays are stringified'
null null
], true); ], true);
QUnit.ok(window.console.log.called, 'log was called'); assert.ok(window.console.log.called, 'log was called');
QUnit.deepEqual(window.console.log.firstCall.args, assert.deepEqual(window.console.log.firstCall.args,
['VIDEOJS: test {"foo":"bar"} [1,2,3] 0 false null']); ['VIDEOJS: test {"foo":"bar"} [1,2,3] 0 false null']);
}); });

View File

@@ -2,7 +2,7 @@
import mergeOptions from '../../../src/js/utils/merge-options.js'; import mergeOptions from '../../../src/js/utils/merge-options.js';
QUnit.module('merge-options'); QUnit.module('merge-options');
QUnit.test('should merge options objects', function() { QUnit.test('should merge options objects', function(assert) {
const ob1 = { const ob1 = {
a: true, a: true,
b: { b1: true, b2: true, b3: true }, b: { b1: true, b2: true, b3: true },
@@ -20,7 +20,7 @@ QUnit.test('should merge options objects', function() {
const ob3 = mergeOptions(ob1, ob2); const ob3 = mergeOptions(ob1, ob2);
QUnit.deepEqual(ob3, { assert.deepEqual(ob3, {
a: false, a: false,
b: { b1: true, b2: false, b3: true, b4: true }, b: { b1: true, b2: false, b3: true, b4: true },
c: true, c: true,

View File

@@ -3,8 +3,8 @@ import { createTimeRanges, createTimeRange } from '../../../src/js/utils/time-ra
QUnit.module('time-ranges'); QUnit.module('time-ranges');
QUnit.test('should export the deprecated createTimeRange function', function() { QUnit.test('should export the deprecated createTimeRange function', function(assert) {
QUnit.equal(createTimeRange, assert.equal(createTimeRange,
createTimeRanges, createTimeRanges,
'createTimeRange is an alias to createTimeRanges'); 'createTimeRange is an alias to createTimeRanges');
}); });
@@ -12,11 +12,11 @@ QUnit.test('should export the deprecated createTimeRange function', function() {
QUnit.test('should create a fake single timerange', function(assert) { QUnit.test('should create a fake single timerange', function(assert) {
const tr = createTimeRanges(0, 10); const tr = createTimeRanges(0, 10);
QUnit.equal(tr.length, 1, 'length should be 1'); assert.equal(tr.length, 1, 'length should be 1');
QUnit.equal(tr.start(0), assert.equal(tr.start(0),
0, 0,
'works if start is called with valid index'); 'works if start is called with valid index');
QUnit.equal(tr.end(0), assert.equal(tr.end(0),
10, 10,
'works if end is called with with valid index'); 'works if end is called with with valid index');
assert.throws(()=>tr.start(1), assert.throws(()=>tr.start(1),
@@ -33,9 +33,9 @@ QUnit.test('should create a fake multiple timerange', function(assert) {
[11, 20] [11, 20]
]); ]);
QUnit.equal(tr.length, 2, 'length should equal 2'); assert.equal(tr.length, 2, 'length should equal 2');
QUnit.equal(tr.start(1), 11, 'works if start is called with valid index'); assert.equal(tr.start(1), 11, 'works if start is called with valid index');
QUnit.equal(tr.end(1), 20, 'works if end is called with with valid index'); assert.equal(tr.end(1), 20, 'works if end is called with with valid index');
assert.throws(()=>tr.start(-1), assert.throws(()=>tr.start(-1),
/Failed to execute 'start'/, /Failed to execute 'start'/,
'fails if start is called with an invalid index'); 'fails if start is called with an invalid index');

View File

@@ -3,8 +3,8 @@ import toTitleCase from '../../../src/js/utils/to-title-case.js';
QUnit.module('to-title-case'); QUnit.module('to-title-case');
QUnit.test('should make a string start with an uppercase letter', function() { QUnit.test('should make a string start with an uppercase letter', function(assert) {
const foo = toTitleCase('bar'); const foo = toTitleCase('bar');
QUnit.ok(foo === 'Bar'); assert.ok(foo === 'Bar');
}); });

View File

@@ -6,19 +6,19 @@ import proxyquireify from 'proxyquireify';
const proxyquire = proxyquireify(require); const proxyquire = proxyquireify(require);
QUnit.module('url'); QUnit.module('url');
QUnit.test('should parse the details of a url correctly', function() { QUnit.test('should parse the details of a url correctly', function(assert) {
QUnit.equal(Url.parseUrl('#').protocol, assert.equal(Url.parseUrl('#').protocol,
window.location.protocol, window.location.protocol,
'parsed relative url protocol'); 'parsed relative url protocol');
QUnit.equal(Url.parseUrl('#').host, window.location.host, 'parsed relative url host'); assert.equal(Url.parseUrl('#').host, window.location.host, 'parsed relative url host');
QUnit.equal(Url.parseUrl('http://example.com').protocol, 'http:', 'parsed example url protocol'); assert.equal(Url.parseUrl('http://example.com').protocol, 'http:', 'parsed example url protocol');
QUnit.equal(Url.parseUrl('http://example.com').hostname, 'example.com', 'parsed example url hostname'); assert.equal(Url.parseUrl('http://example.com').hostname, 'example.com', 'parsed example url hostname');
QUnit.equal(Url.parseUrl('http://example.com:1234').port, '1234', 'parsed example url port'); assert.equal(Url.parseUrl('http://example.com:1234').port, '1234', 'parsed example url port');
}); });
QUnit.test('should strip port from hosts using http or https', function() { QUnit.test('should strip port from hosts using http or https', function(assert) {
const origDocCreate = document.createElement; const origDocCreate = document.createElement;
// attempts to create elements will return an anchor tag that // attempts to create elements will return an anchor tag that
@@ -38,41 +38,41 @@ QUnit.test('should strip port from hosts using http or https', function() {
document.createElement = origDocCreate; document.createElement = origDocCreate;
QUnit.ok(!(/.*:80$/).test(url.host), ':80 is not appended to the host'); assert.ok(!(/.*:80$/).test(url.host), ':80 is not appended to the host');
}); });
QUnit.test('should get an absolute URL', function() { QUnit.test('should get an absolute URL', function(assert) {
// Errors on compiled tests that don't use unit.html. Need a better solution. // Errors on compiled tests that don't use unit.html. Need a better solution.
// QUnit.ok(Url.getAbsoluteURL('unit.html') === window.location.href); // assert.ok(Url.getAbsoluteURL('unit.html') === window.location.href);
QUnit.ok(Url.getAbsoluteURL('http://asdf.com') === 'http://asdf.com'); assert.ok(Url.getAbsoluteURL('http://asdf.com') === 'http://asdf.com');
QUnit.ok(Url.getAbsoluteURL('https://asdf.com/index.html') === 'https://asdf.com/index.html'); assert.ok(Url.getAbsoluteURL('https://asdf.com/index.html') === 'https://asdf.com/index.html');
}); });
// getFileExtension tests // getFileExtension tests
QUnit.test('should get the file extension of the passed path', function() { QUnit.test('should get the file extension of the passed path', function(assert) {
QUnit.equal(Url.getFileExtension('/foo/bar/test.video.wgg'), 'wgg'); assert.equal(Url.getFileExtension('/foo/bar/test.video.wgg'), 'wgg');
QUnit.equal(Url.getFileExtension('test./video.mp4'), 'mp4'); assert.equal(Url.getFileExtension('test./video.mp4'), 'mp4');
QUnit.equal(Url.getFileExtension('.bar/test.video.m4v'), 'm4v'); assert.equal(Url.getFileExtension('.bar/test.video.m4v'), 'm4v');
QUnit.equal(Url.getFileExtension('foo/.bar/test.video.flv'), 'flv'); assert.equal(Url.getFileExtension('foo/.bar/test.video.flv'), 'flv');
QUnit.equal(Url.getFileExtension('foo/.bar/test.video.flv?foo=bar'), 'flv'); assert.equal(Url.getFileExtension('foo/.bar/test.video.flv?foo=bar'), 'flv');
QUnit.equal(Url.getFileExtension('http://www.test.com/video.mp4'), 'mp4'); assert.equal(Url.getFileExtension('http://www.test.com/video.mp4'), 'mp4');
QUnit.equal(Url.getFileExtension('http://foo/bar/test.video.wgg'), 'wgg'); assert.equal(Url.getFileExtension('http://foo/bar/test.video.wgg'), 'wgg');
// edge cases // edge cases
QUnit.equal(Url.getFileExtension('http://...'), ''); assert.equal(Url.getFileExtension('http://...'), '');
QUnit.equal(Url.getFileExtension('foo/.bar/testvideo'), ''); assert.equal(Url.getFileExtension('foo/.bar/testvideo'), '');
QUnit.equal(Url.getFileExtension(''), ''); assert.equal(Url.getFileExtension(''), '');
QUnit.equal(Url.getFileExtension(null), ''); assert.equal(Url.getFileExtension(null), '');
QUnit.equal(Url.getFileExtension(undefined), ''); assert.equal(Url.getFileExtension(undefined), '');
// with capital letters // with capital letters
QUnit.equal(Url.getFileExtension('test.video.MP4'), 'mp4'); assert.equal(Url.getFileExtension('test.video.MP4'), 'mp4');
QUnit.equal(Url.getFileExtension('test.video.FLV'), 'flv'); assert.equal(Url.getFileExtension('test.video.FLV'), 'flv');
}); });
// isCrossOrigin tests // isCrossOrigin tests
QUnit.test('isCrossOrigin can identify cross origin urls', function() { QUnit.test('isCrossOrigin can identify cross origin urls', function(assert) {
const win = { const win = {
location: {} location: {}
}; };
@@ -82,19 +82,19 @@ QUnit.test('isCrossOrigin can identify cross origin urls', function() {
win.location.protocol = window.location.protocol; win.location.protocol = window.location.protocol;
win.location.host = window.location.host; win.location.host = window.location.host;
QUnit.ok(!Url_.isCrossOrigin(`http://${win.location.host}/example.vtt`), 'http://google.com from http://google.com is not cross origin'); assert.ok(!Url_.isCrossOrigin(`http://${win.location.host}/example.vtt`), 'http://google.com from http://google.com is not cross origin');
QUnit.ok(Url_.isCrossOrigin(`https://${win.location.host}/example.vtt`), 'https://google.com from http://google.com is cross origin'); assert.ok(Url_.isCrossOrigin(`https://${win.location.host}/example.vtt`), 'https://google.com from http://google.com is cross origin');
QUnit.ok(!Url_.isCrossOrigin(`//${win.location.host}/example.vtt`), '//google.com from http://google.com is not cross origin'); assert.ok(!Url_.isCrossOrigin(`//${win.location.host}/example.vtt`), '//google.com from http://google.com is not cross origin');
QUnit.ok(Url_.isCrossOrigin('http://example.com/example.vtt'), 'http://example.com from http://google.com is cross origin'); assert.ok(Url_.isCrossOrigin('http://example.com/example.vtt'), 'http://example.com from http://google.com is cross origin');
QUnit.ok(Url_.isCrossOrigin('https://example.com/example.vtt'), 'https://example.com from http://google.com is cross origin'); assert.ok(Url_.isCrossOrigin('https://example.com/example.vtt'), 'https://example.com from http://google.com is cross origin');
QUnit.ok(Url_.isCrossOrigin('//example.com/example.vtt'), '//example.com from http://google.com is cross origin'); assert.ok(Url_.isCrossOrigin('//example.com/example.vtt'), '//example.com from http://google.com is cross origin');
// we cannot test that relative urls work on https, though // we cannot test that relative urls work on https, though
QUnit.ok(!Url_.isCrossOrigin('example.vtt'), 'relative url is not cross origin'); assert.ok(!Url_.isCrossOrigin('example.vtt'), 'relative url is not cross origin');
win.location.protocol = 'https:'; win.location.protocol = 'https:';
win.location.host = 'google.com'; win.location.host = 'google.com';
QUnit.ok(Url_.isCrossOrigin('http://google.com/example.vtt'), 'http://google.com from https://google.com is cross origin'); assert.ok(Url_.isCrossOrigin('http://google.com/example.vtt'), 'http://google.com from https://google.com is cross origin');
QUnit.ok(Url_.isCrossOrigin('http://example.com/example.vtt'), 'http://example.com from https://google.com is cross origin'); assert.ok(Url_.isCrossOrigin('http://example.com/example.vtt'), 'http://example.com from https://google.com is cross origin');
QUnit.ok(Url_.isCrossOrigin('https://example.com/example.vtt'), 'https://example.com from https://google.com is cross origin'); assert.ok(Url_.isCrossOrigin('https://example.com/example.vtt'), 'https://example.com from https://google.com is cross origin');
QUnit.ok(Url_.isCrossOrigin('//example.com/example.vtt'), '//example.com from https://google.com is cross origin'); assert.ok(Url_.isCrossOrigin('//example.com/example.vtt'), '//example.com from https://google.com is cross origin');
}); });

View File

@@ -6,18 +6,18 @@ import document from 'global/document';
QUnit.module('video.js'); QUnit.module('video.js');
QUnit.test('should create a video tag and have access children in old IE', function() { QUnit.test('should create a video tag and have access children in old IE', function(assert) {
const fixture = document.getElementById('qunit-fixture'); const fixture = document.getElementById('qunit-fixture');
fixture.innerHTML += '<video id="test_vid_id"><source type="video/mp4"></video>'; fixture.innerHTML += '<video id="test_vid_id"><source type="video/mp4"></video>';
const vid = document.getElementById('test_vid_id'); const vid = document.getElementById('test_vid_id');
QUnit.ok(vid.childNodes.length === 1); assert.ok(vid.childNodes.length === 1);
QUnit.ok(vid.childNodes[0].getAttribute('type') === 'video/mp4'); assert.ok(vid.childNodes[0].getAttribute('type') === 'video/mp4');
}); });
QUnit.test('should return a video player instance', function() { QUnit.test('should return a video player instance', function(assert) {
const fixture = document.getElementById('qunit-fixture'); const fixture = document.getElementById('qunit-fixture');
fixture.innerHTML += '<video id="test_vid_id"></video>' + fixture.innerHTML += '<video id="test_vid_id"></video>' +
@@ -25,24 +25,24 @@ QUnit.test('should return a video player instance', function() {
const player = videojs('test_vid_id', { techOrder: ['techFaker'] }); const player = videojs('test_vid_id', { techOrder: ['techFaker'] });
QUnit.ok(player, 'created player from tag'); assert.ok(player, 'created player from tag');
QUnit.ok(player.id() === 'test_vid_id'); assert.ok(player.id() === 'test_vid_id');
QUnit.ok(videojs.getPlayers().test_vid_id === player, assert.ok(videojs.getPlayers().test_vid_id === player,
'added player to global reference'); 'added player to global reference');
const playerAgain = videojs('test_vid_id'); const playerAgain = videojs('test_vid_id');
QUnit.ok(player === playerAgain, 'did not create a second player from same tag'); assert.ok(player === playerAgain, 'did not create a second player from same tag');
QUnit.equal(player, playerAgain, 'we did not make a new player'); assert.equal(player, playerAgain, 'we did not make a new player');
const tag2 = document.getElementById('test_vid_id2'); const tag2 = document.getElementById('test_vid_id2');
const player2 = videojs(tag2, { techOrder: ['techFaker'] }); const player2 = videojs(tag2, { techOrder: ['techFaker'] });
QUnit.ok(player2.id() === 'test_vid_id2', 'created player from element'); assert.ok(player2.id() === 'test_vid_id2', 'created player from element');
}); });
QUnit.test('should return a video player instance from el html5 tech', function() { QUnit.test('should return a video player instance from el html5 tech', function(assert) {
const fixture = document.getElementById('qunit-fixture'); const fixture = document.getElementById('qunit-fixture');
fixture.innerHTML += '<video id="test_vid_id"></video>' + fixture.innerHTML += '<video id="test_vid_id"></video>' +
@@ -52,23 +52,23 @@ QUnit.test('should return a video player instance from el html5 tech', function(
const player = videojs(vid); const player = videojs(vid);
QUnit.ok(player, 'created player from tag'); assert.ok(player, 'created player from tag');
QUnit.ok(player.id() === 'test_vid_id'); assert.ok(player.id() === 'test_vid_id');
QUnit.ok(videojs.getPlayers().test_vid_id === player, assert.ok(videojs.getPlayers().test_vid_id === player,
'added player to global reference'); 'added player to global reference');
const playerAgain = videojs(vid); const playerAgain = videojs(vid);
QUnit.ok(player === playerAgain, 'did not create a second player from same tag'); assert.ok(player === playerAgain, 'did not create a second player from same tag');
QUnit.equal(player, playerAgain, 'we did not make a new player'); assert.equal(player, playerAgain, 'we did not make a new player');
const tag2 = document.getElementById('test_vid_id2'); const tag2 = document.getElementById('test_vid_id2');
const player2 = videojs(tag2, { techOrder: ['techFaker'] }); const player2 = videojs(tag2, { techOrder: ['techFaker'] });
QUnit.ok(player2.id() === 'test_vid_id2', 'created player from element'); assert.ok(player2.id() === 'test_vid_id2', 'created player from element');
}); });
QUnit.test('should return a video player instance from el techfaker', function() { QUnit.test('should return a video player instance from el techfaker', function(assert) {
const fixture = document.getElementById('qunit-fixture'); const fixture = document.getElementById('qunit-fixture');
fixture.innerHTML += '<video id="test_vid_id"></video>' + fixture.innerHTML += '<video id="test_vid_id"></video>' +
@@ -77,66 +77,66 @@ QUnit.test('should return a video player instance from el techfaker', function()
const vid = document.querySelector('#test_vid_id'); const vid = document.querySelector('#test_vid_id');
const player = videojs(vid, {techOrder: ['techFaker']}); const player = videojs(vid, {techOrder: ['techFaker']});
QUnit.ok(player, 'created player from tag'); assert.ok(player, 'created player from tag');
QUnit.ok(player.id() === 'test_vid_id'); assert.ok(player.id() === 'test_vid_id');
QUnit.ok(videojs.getPlayers().test_vid_id === player, assert.ok(videojs.getPlayers().test_vid_id === player,
'added player to global reference'); 'added player to global reference');
const playerAgain = videojs(vid); const playerAgain = videojs(vid);
QUnit.ok(player === playerAgain, 'did not create a second player from same tag'); assert.ok(player === playerAgain, 'did not create a second player from same tag');
QUnit.equal(player, playerAgain, 'we did not make a new player'); assert.equal(player, playerAgain, 'we did not make a new player');
const tag2 = document.getElementById('test_vid_id2'); const tag2 = document.getElementById('test_vid_id2');
const player2 = videojs(tag2, { techOrder: ['techFaker'] }); const player2 = videojs(tag2, { techOrder: ['techFaker'] });
QUnit.ok(player2.id() === 'test_vid_id2', 'created player from element'); assert.ok(player2.id() === 'test_vid_id2', 'created player from element');
}); });
QUnit.test('should add the value to the languages object', function() { QUnit.test('should add the value to the languages object', function(assert) {
const code = 'es'; const code = 'es';
const data = {Hello: 'Hola'}; const data = {Hello: 'Hola'};
const result = videojs.addLanguage(code, data); const result = videojs.addLanguage(code, data);
QUnit.ok(videojs.options.languages[code], 'should exist'); assert.ok(videojs.options.languages[code], 'should exist');
QUnit.equal(videojs.options.languages.es.Hello, 'Hola', 'should match'); assert.equal(videojs.options.languages.es.Hello, 'Hola', 'should match');
QUnit.deepEqual(result.Hello, videojs.options.languages.es.Hello, 'should also match'); assert.deepEqual(result.Hello, videojs.options.languages.es.Hello, 'should also match');
}); });
QUnit.test('should add the value to the languages object with lower case lang code', function() { QUnit.test('should add the value to the languages object with lower case lang code', function(assert) {
const code = 'DE'; const code = 'DE';
const data = {Hello: 'Guten Tag'}; const data = {Hello: 'Guten Tag'};
const result = videojs.addLanguage(code, data); const result = videojs.addLanguage(code, data);
QUnit.ok(videojs.options.languages[code.toLowerCase()], 'should exist'); assert.ok(videojs.options.languages[code.toLowerCase()], 'should exist');
QUnit.equal(videojs.options.languages[code.toLowerCase()].Hello, assert.equal(videojs.options.languages[code.toLowerCase()].Hello,
'Guten Tag', 'Guten Tag',
'should match'); 'should match');
QUnit.deepEqual(result, assert.deepEqual(result,
videojs.options.languages[code.toLowerCase()], videojs.options.languages[code.toLowerCase()],
'should also match'); 'should also match');
}); });
QUnit.test('should expose plugin registry function', function() { QUnit.test('should expose plugin registry function', function(assert) {
const pluginName = 'foo'; const pluginName = 'foo';
const pluginFunction = function(options) {}; const pluginFunction = function(options) {};
QUnit.ok(videojs.plugin, 'should exist'); assert.ok(videojs.plugin, 'should exist');
videojs.plugin(pluginName, pluginFunction); videojs.plugin(pluginName, pluginFunction);
const player = TestHelpers.makePlayer(); const player = TestHelpers.makePlayer();
QUnit.ok(player.foo, 'should exist'); assert.ok(player.foo, 'should exist');
QUnit.equal(player.foo, pluginFunction, 'should be equal'); assert.equal(player.foo, pluginFunction, 'should be equal');
}); });
QUnit.test('should expose options and players properties for backward-compatibility', function() { QUnit.test('should expose options and players properties for backward-compatibility', function(assert) {
QUnit.ok(typeof videojs.options, 'object', 'options should be an object'); assert.ok(typeof videojs.options, 'object', 'options should be an object');
QUnit.ok(typeof videojs.players, 'object', 'players should be an object'); assert.ok(typeof videojs.players, 'object', 'players should be an object');
}); });
QUnit.test('should expose DOM functions', function() { QUnit.test('should expose DOM functions', function(assert) {
// Keys are videojs methods, values are Dom methods. // Keys are videojs methods, values are Dom methods.
const methods = { const methods = {
@@ -156,11 +156,11 @@ QUnit.test('should expose DOM functions', function() {
const keys = Object.keys(methods); const keys = Object.keys(methods);
QUnit.expect(keys.length); assert.expect(keys.length);
keys.forEach(function(vjsName) { keys.forEach(function(vjsName) {
const domName = methods[vjsName]; const domName = methods[vjsName];
QUnit.strictEqual(videojs[vjsName], assert.strictEqual(videojs[vjsName],
Dom[domName], Dom[domName],
`videojs.${vjsName} is a reference to Dom.${domName}`); `videojs.${vjsName} is a reference to Dom.${domName}`);
}); });