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');

  equal(player, playerAgain, 'we did not make a new player');

  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 return a video player instance from el html5 tech', function() {
  var fixture = document.getElementById('qunit-fixture');
  fixture.innerHTML += '<video id="test_vid_id"></video><video id="test_vid_id2"></video>';

  var vid = document.querySelector('#test_vid_id');

  var player = videojs(vid);
  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(vid);
  ok(player === playerAgain, 'did not create a second player from same tag');

  equal(player, playerAgain, 'we did not make a new player');

  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 return a video player instance from el techfaker', function() {
  var fixture = document.getElementById('qunit-fixture');
  fixture.innerHTML += '<video id="test_vid_id"></video><video id="test_vid_id2"></video>';

  var vid = document.querySelector('#test_vid_id');

  var player = videojs(vid, {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(vid);
  ok(player === playerAgain, 'did not create a second player from same tag');

  equal(player, playerAgain, 'we did not make a new player');

  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',
    createEl: 'createEl',
    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}`);
  });
});