import { expect, fixture, html } from '@open-wc/testing'; import '../lion-popup.js'; describe('lion-popup', () => { describe('Basic', () => { it('should not be shown by default', async () => { const el = await fixture(html` Popup button `); expect(el._overlayCtrl.isShown).to.be.false; }); it('should toggle to show content on click', async () => { const el = await fixture(html` Popup button `); const invoker = el.querySelector('[slot="invoker"]'); invoker.click(); await el.updateComplete; expect(el._overlayCtrl.isShown).to.be.true; invoker.click(); await el.updateComplete; expect(el._overlayCtrl.isShown).to.be.false; }); it('should support popup containing html when specified in popup content body', async () => { const el = await fixture(html`
This is Popup using overlay
Popup button
`); const invoker = el.querySelector('[slot="invoker"]'); const event = new Event('click'); invoker.dispatchEvent(event); await el.updateComplete; expect(el.querySelector('strong')).to.not.be.undefined; }); it('should respond to dynamically changing the popperConfig', async () => { const el = await fixture(html` Popup button `); await el._overlayCtrl.show(); expect(el._overlayCtrl._popper.options.placement).to.equal('top'); el.popperConfig = { placement: 'left' }; await el._overlayCtrl.show(); expect(el._overlayCtrl._popper.options.placement).to.equal('left'); }); }); });