summaryrefslogtreecommitdiff
path: root/javascript/videojs/test/unit/poster.test.js
diff options
context:
space:
mode:
Diffstat (limited to 'javascript/videojs/test/unit/poster.test.js')
-rw-r--r--javascript/videojs/test/unit/poster.test.js108
1 files changed, 0 insertions, 108 deletions
diff --git a/javascript/videojs/test/unit/poster.test.js b/javascript/videojs/test/unit/poster.test.js
deleted file mode 100644
index ff81124..0000000
--- a/javascript/videojs/test/unit/poster.test.js
+++ /dev/null
@@ -1,108 +0,0 @@
-/* eslint-env qunit */
-import PosterImage from '../../src/js/poster-image.js';
-import TestHelpers from './test-helpers.js';
-import document from 'global/document';
-
-QUnit.module('PosterImage', {
- beforeEach() {
- // Store the original background support so we can test different vals
- this.poster1 = '#poster1';
- this.poster2 = '#poster2';
-
- this.mockPlayer = TestHelpers.makePlayer({
- poster: this.poster1
- });
- },
- afterEach() {}
-});
-
-QUnit.test('should create and update a poster image', function(assert) {
- const posterImage = new PosterImage(this.mockPlayer);
- let pictureImg = posterImage.$('img').src;
-
- assert.notEqual(pictureImg.indexOf(this.poster1), -1, 'Background image used');
-
- // Update with a new poster source and check the new value
- this.mockPlayer.poster_ = this.poster2;
- this.mockPlayer.trigger('posterchange');
- pictureImg = posterImage.$('img').src;
- assert.notEqual(pictureImg.indexOf(this.poster2), -1, 'Background image updated');
-
- posterImage.dispose();
-});
-
-QUnit.test('should mirror crossOrigin', function(assert) {
- assert.strictEqual(this.mockPlayer.posterImage.$('img').crossOrigin, null, 'crossOrigin not set when not present in options');
- assert.strictEqual(this.mockPlayer.posterImage.crossOrigin(), null, 'crossOrigin not set from getter when not present in options');
-
- this.mockPlayer.crossOrigin('anonymous');
-
- assert.strictEqual(this.mockPlayer.posterImage.$('img').crossOrigin, 'anonymous', 'crossOrigin updated');
- assert.strictEqual(this.mockPlayer.posterImage.crossOrigin(), 'anonymous', 'crossOrigin getter returns updated value');
-
-});
-
-QUnit.test('should populate an alt attribute', function(assert) {
- const posterImage = new PosterImage(this.mockPlayer);
-
- assert.ok(posterImage.$('img').hasAttribute('alt'), 'img has alt atttribute');
-});
-
-QUnit.test('should remove itself from the document flow when there is no poster', function(assert) {
- const posterImage = new PosterImage(this.mockPlayer);
-
- assert.equal(posterImage.el().style.display, '', 'Poster image shows by default');
-
- // Update with an empty string
- this.mockPlayer.poster_ = '';
- this.mockPlayer.trigger('posterchange');
- assert.equal(
- posterImage.hasClass('vjs-hidden'),
- true,
- 'Poster image hides with an empty source'
- );
- assert.equal(posterImage.$('img'), null, 'Poster image with no source has no img el');
-
- // Updated with a valid source
- this.mockPlayer.poster_ = this.poster2;
- this.mockPlayer.trigger('posterchange');
- assert.equal(
- posterImage.hasClass('vjs-hidden'),
- false,
- 'Poster image shows again when there is a source'
- );
- assert.ok(posterImage.$('img'), 'Poster image with source restores img el');
-
- posterImage.dispose();
-});
-
-QUnit.test('should hide the poster in the appropriate player states', function(assert) {
- const posterImage = new PosterImage(this.mockPlayer);
- const playerDiv = document.createElement('div');
- const fixture = document.getElementById('qunit-fixture');
- const el = posterImage.el();
-
- // Remove the source so when we add to the DOM it doesn't throw an error
- // We want to poster to still think it has a real source so it doesn't hide itself
- posterImage.setSrc('');
-
- // Add the elements to the DOM so styles are computed
- playerDiv.appendChild(el);
- fixture.appendChild(playerDiv);
-
- playerDiv.className = 'video-js vjs-has-started';
- assert.equal(
- TestHelpers.getComputedStyle(el, 'display'),
- 'none',
- 'The poster hides when the video has started (CSS may not be loaded)'
- );
-
- playerDiv.className = 'video-js vjs-has-started vjs-audio';
- assert.equal(
- TestHelpers.getComputedStyle(el, 'display'),
- 'block',
- 'The poster continues to show when playing audio'
- );
-
- posterImage.dispose();
-});