mirror of
https://github.com/videojs/video.js.git
synced 2024-12-12 11:15:04 +02:00
a8ff970d4a
Broke out bind, guid, and element data functions from Lib Separated out more dom functions in to dom.js Broke out URL functions into url.js Removed setLocalStorage since it wasn't being used Moved browser tests out of lib Moved log functions into their own file Removed trim() since it wasn't being used Moved formatTime into its own file Moved round into its own file and renamed roundFloat() Moved capitalize into its own file and renamed as toTitleCase() Moved createTimeRange into its own file Removed Lib.arr.forEach infavor of the native forEach Removed Lib.obj.create in favor of native Object.create (ES6-sham) Removed obj.each in favor of native Object.getOwnPropertyNames().forEach() Removed obj.merge and copy. Using lodash.assign instead. Replaced Lib.obj.isPlain with lodash.isPlainObject Removed Lib.obj.isArray in favor of the native Array.isArray Also removed the lib.js tests file as all tests have been moved or removed. Removed Lib.isEmpty in favor of !Object.getOwnPropertyNames().length Switched Util.mergeOptions and deepMerge to use new mergeOptions() Moved Lib.TEST_VID to Html5.TEST_VID Removed Lib references everywhere. Woo! Attempting to fix sourcemap test errors by setting grunt-browserify version Switched to object.assign from lodash.assign Removed unused 'inherits' dependency Reorganzied test files and added '.test' to file names Combined js/core.js and js/video.js Moved events.js into the utils directory
109 lines
3.6 KiB
JavaScript
109 lines
3.6 KiB
JavaScript
import TextTrackMenuItem from '../../../src/js/control-bar/text-track-controls/text-track-menu-item.js';
|
|
import TestHelpers from '../test-helpers.js';
|
|
import * as browser from '../../../src/js/utils/browser.js';
|
|
|
|
q.module('Text Track Controls');
|
|
|
|
var track = {
|
|
kind: 'captions',
|
|
label: 'test'
|
|
};
|
|
|
|
test('should be displayed when text tracks list is not empty', function() {
|
|
var player = TestHelpers.makePlayer({
|
|
tracks: [track]
|
|
});
|
|
|
|
ok(!player.controlBar.captionsButton.hasClass('vjs-hidden'), 'control is displayed');
|
|
equal(player.textTracks().length, 1, 'textTracks contains one item');
|
|
});
|
|
|
|
test('should be displayed when a text track is added to an empty track list', function() {
|
|
var player = TestHelpers.makePlayer();
|
|
|
|
player.addRemoteTextTrack(track);
|
|
|
|
ok(!player.controlBar.captionsButton.hasClass('vjs-hidden'), 'control is displayed');
|
|
equal(player.textTracks().length, 1, 'textTracks contains one item');
|
|
});
|
|
|
|
test('should not be displayed when text tracks list is empty', function() {
|
|
var player = TestHelpers.makePlayer();
|
|
|
|
ok(player.controlBar.captionsButton.hasClass('vjs-hidden'), 'control is not displayed');
|
|
equal(player.textTracks().length, 0, 'textTracks is empty');
|
|
});
|
|
|
|
test('should not be displayed when last text track is removed', function() {
|
|
var player = TestHelpers.makePlayer({
|
|
tracks: [track]
|
|
});
|
|
|
|
player.removeRemoteTextTrack(player.textTracks()[0]);
|
|
|
|
ok(player.controlBar.captionsButton.hasClass('vjs-hidden'), 'control is not displayed');
|
|
equal(player.textTracks().length, 0, 'textTracks is empty');
|
|
});
|
|
|
|
test('menu should contain "Settings", "Off" and one track', function() {
|
|
var player = TestHelpers.makePlayer({
|
|
tracks: [track]
|
|
}),
|
|
menuItems = player.controlBar.captionsButton.items;
|
|
|
|
equal(menuItems.length, 3, 'menu contains three items');
|
|
equal(menuItems[0].track.label, 'captions settings', 'menu contains "captions settings"');
|
|
equal(menuItems[1].track.label, 'captions off', 'menu contains "captions off"');
|
|
equal(menuItems[2].track.label, 'test', 'menu contains "test" track');
|
|
});
|
|
|
|
test('menu should update with addRemoteTextTrack', function() {
|
|
var player = TestHelpers.makePlayer({
|
|
tracks: [track]
|
|
});
|
|
|
|
player.addRemoteTextTrack(track);
|
|
|
|
equal(player.controlBar.captionsButton.items.length, 4, 'menu does contain added track');
|
|
equal(player.textTracks().length, 2, 'textTracks contains two items');
|
|
});
|
|
|
|
test('menu should update with removeRemoteTextTrack', function() {
|
|
var player = TestHelpers.makePlayer({
|
|
tracks: [track, track]
|
|
});
|
|
|
|
player.removeRemoteTextTrack(player.textTracks()[0]);
|
|
|
|
equal(player.controlBar.captionsButton.items.length, 3, 'menu does not contain removed track');
|
|
equal(player.textTracks().length, 1, 'textTracks contains one item');
|
|
});
|
|
|
|
if (!browser.IS_IE8) {
|
|
// This test doesn't work on IE8.
|
|
// However, this test tests a specific with iOS7 where 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
|
|
test('menu items should polyfill mode change events', function() {
|
|
var player = TestHelpers.makePlayer({}),
|
|
changes,
|
|
trackMenuItem;
|
|
|
|
// emulate a TextTrackList that doesn't report track mode changes,
|
|
// like iOS7
|
|
player.textTracks().onchange = undefined;
|
|
trackMenuItem = new TextTrackMenuItem(player, {
|
|
track: track
|
|
});
|
|
|
|
player.textTracks().on('change', function() {
|
|
changes++;
|
|
});
|
|
changes = 0;
|
|
trackMenuItem.trigger('tap');
|
|
equal(changes, 1, 'taps trigger change events');
|
|
|
|
trackMenuItem.trigger('click');
|
|
equal(changes, 2, 'clicks trigger change events');
|
|
});
|
|
}
|