diff options
Diffstat (limited to 'javascript/videojs/test/unit/poster.test.js')
| -rw-r--r-- | javascript/videojs/test/unit/poster.test.js | 108 |
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(); -}); |
