78dbfbed49
This was already not working and would give you problems, now we explicitly mention why it fails by throwing an error
94 lines
3.1 KiB
JavaScript
94 lines
3.1 KiB
JavaScript
import { expect, fixture, html } from '@open-wc/testing';
|
|
import { OverlayController } from '../src/OverlayController.js';
|
|
import { OverlaysManager } from '../src/OverlaysManager.js';
|
|
|
|
describe('OverlaysManager', () => {
|
|
let defaultOptions;
|
|
let mngr;
|
|
|
|
beforeEach(async () => {
|
|
const contentNode = await fixture(html`<p>my content</p>`);
|
|
|
|
defaultOptions = {
|
|
placementMode: 'global',
|
|
contentNode,
|
|
};
|
|
mngr = new OverlaysManager();
|
|
});
|
|
|
|
afterEach(() => {
|
|
mngr.teardown();
|
|
});
|
|
|
|
it('provides .globalRootNode as a render target on first access', () => {
|
|
expect(document.body.querySelectorAll('.global-overlays').length).to.equal(0);
|
|
const rootNode = mngr.globalRootNode;
|
|
expect(document.body.querySelector('.global-overlays')).to.equal(rootNode);
|
|
});
|
|
|
|
it('provides .teardown() for cleanup', () => {
|
|
const rootNode = mngr.globalRootNode;
|
|
expect(document.body.querySelector('.global-overlays')).to.equal(rootNode);
|
|
expect(document.head.querySelector('[data-global-overlays=""]')).not.be.undefined;
|
|
|
|
mngr.teardown();
|
|
expect(document.body.querySelectorAll('.global-overlays').length).to.equal(0);
|
|
expect(document.head.querySelector('[data-global-overlays=""]')).be.null;
|
|
|
|
// safety check via private access (do not use this)
|
|
expect(mngr.constructor.__globalRootNode).to.be.undefined;
|
|
expect(mngr.constructor.__globalStyleNode).to.be.undefined;
|
|
});
|
|
|
|
it('can add/remove controllers', () => {
|
|
// OverlayControllers will add themselves
|
|
const dialog = new OverlayController(defaultOptions, mngr);
|
|
const popup = new OverlayController(defaultOptions, mngr);
|
|
|
|
expect(mngr.list).to.deep.equal([dialog, popup]);
|
|
|
|
mngr.remove(popup);
|
|
expect(mngr.list).to.deep.equal([dialog]);
|
|
|
|
mngr.remove(dialog);
|
|
expect(mngr.list).to.deep.equal([]);
|
|
});
|
|
|
|
it('throws if you try to add the same controller', () => {
|
|
const ctrl = new OverlayController(defaultOptions, mngr);
|
|
expect(() => mngr.add(ctrl)).to.throw('controller instance is already added');
|
|
});
|
|
|
|
it('throws if you try to remove a non existing controller', () => {
|
|
// we do not pass one our own manager so it will not be added to it
|
|
const ctrl = new OverlayController(defaultOptions);
|
|
expect(() => mngr.remove(ctrl)).to.throw('could not find controller to remove');
|
|
});
|
|
|
|
it('adds a reference to the manager to the controller', () => {
|
|
const dialog = new OverlayController(defaultOptions, mngr);
|
|
|
|
expect(dialog.manager).to.equal(mngr);
|
|
});
|
|
|
|
it('has a .shownList which is ordered based on last shown', async () => {
|
|
const dialog = new OverlayController(defaultOptions, mngr);
|
|
const dialog2 = new OverlayController(defaultOptions, mngr);
|
|
expect(mngr.shownList).to.deep.equal([]);
|
|
|
|
await dialog.show();
|
|
expect(mngr.shownList).to.deep.equal([dialog]);
|
|
|
|
await dialog2.show();
|
|
expect(mngr.shownList).to.deep.equal([dialog2, dialog]);
|
|
|
|
await dialog.show();
|
|
expect(mngr.shownList).to.deep.equal([dialog, dialog2]);
|
|
|
|
await dialog.hide();
|
|
expect(mngr.shownList).to.deep.equal([dialog2]);
|
|
|
|
await dialog2.hide();
|
|
expect(mngr.shownList).to.deep.equal([]);
|
|
});
|
|
});
|