mirror of
https://github.com/videojs/video.js.git
synced 2024-12-12 11:15:04 +02:00
9ceb4e4fe0
Use ResizeObserver when available for better and more performant resizing information, otherwise, fall back to a throttled resize event on an iframe that's the size of the player.
Allows a video.js user to disable this by setting resizeManager: false as an option since the component will not be initialized.
Add a debounce util.
This reverts #4800 (e0ed0b5) because we end up getting two playerresize events with the dimension methods now.
78 lines
2.2 KiB
JavaScript
78 lines
2.2 KiB
JavaScript
/* eslint-env qunit */
|
|
import MenuButton from '../../src/js/menu/menu-button.js';
|
|
import TestHelpers from './test-helpers.js';
|
|
import * as Events from '../../src/js/utils/events.js';
|
|
|
|
QUnit.module('MenuButton');
|
|
|
|
QUnit.test('should not throw an error when there is no children', function(assert) {
|
|
assert.expect(0);
|
|
const player = TestHelpers.makePlayer();
|
|
|
|
const menuButton = new MenuButton(player);
|
|
const el = menuButton.el();
|
|
|
|
try {
|
|
Events.trigger(el, 'click');
|
|
} catch (error) {
|
|
assert.ok(!error, 'click should not throw anything');
|
|
}
|
|
|
|
player.dispose();
|
|
});
|
|
|
|
QUnit.test('should place title list item into ul', function(assert) {
|
|
const player = TestHelpers.makePlayer();
|
|
|
|
const menuButton = new MenuButton(player, {
|
|
title: 'testTitle'
|
|
});
|
|
|
|
const menuContentElement = menuButton.el().getElementsByTagName('UL')[0];
|
|
const titleElement = menuContentElement.children[0];
|
|
|
|
assert.ok(titleElement.innerHTML === 'TestTitle', 'title element placed in ul');
|
|
|
|
menuButton.dispose();
|
|
player.dispose();
|
|
});
|
|
|
|
QUnit.test('clicking should display the menu', function(assert) {
|
|
assert.expect(6);
|
|
|
|
const player = TestHelpers.makePlayer();
|
|
|
|
// Make sure there's some content in the menu, even if it's just a title!
|
|
const menuButton = new MenuButton(player, {
|
|
title: 'testTitle'
|
|
});
|
|
const el = menuButton.menuButton_.el();
|
|
|
|
assert.ok(menuButton.menu !== undefined, 'menu is created');
|
|
|
|
assert.equal(menuButton.menu.hasClass('vjs-lock-showing'), false, 'menu defaults to hidden');
|
|
|
|
Events.trigger(el, 'click');
|
|
|
|
assert.equal(menuButton.menu.hasClass('vjs-lock-showing'), true, 'clicking on the menu button shows the menu');
|
|
|
|
Events.trigger(el, 'click');
|
|
|
|
assert.equal(menuButton.menu.hasClass('vjs-lock-showing'), false, 'clicking again on the menu button hides the menu');
|
|
|
|
menuButton.disable();
|
|
|
|
Events.trigger(el, 'click');
|
|
|
|
assert.equal(menuButton.menu.hasClass('vjs-lock-showing'), false, 'disable() prevents clicking from showing the menu');
|
|
|
|
menuButton.enable();
|
|
|
|
Events.trigger(el, 'click');
|
|
|
|
assert.equal(menuButton.menu.hasClass('vjs-lock-showing'), true, 'enable() allows clicking to show the menu');
|
|
|
|
menuButton.dispose();
|
|
player.dispose();
|
|
});
|