diff options
Diffstat (limited to 'javascript/videojs/test/unit/player-breakpoints.test.js')
| -rw-r--r-- | javascript/videojs/test/unit/player-breakpoints.test.js | 107 |
1 files changed, 0 insertions, 107 deletions
diff --git a/javascript/videojs/test/unit/player-breakpoints.test.js b/javascript/videojs/test/unit/player-breakpoints.test.js deleted file mode 100644 index 06b311e..0000000 --- a/javascript/videojs/test/unit/player-breakpoints.test.js +++ /dev/null @@ -1,107 +0,0 @@ -/* eslint-env qunit */ -import sinon from 'sinon'; -import TestHelpers from './test-helpers'; - -const getExpectedBreakpoints = (o) => Object.assign({}, { - tiny: 210, - xsmall: 320, - small: 425, - medium: 768, - large: 1440, - xlarge: 2560, - huge: Infinity -}, o); - -QUnit.module('Player: Breakpoints', { - - beforeEach() { - this.clock = sinon.useFakeTimers(); - this.player = TestHelpers.makePlayer({}); - }, - - afterEach() { - this.player.dispose(); - this.clock.restore(); - } -}); - -QUnit.test('breakpoints are disabled by default', function(assert) { - assert.deepEqual(this.player.breakpoints(), getExpectedBreakpoints(), 'default breakpoints defined'); - assert.notOk(this.player.responsive(), 'player is not responsive'); - assert.strictEqual(this.player.currentBreakpoint(), '', 'no current breakpoint set'); - assert.strictEqual(this.player.currentBreakpointClass(), '', 'no current breakpoint set'); -}); - -QUnit.test('enabling responsive mode', function(assert) { - this.player.responsive(true); - - assert.ok(this.player.responsive(), 'player is responsive'); - - // Player should be 300x150 by default. - assert.strictEqual(this.player.currentBreakpoint(), 'xsmall', 'current breakpoint set'); - assert.strictEqual(this.player.currentBreakpointClass(), 'vjs-layout-x-small', 'current breakpoint set'); -}); - -QUnit.test('setting custom breakpoints and enabling responsive mode', function(assert) { - this.player.breakpoints({tiny: 300}); - this.player.responsive(true); - - assert.deepEqual(this.player.breakpoints(), getExpectedBreakpoints({tiny: 300}), 'breakpoints defined'); - - // Player should be 300x150 by default. - assert.strictEqual(this.player.currentBreakpoint(), 'tiny', 'current breakpoint set'); - assert.strictEqual(this.player.currentBreakpointClass(), 'vjs-layout-tiny', 'current breakpoint set'); -}); - -QUnit.test('setting breakpoints/responsive via option', function(assert) { - const player = TestHelpers.makePlayer({breakpoints: {tiny: 300}, responsive: true}); - - assert.deepEqual(player.breakpoints(), getExpectedBreakpoints({tiny: 300}), 'breakpoints defined'); - - // Player should be 300x150 by default. - assert.strictEqual(player.currentBreakpoint(), 'tiny', 'current breakpoint set'); - assert.strictEqual(player.currentBreakpointClass(), 'vjs-layout-tiny', 'current breakpoint set'); - player.dispose(); -}); - -QUnit.test('changing the player size triggers breakpoints', function(assert) { - let currentWidth; - - this.player.responsive(true); - this.player.currentWidth = () => currentWidth; - - currentWidth = 200; - this.player.trigger('playerresize'); - assert.strictEqual(this.player.currentBreakpoint(), 'tiny', 'current breakpoint is correct'); - assert.strictEqual(this.player.currentBreakpointClass(), 'vjs-layout-tiny', 'current breakpoint set'); - - currentWidth = 300; - this.player.trigger('playerresize'); - assert.strictEqual(this.player.currentBreakpoint(), 'xsmall', 'current breakpoint is correct'); - assert.strictEqual(this.player.currentBreakpointClass(), 'vjs-layout-x-small', 'current breakpoint set'); - - currentWidth = 400; - this.player.trigger('playerresize'); - assert.strictEqual(this.player.currentBreakpoint(), 'small', 'current breakpoint is correct'); - assert.strictEqual(this.player.currentBreakpointClass(), 'vjs-layout-small', 'current breakpoint set'); - - currentWidth = 600; - this.player.trigger('playerresize'); - assert.strictEqual(this.player.currentBreakpoint(), 'medium', 'current breakpoint is correct'); - assert.strictEqual(this.player.currentBreakpointClass(), 'vjs-layout-medium', 'current breakpoint set'); - - currentWidth = 900; - this.player.trigger('playerresize'); - assert.strictEqual(this.player.currentBreakpoint(), 'large', 'current breakpoint is correct'); - assert.strictEqual(this.player.currentBreakpointClass(), 'vjs-layout-large', 'current breakpoint set'); - - currentWidth = 1600; - this.player.trigger('playerresize'); - assert.strictEqual(this.player.currentBreakpoint(), 'xlarge', 'current breakpoint is correct'); - assert.strictEqual(this.player.currentBreakpointClass(), 'vjs-layout-x-large', 'current breakpoint set'); - - currentWidth = 3000; - this.player.trigger('playerresize'); - assert.strictEqual(this.player.currentBreakpoint(), 'huge', 'current breakpoint is correct'); - assert.strictEqual(this.player.currentBreakpointClass(), 'vjs-layout-huge', 'current breakpoint set'); -}); |
