summaryrefslogtreecommitdiff
path: root/javascript/videojs/test/unit/title-bar.test.js
diff options
context:
space:
mode:
Diffstat (limited to 'javascript/videojs/test/unit/title-bar.test.js')
-rw-r--r--javascript/videojs/test/unit/title-bar.test.js181
1 files changed, 0 insertions, 181 deletions
diff --git a/javascript/videojs/test/unit/title-bar.test.js b/javascript/videojs/test/unit/title-bar.test.js
deleted file mode 100644
index 9413b04..0000000
--- a/javascript/videojs/test/unit/title-bar.test.js
+++ /dev/null
@@ -1,181 +0,0 @@
-/* eslint-env qunit */
-import sinon from 'sinon';
-import * as Dom from '../../src/js/utils/dom.js';
-import TitleBar from '../../src/js/title-bar.js';
-import TestHelpers from './test-helpers.js';
-
-QUnit.module('TitleBar', {
- beforeEach() {
- this.clock = sinon.useFakeTimers();
- this.player = TestHelpers.makePlayer();
-
- // Tick forward to make the player ready.
- this.clock.tick(1);
- },
- afterEach() {
- this.player.dispose();
- this.player = null;
- this.clock.restore();
- }
-});
-
-QUnit.test('has the expected DOM structure and pointers', function(assert) {
- const titleBar = new TitleBar(this.player);
- const el = titleBar.el();
-
- assert.ok(Dom.hasClass(el, 'vjs-title-bar'), 'TitleBar element has the expected class');
- assert.ok(Dom.hasClass(el, 'vjs-hidden'), 'TitleBar element has the expected class');
- assert.strictEqual(el.children[0], titleBar.els.title, 'TitleBar title element is first child');
- assert.strictEqual(el.children[1], titleBar.els.description, 'TitleBar description element is first child');
- assert.ok(Dom.hasClass(titleBar.els.title, 'vjs-title-bar-title'), 'TitleBar title element has expected class');
- assert.ok(Dom.hasClass(titleBar.els.description, 'vjs-title-bar-description'), 'TitleBar description element has expected class');
-});
-
-QUnit.test('setting title and description', function(assert) {
- const titleBar = new TitleBar(this.player);
-
- titleBar.update({
- title: 'test title',
- description: 'test description'
- });
-
- assert.notOk(titleBar.hasClass('vjs-hidden'), 'TitleBar is visible if not empty');
- assert.strictEqual(titleBar.els.title.textContent, 'test title', 'TitleBar title element has expected content');
- assert.strictEqual(titleBar.els.description.textContent, 'test description', 'TitleBar description element has expected content');
-
- const techEl = this.player.tech_.el_;
-
- assert.strictEqual(techEl.getAttribute('aria-labelledby'), titleBar.els.title.id, 'tech aria-labelledby matches TitleBar title element');
- assert.strictEqual(techEl.getAttribute('aria-describedby'), titleBar.els.description.id, 'tech aria-describedby matches TitleBar description element');
-});
-
-QUnit.test('updating title only', function(assert) {
- const titleBar = new TitleBar(this.player);
-
- titleBar.update({
- title: 'test title',
- description: 'test description'
- });
-
- titleBar.update({
- title: 'test title two'
- });
-
- assert.notOk(titleBar.hasClass('vjs-hidden'), 'TitleBar is visible if not empty');
- assert.strictEqual(titleBar.els.title.textContent, 'test title two', 'TitleBar title element has expected content');
- assert.strictEqual(titleBar.els.description.textContent, 'test description', 'TitleBar description element has expected content');
-
- const techEl = this.player.tech_.el_;
-
- assert.strictEqual(techEl.getAttribute('aria-labelledby'), titleBar.els.title.id, 'tech aria-labelledby matches TitleBar title element');
- assert.strictEqual(techEl.getAttribute('aria-describedby'), titleBar.els.description.id, 'tech aria-describedby matches TitleBar description element');
-});
-
-QUnit.test('updating description only', function(assert) {
- const titleBar = new TitleBar(this.player);
-
- titleBar.update({
- title: 'test title',
- description: 'test description'
- });
-
- titleBar.update({
- description: 'test description two'
- });
-
- assert.notOk(titleBar.hasClass('vjs-hidden'), 'TitleBar is visible if not empty');
- assert.strictEqual(titleBar.els.title.textContent, 'test title', 'TitleBar title element has no content');
- assert.strictEqual(titleBar.els.description.textContent, 'test description two', 'TitleBar description element has expected content');
-
- const techEl = this.player.tech_.el_;
-
- assert.strictEqual(techEl.getAttribute('aria-labelledby'), titleBar.els.title.id, 'tech aria-labelledby matches TitleBar title element');
- assert.strictEqual(techEl.getAttribute('aria-describedby'), titleBar.els.description.id, 'tech aria-describedby matches TitleBar description element');
-});
-
-QUnit.test('removing title and description', function(assert) {
- const titleBar = new TitleBar(this.player);
-
- titleBar.update({
- title: 'test title',
- description: 'test description'
- });
-
- titleBar.update({
- title: '',
- description: ''
- });
-
- assert.ok(titleBar.hasClass('vjs-hidden'), 'TitleBar is hidden');
- assert.strictEqual(titleBar.els.title.textContent, '', 'TitleBar title element has no content');
- assert.strictEqual(titleBar.els.description.textContent, '', 'TitleBar description element has no content');
-
- const techEl = this.player.tech_.el_;
-
- assert.notOk(techEl.hasAttribute('aria-labelledby'), 'tech aria-labelledby does not exist');
- assert.notOk(techEl.hasAttribute('aria-describedby'), 'tech aria-describedby does not exist');
-});
-
-QUnit.test('removing title only', function(assert) {
- const titleBar = new TitleBar(this.player);
-
- titleBar.update({
- title: 'test title',
- description: 'test description'
- });
-
- titleBar.update({
- title: ''
- });
-
- assert.notOk(titleBar.hasClass('vjs-hidden'), 'TitleBar is visible if not empty');
- assert.strictEqual(titleBar.els.title.textContent, '', 'TitleBar title element has no content');
- assert.strictEqual(titleBar.els.description.textContent, 'test description', 'TitleBar description element has expected content');
-
- const techEl = this.player.tech_.el_;
-
- assert.notOk(techEl.hasAttribute('aria-labelledby'), 'tech aria-labelledby does not exist');
- assert.strictEqual(techEl.getAttribute('aria-describedby'), titleBar.els.description.id, 'tech aria-describedby matches TitleBar description element');
-});
-
-QUnit.test('removing description only', function(assert) {
- const titleBar = new TitleBar(this.player);
-
- titleBar.update({
- title: 'test title',
- description: 'test description'
- });
-
- titleBar.update({
- description: ''
- });
-
- assert.notOk(titleBar.hasClass('vjs-hidden'), 'TitleBar is visible if not empty');
- assert.strictEqual(titleBar.els.title.textContent, 'test title', 'TitleBar title element has no content');
- assert.strictEqual(titleBar.els.description.textContent, '', 'TitleBar description element has no content');
-
- const techEl = this.player.tech_.el_;
-
- assert.strictEqual(techEl.getAttribute('aria-labelledby'), titleBar.els.title.id, 'tech aria-labelledby matches TitleBar title element');
- assert.notOk(techEl.hasAttribute('aria-describedby'), 'tech aria-describedby does not exist');
-});
-
-QUnit.test('disposing removes aria attributes on the tech and removes child DOM refs', function(assert) {
- const titleBar = new TitleBar(this.player);
-
- titleBar.update({
- title: 'test title',
- description: 'test description'
- });
-
- const techEl = this.player.tech_.el_;
-
- assert.ok(techEl.hasAttribute('aria-labelledby'), 'tech aria-labelledby is set');
- assert.ok(techEl.hasAttribute('aria-describedby'), 'tech aria-describedby is set');
-
- titleBar.dispose();
-
- assert.notOk(techEl.hasAttribute('aria-labelledby'), 'tech aria-labelledby is not set');
- assert.notOk(techEl.hasAttribute('aria-describedby'), 'tech aria-describedby is not set');
- assert.notOk(titleBar.els, 'els object is is nulled');
-});