test.js

var Player = window.youtube.Player;

var player;
var elParent;
var elPlayer;
var videoId;
var originalStatics = {};

var original_Player_prepareYTScript = Player.prepareYTScript;
Player.prepareYTScript = function(callback) {
	callback();
};

var original_createPlayer = Player.prototype._createPlayer;
Player.prototype._createPlayer = function(options) {
	var instance = this;
	return {
		playVideo: function() {
			instance.onStateChange({ data:Player.PlayerState.PLAYING });
		},
		destroy: function() {
		}
	};
};

for (var name in Player) {
	originalStatics[name] = Player[name];
}

beforeEach(function() {
	// restore statics
	for (var name in Player) {
		delete Player[name];
	}
	for (var name in originalStatics) {
		Player[name] = originalStatics[name];
	}

	// create materials
	elParent = document.createElement('div');
	elPlayer = document.createElement('div');
	videoId = '123';

	elParent.appendChild(elPlayer);

	// build an instance
	player = new Player({
		el: elPlayer,
		id: videoId
	});
});

afterEach(function() {
	player.destroy();
});

describe('Statics', function() {
	describe('interface', function() {
		it('builds new instance', function() {
			var player = window.youtube({ el:elPlayer, id:videoId });
			expect(player instanceof Player).toBeTruthy();
		});
	});

	describe('bind', function() {
		it('fixes its context', function() {
			var obj = {};
			var fn = function() { return this; };
			var binded = Player.bind(fn, obj);
			expect(binded()).toBe(obj);
		});
		it('fixes its arguments', function() {
			var obj = {};
			var fn = function(arg1) { return arg1; };
			var binded = Player.bind(fn, null, obj);
			expect(binded()).toBe(obj);
		});
	});
});

describe('Constructing', function() {
	describe('instance', function() {
		it('is an instance', function() {
			expect(player instanceof Player).toBeTruthy();
		});
	});

	describe('video options', function() {
		it('throws an error if the options is not specified', function() {
			expect(function() {
				player._getVideoOptions();
			}).toThrow(new Error('`options.el` is require.'));
		});

		it('throws an error if the target element is not specified', function() {
			expect(function() {
				player._getVideoOptions({ el:null });
			}).toThrow(new Error('`options.el` is require.'));
		});

		it('throws an error if the target element is an element', function() {
			expect(function() {
				player._getVideoOptions({ el:{} });
			}).toThrow(new Error('`options.el` is require.'));
		});

		it('has videoId if ID is specified as a data attribute on the element', function() {
			elPlayer.setAttribute('data-youtube-videoid', videoId);
			var videoOptions = player._getVideoOptions({ el:elPlayer });
			expect(videoOptions.videoId).toBe(videoId);
		});

		describe('playerVars settings', function() {
			it('uses the value specified in options if specified on the element', function() {
				elPlayer.setAttribute('data-youtube-controls', '1');
				var videoOptions = player._getVideoOptions({ el:elPlayer, controls:0 });
				expect(videoOptions.playerVars.controls).toBe(0);
			});

			it('let youtube fallback to default settings if not specified', function() {
				elPlayer.removeAttribute('data-youtube-controls');
				var videoOptions = player._getVideoOptions({ el:elPlayer });
				expect(videoOptions.playerVars.controls).toBe(undefined);
			});

			it('turns setting on if "true" is specified', function() {
				elPlayer.setAttribute('data-youtube-controls', 'true');
				var videoOptions = player._getVideoOptions({ el:elPlayer });
				expect(videoOptions.playerVars.controls).toBe(1);
			});

			it('let youtube fallback to default settings if invalid number like "-1" is specified', function() {
				elPlayer.setAttribute('data-youtube-controls', '-1');
				var videoOptions = player._getVideoOptions({ el:elPlayer });
				expect(videoOptions.playerVars.controls).toBe(undefined);
			});

			it('turns setting off if "false" is specified', function() {
				elPlayer.setAttribute('data-youtube-controls', 'false');
				var videoOptions = player._getVideoOptions({ el:elPlayer });
				expect(videoOptions.playerVars.controls).toBe(0);
			});

			it('accepts strings like "playlist" as valid values', function() {
				elPlayer.setAttribute('data-youtube-listType', 'playlist');
				var videoOptions = player._getVideoOptions({ el:elPlayer });
				expect(videoOptions.playerVars.listType).toBe('playlist');
			});

			it('allows youtube playerVars settings as booleans', function() {
				elPlayer.removeAttribute('data-youtube-controls');
				var videoOptions = player._getVideoOptions({
					el:elPlayer,
					autohide: false,
					autoplay: true,
					cc_load_policy: true,
					color: 'white',
					controls: false,
					disablekb: false,
					enablejsapi: true,
					end: 23,
					fs: false,
					hl: 'en',
					iv_load_policy: 3,
					list: 'PLC77007E23FF423C6',
					listType: 'playlist',
					loop: false,
					modestbranding: true,
					origin: 'localhost',
					playerapiid: '1234abcd',
					playlist: '2EEsa_pqGAs,KFstP0C9sVk',
					playsinline: true,
					rel: false,
					showinfo: false
				});

				expect(videoOptions.playerVars).toEqual({
					autohide: 0,
					autoplay: 1,
					cc_load_policy: 1,
					color: 'white',
					controls: 0,
					disablekb: 0,
					enablejsapi: 1,
					end: 23,
					fs: 0,
					hl: 'en',
					iv_load_policy: 3,
					list: 'PLC77007E23FF423C6',
					listType: 'playlist',
					loop: 0,
					modestbranding: 1,
					origin: 'localhost',
					playerapiid: '1234abcd',
					playlist: '2EEsa_pqGAs,KFstP0C9sVk',
					playsinline: 1,
					rel: 0,
					showinfo: 0,
					start: undefined,
					theme: undefined
				});
			});

			it('allows youtube playerVars settings as numbers', function() {
				var videoOptions = player._getVideoOptions({
					el:elPlayer,
					autohide: 0,
					autoplay: 1,
					cc_load_policy: 1,
					color: 'white',
					controls: 0,
					disablekb: 0,
					enablejsapi: 1,
					end: 23,
					fs: 0,
					hl: 'en',
					iv_load_policy: 3,
					list: 'PLC77007E23FF423C6',
					listType: 'playlist',
					loop: 0,
					modestbranding: 1,
					origin: 'localhost',
					playerapiid: '1234abcd',
					playlist: '2EEsa_pqGAs,KFstP0C9sVk',
					playsinline: 1,
					rel: 0,
					showinfo: 0,
					start: 10,
					theme: 'light'
				});

				expect(videoOptions.playerVars).toEqual({
					autohide: 0,
					autoplay: 1,
					cc_load_policy: 1,
					color: 'white',
					controls: 0,
					disablekb: 0,
					enablejsapi: 1,
					end: 23,
					fs: 0,
					hl: 'en',
					iv_load_policy: 3,
					list: 'PLC77007E23FF423C6',
					listType: 'playlist',
					loop: 0,
					modestbranding: 1,
					origin: 'localhost',
					playerapiid: '1234abcd',
					playlist: '2EEsa_pqGAs,KFstP0C9sVk',
					playsinline: 1,
					rel: 0,
					showinfo: 0,
					start: 10,
					theme: 'light'
				});
			});
		});
	});

	describe('src', function() {
		var videoId;
		beforeEach(function() {
			videoId = 'videoId' + Date.now();
		});

		it('loads the video by specified ID from the beginning', function() {
			var result;
			player._createPlayer = function(el, options) {
				result = options.videoId;
			};
			player.player = null;
			player.initialize({ el:elPlayer, id:videoId });
			expect(result).toBe(videoId);
		});

		it('loads the video by ID that is set as `src` after ready event', function() {
			var ytPlayer = player.player;
			ytPlayer.cueVideoById = function(value) {
				player._src = value;
			};
			ytPlayer.getVideoUrl = function(value) {
				return player._src;
			};

			player.player = null;
			player.src = videoId;

			player.player = ytPlayer;
			player.onReady();

			expect(player.src).toBe(videoId);
		});
	});
});

describe('Events', function() {
	describe('on()', function() {
		it('adds a listener', function() {
			var called = 0;
			player.on('play', function() {
				called++;
			});
			player.play();
			expect(called).toBe(1);
		});

		it('returns its own', function() {
			expect(player.on('', function(){})).toBe(player);
		});
	});

	describe('off()', function() {
		var called, listener;
		beforeEach(function() {
			called = 0;
			listener = function() {
				called++;
			};
			player.on('play', listener);
		});

		it('removes a listener', function() {
			player.off('play', listener);
			player.play();
			expect(called).toBe(0);
		});

		it('returns its own', function() {
			expect(player.off('play', listener)).toBe(player);
		});
	});
});