mirror of
https://github.com/videojs/video.js.git
synced 2024-12-12 11:15:04 +02:00
108 lines
3.6 KiB
JavaScript
108 lines
3.6 KiB
JavaScript
import videojs from '../../src/js/video.js';
|
|
import TestHelpers from './test-helpers.js';
|
|
import Player from '../../src/js/player.js';
|
|
import * as Dom from '../../src/js/utils/dom.js';
|
|
import log from '../../src/js/utils/log.js';
|
|
import document from 'global/document';
|
|
|
|
q.module('video.js');
|
|
|
|
test('should create a video tag and have access children in old IE', function(){
|
|
var fixture = document.getElementById('qunit-fixture');
|
|
|
|
fixture.innerHTML += '<video id="test_vid_id"><source type="video/mp4"></video>';
|
|
|
|
var vid = document.getElementById('test_vid_id');
|
|
|
|
ok(vid.childNodes.length === 1);
|
|
ok(vid.childNodes[0].getAttribute('type') === 'video/mp4');
|
|
});
|
|
|
|
test('should return a video player instance', function(){
|
|
var fixture = document.getElementById('qunit-fixture');
|
|
fixture.innerHTML += '<video id="test_vid_id"></video><video id="test_vid_id2"></video>';
|
|
|
|
var player = videojs('test_vid_id', { techOrder: ['techFaker'] });
|
|
ok(player, 'created player from tag');
|
|
ok(player.id() === 'test_vid_id');
|
|
ok(videojs.getPlayers()['test_vid_id'] === player, 'added player to global reference');
|
|
|
|
var playerAgain = videojs('test_vid_id');
|
|
ok(player === playerAgain, 'did not create a second player from same tag');
|
|
|
|
var tag2 = document.getElementById('test_vid_id2');
|
|
var player2 = videojs(tag2, { techOrder: ['techFaker'] });
|
|
ok(player2.id() === 'test_vid_id2', 'created player from element');
|
|
});
|
|
|
|
test('should add the value to the languages object', function() {
|
|
var code, data, result;
|
|
|
|
code = 'es';
|
|
data = {'Hello': 'Hola'};
|
|
result = videojs.addLanguage(code, data);
|
|
|
|
ok(videojs.options.languages[code], 'should exist');
|
|
equal(videojs.options.languages['es']['Hello'], 'Hola', 'should match');
|
|
deepEqual(result['Hello'], videojs.options.languages['es']['Hello'], 'should also match');
|
|
});
|
|
|
|
test('should add the value to the languages object with lower case lang code', function() {
|
|
var code, data, result;
|
|
|
|
code = 'DE';
|
|
data = {'Hello': 'Guten Tag'};
|
|
result = videojs.addLanguage(code, data);
|
|
|
|
ok(videojs.options['languages'][code.toLowerCase()], 'should exist');
|
|
equal(videojs.options['languages'][code.toLowerCase()]['Hello'], 'Guten Tag', 'should match');
|
|
deepEqual(result, videojs.options['languages'][code.toLowerCase()], 'should also match');
|
|
});
|
|
|
|
test('should expose plugin registry function', function() {
|
|
var pluginName, pluginFunction, player;
|
|
|
|
pluginName = 'foo';
|
|
pluginFunction = function(options) {};
|
|
|
|
ok(videojs.plugin, 'should exist');
|
|
|
|
videojs.plugin(pluginName, pluginFunction);
|
|
|
|
player = TestHelpers.makePlayer();
|
|
|
|
ok(player.foo, 'should exist');
|
|
equal(player.foo, pluginFunction, 'should be equal');
|
|
});
|
|
|
|
test('should expose options and players properties for backward-compatibility', function() {
|
|
ok(typeof videojs.options, 'object', 'options should be an object');
|
|
ok(typeof videojs.players, 'object', 'players should be an object');
|
|
});
|
|
|
|
test('should expose DOM functions', function() {
|
|
|
|
// Keys are videojs methods, values are Dom methods.
|
|
let methods = {
|
|
isEl: 'isEl',
|
|
isTextNode: 'isTextNode',
|
|
hasClass: 'hasElClass',
|
|
addClass: 'addElClass',
|
|
removeClass: 'removeElClass',
|
|
toggleClass: 'toggleElClass',
|
|
setAttributes: 'setElAttributes',
|
|
getAttributes: 'getElAttributes',
|
|
emptyEl: 'emptyEl',
|
|
insertContent: 'insertContent',
|
|
appendContent: 'appendContent'
|
|
};
|
|
|
|
let keys = Object.keys(methods);
|
|
|
|
expect(keys.length);
|
|
keys.forEach(function(vjsName) {
|
|
let domName = methods[vjsName];
|
|
strictEqual(videojs[vjsName], Dom[domName], `videojs.${vjsName} is a reference to Dom.${domName}`);
|
|
});
|
|
});
|