@internetarchive/modal-manager 0.2.8 → 0.2.9-alpha.2

package/dist/test/modal-manager.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal-manager.test.js","sourceRoot":"","sources":["../../test/modal-manager.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { fixture, expect, oneEvent, elementUpdated } from '@open-wc/testing';\nimport { html } from 'lit';\n\nimport '../src/modal-manager';\nimport { ModalConfig } from '../src/modal-config';\nimport { ModalManager } from '../src/modal-manager';\nimport { ModalManagerMode } from '../src/modal-manager-mode';\nimport { ModalManagerInterface } from '../src/modal-manager-interface';\n\ndescribe('Modal Manager', () => {\n  it('defaults to closed', async () => {\n    const el = (await fixture(html`\n      <modal-manager></modal-manager>\n    `)) as ModalManager;\n\n    expect(el.mode).to.equal('closed');\n  });\n\n  it('can be closed by calling closeModal', async () => {\n    const el = (await fixture(html`\n      <modal-manager .mode=${ModalManagerMode.Open}></modal-manager>\n    `)) as ModalManager;\n\n    el.closeModal();\n    await elementUpdated(el);\n\n    expect(el.mode).to.equal('closed');\n  });\n\n  it('can be closed by clicking on the backdrop', async () => {\n    const el = (await fixture(html`\n      <modal-manager .mode=${ModalManagerMode.Open}></modal-manager>\n    `)) as ModalManager;\n\n    const backdrop = el.shadowRoot?.querySelector('.backdrop');\n    const clickEvent = new MouseEvent('click');\n\n    backdrop?.dispatchEvent(clickEvent);\n    await elementUpdated(el);\n\n    expect(el.mode).to.equal('closed');\n  });\n\n  it('emits a modeChanged event when opening', async () => {\n    const el = (await fixture(html`\n      <modal-manager></modal-manager>\n    `)) as ModalManager;\n\n    const config = new ModalConfig();\n\n    setTimeout(() => {\n      el.showModal({ config });\n    });\n    const response = await oneEvent(el, 'modeChanged');\n    expect(response.detail.mode).to.equal(ModalManagerMode.Open);\n  });\n\n  it('emits a modeChanged event when closing', async () => {\n    const el = (await fixture(html`\n      <modal-manager></modal-manager>\n    `)) as ModalManager;\n\n    const config = new ModalConfig();\n    el.showModal({ config });\n    await elementUpdated(el);\n\n    setTimeout(() => {\n      el.closeModal();\n    });\n    const response = await oneEvent(el, 'modeChanged');\n    expect(response.detail.mode).to.equal(ModalManagerMode.Closed);\n  });\n\n  it('can show a modal', async () => {\n    const el = (await fixture(html`\n      <modal-manager></modal-manager>\n    `)) as ModalManager;\n\n    const config = new ModalConfig();\n    el.showModal({ config });\n    await elementUpdated(el);\n    expect(el.mode).to.equal(ModalManagerMode.Open);\n  });\n\n  it('sets the --containerHeight CSS property when the window resizes', async () => {\n    const el = (await fixture(html`\n      <modal-manager></modal-manager>\n    `)) as ModalManager;\n\n    const config = new ModalConfig();\n    el.showModal({ config });\n    await elementUpdated(el);\n    const event = new Event('resize');\n    const propBefore = el.style.getPropertyValue('--containerHeight');\n    expect(propBefore).to.equal('');\n    window.dispatchEvent(event);\n    await elementUpdated(el);\n    const propAfter = el.style.getPropertyValue('--containerHeight');\n    expect(propAfter).to.not.equal('');\n  });\n\n  it('calls the userClosedModalCallback when the user taps the backdrop', async () => {\n    const el = (await fixture(html`\n      <modal-manager></modal-manager>\n    `)) as ModalManager;\n\n    const config = new ModalConfig();\n    let callbackCalled = false;\n    const callback = (): void => {\n      callbackCalled = true;\n    };\n    el.showModal({\n      config,\n      userClosedModalCallback: callback,\n    });\n    await elementUpdated(el);\n\n    const backdrop = el.shadowRoot?.querySelector('.backdrop');\n    const clickEvent = new MouseEvent('click');\n    backdrop?.dispatchEvent(clickEvent);\n\n    await elementUpdated(el);\n\n    expect(callbackCalled).to.equal(true);\n  });\n\n  it('does not call the userClosedModalCallback when the modal just closes', async () => {\n    const el = (await fixture(html`\n      <modal-manager></modal-manager>\n    `)) as ModalManager;\n\n    const config = new ModalConfig();\n    let callbackCalled = false;\n    const callback = (): void => {\n      callbackCalled = true;\n    };\n    el.showModal({\n      config,\n      userClosedModalCallback: callback,\n    });\n    await elementUpdated(el);\n    el.closeModal();\n    await elementUpdated(el);\n    expect(callbackCalled).to.equal(false);\n  });\n\n  it('calls the userClosedModalCallback when the user taps the backdrop', async () => {\n    const el = (await fixture(html`\n      <modal-manager></modal-manager>\n    `)) as ModalManager;\n\n    const config = new ModalConfig();\n    let callbackCalled = false;\n    const callback = (): void => {\n      callbackCalled = true;\n    };\n    el.showModal({\n      config,\n      userClosedModalCallback: callback,\n    });\n    await elementUpdated(el);\n\n    const modal = el.shadowRoot?.querySelector('modal-template');\n    const closeButton = modal?.shadowRoot?.querySelector('.close-button');\n    const clickEvent = new MouseEvent('click');\n    closeButton?.dispatchEvent(clickEvent);\n\n    await elementUpdated(el);\n\n    expect(callbackCalled).to.equal(true);\n  });\n\n  it('mode is set to closed when close button is pressed', async () => {\n    const el = (await fixture(html`\n      <modal-manager></modal-manager>\n    `)) as ModalManager;\n\n    const config = new ModalConfig();\n    el.showModal({ config });\n    await elementUpdated(el);\n\n    expect(el.mode).to.equal('open');\n\n    const modal = el.shadowRoot?.querySelector('modal-template');\n    const closeButton = modal?.shadowRoot?.querySelector('.close-button');\n    const clickEvent = new MouseEvent('click');\n    closeButton?.dispatchEvent(clickEvent);\n\n    await elementUpdated(el);\n\n    expect(el.mode).to.equal('closed');\n  });\n\n  it('allows the user to close by clicking on the backdrop if configured to', async () => {\n    const el = (await fixture(html`\n      <modal-manager></modal-manager>\n    `)) as ModalManager;\n\n    const config = new ModalConfig();\n    config.closeOnBackdropClick = true;\n    el.showModal({ config });\n    await elementUpdated(el);\n\n    const backdrop = el.shadowRoot?.querySelector('.backdrop');\n    const clickEvent = new MouseEvent('click');\n    backdrop?.dispatchEvent(clickEvent);\n\n    await elementUpdated(el);\n\n    expect(el.mode).to.equal('closed');\n  });\n\n  it(\"dont't allow the user to close by clicking on the backdrop if configured to\", async () => {\n    const el = (await fixture(html`\n      <modal-manager></modal-manager>\n    `)) as ModalManagerInterface;\n\n    const config = new ModalConfig();\n    config.closeOnBackdropClick = false;\n    el.showModal({ config });\n    await elementUpdated(el);\n\n    const backdrop = el.shadowRoot?.querySelector('.backdrop');\n    const clickEvent = new MouseEvent('click');\n    backdrop?.dispatchEvent(clickEvent);\n\n    await elementUpdated(el);\n\n    expect(el.getMode()).to.equal('open');\n  });\n\n  it('ia logo should not visible on modal', async () => {\n    const el = (await fixture(html`\n      <modal-manager></modal-manager>\n    `)) as ModalManagerInterface;\n\n    const config = new ModalConfig();\n    config.showHeaderLogo = false;\n    el.showModal({ config });\n    await elementUpdated(el);\n\n    const logoIcon = el.shadowRoot?.querySelector('.logo-icon');\n    expect(logoIcon).to.not.exist;\n  });\n});\n"]}
+{"version":3,"file":"modal-manager.test.js","sourceRoot":"","sources":["../../test/modal-manager.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { fixture, expect, oneEvent, elementUpdated } from '@open-wc/testing';\r\nimport { html } from 'lit';\r\n\r\nimport '../src/modal-manager';\r\nimport { ModalConfig } from '../src/modal-config';\r\nimport { ModalManager } from '../src/modal-manager';\r\nimport { ModalManagerMode } from '../src/modal-manager-mode';\r\nimport { ModalManagerInterface } from '../src/modal-manager-interface';\r\n\r\ndescribe('Modal Manager', () => {\r\n  it('defaults to closed', async () => {\r\n    const el = (await fixture(html`\r\n      <modal-manager></modal-manager>\r\n    `)) as ModalManager;\r\n\r\n    expect(el.mode).to.equal('closed');\r\n  });\r\n\r\n  it('can be closed by calling closeModal', async () => {\r\n    const el = (await fixture(html`\r\n      <modal-manager .mode=${ModalManagerMode.Open}></modal-manager>\r\n    `)) as ModalManager;\r\n\r\n    el.closeModal();\r\n    await elementUpdated(el);\r\n\r\n    expect(el.mode).to.equal('closed');\r\n  });\r\n\r\n  it('can be closed by clicking on the backdrop', async () => {\r\n    const el = (await fixture(html`\r\n      <modal-manager .mode=${ModalManagerMode.Open}></modal-manager>\r\n    `)) as ModalManager;\r\n\r\n    const backdrop = el.shadowRoot?.querySelector('.backdrop');\r\n    const clickEvent = new MouseEvent('click');\r\n\r\n    backdrop?.dispatchEvent(clickEvent);\r\n    await elementUpdated(el);\r\n\r\n    expect(el.mode).to.equal('closed');\r\n  });\r\n\r\n  it('emits a modeChanged event when opening', async () => {\r\n    const el = (await fixture(html`\r\n      <modal-manager></modal-manager>\r\n    `)) as ModalManager;\r\n\r\n    const config = new ModalConfig();\r\n\r\n    setTimeout(() => {\r\n      el.showModal({ config });\r\n    });\r\n    const response = await oneEvent(el, 'modeChanged');\r\n    expect(response.detail.mode).to.equal(ModalManagerMode.Open);\r\n  });\r\n\r\n  it('emits a modeChanged event when closing', async () => {\r\n    const el = (await fixture(html`\r\n      <modal-manager></modal-manager>\r\n    `)) as ModalManager;\r\n\r\n    const config = new ModalConfig();\r\n    el.showModal({ config });\r\n    await elementUpdated(el);\r\n\r\n    setTimeout(() => {\r\n      el.closeModal();\r\n    });\r\n    const response = await oneEvent(el, 'modeChanged');\r\n    expect(response.detail.mode).to.equal(ModalManagerMode.Closed);\r\n  });\r\n\r\n  it('can show a modal', async () => {\r\n    const el = (await fixture(html`\r\n      <modal-manager></modal-manager>\r\n    `)) as ModalManager;\r\n\r\n    const config = new ModalConfig();\r\n    el.showModal({ config });\r\n    await elementUpdated(el);\r\n    expect(el.mode).to.equal(ModalManagerMode.Open);\r\n  });\r\n\r\n  it('sets the --containerHeight CSS property when the window resizes', async () => {\r\n    const el = (await fixture(html`\r\n      <modal-manager></modal-manager>\r\n    `)) as ModalManager;\r\n\r\n    const config = new ModalConfig();\r\n    el.showModal({ config });\r\n    await elementUpdated(el);\r\n    const event = new Event('resize');\r\n    const propBefore = el.style.getPropertyValue('--containerHeight');\r\n    expect(propBefore).to.equal('');\r\n    window.dispatchEvent(event);\r\n    await elementUpdated(el);\r\n    const propAfter = el.style.getPropertyValue('--containerHeight');\r\n    expect(propAfter).to.not.equal('');\r\n  });\r\n\r\n  it('calls the userClosedModalCallback when the user taps the backdrop', async () => {\r\n    const el = (await fixture(html`\r\n      <modal-manager></modal-manager>\r\n    `)) as ModalManager;\r\n\r\n    const config = new ModalConfig();\r\n    let callbackCalled = false;\r\n    const callback = (): void => {\r\n      callbackCalled = true;\r\n    };\r\n    el.showModal({\r\n      config,\r\n      userClosedModalCallback: callback,\r\n    });\r\n    await elementUpdated(el);\r\n\r\n    const backdrop = el.shadowRoot?.querySelector('.backdrop');\r\n    const clickEvent = new MouseEvent('click');\r\n    backdrop?.dispatchEvent(clickEvent);\r\n\r\n    await elementUpdated(el);\r\n\r\n    expect(callbackCalled).to.equal(true);\r\n  });\r\n\r\n  it('does not call the userClosedModalCallback when the modal just closes', async () => {\r\n    const el = (await fixture(html`\r\n      <modal-manager></modal-manager>\r\n    `)) as ModalManager;\r\n\r\n    const config = new ModalConfig();\r\n    let callbackCalled = false;\r\n    const callback = (): void => {\r\n      callbackCalled = true;\r\n    };\r\n    el.showModal({\r\n      config,\r\n      userClosedModalCallback: callback,\r\n    });\r\n    await elementUpdated(el);\r\n    el.closeModal();\r\n    await elementUpdated(el);\r\n    expect(callbackCalled).to.equal(false);\r\n  });\r\n\r\n  it('calls the userClosedModalCallback when the user taps the backdrop', async () => {\r\n    const el = (await fixture(html`\r\n      <modal-manager></modal-manager>\r\n    `)) as ModalManager;\r\n\r\n    const config = new ModalConfig();\r\n    let callbackCalled = false;\r\n    const callback = (): void => {\r\n      callbackCalled = true;\r\n    };\r\n    el.showModal({\r\n      config,\r\n      userClosedModalCallback: callback,\r\n    });\r\n    await elementUpdated(el);\r\n\r\n    const modal = el.shadowRoot?.querySelector('modal-template');\r\n    const closeButton = modal?.shadowRoot?.querySelector('.close-button');\r\n    const clickEvent = new MouseEvent('click');\r\n    closeButton?.dispatchEvent(clickEvent);\r\n\r\n    await elementUpdated(el);\r\n\r\n    expect(callbackCalled).to.equal(true);\r\n  });\r\n\r\n  it('mode is set to closed when close button is pressed', async () => {\r\n    const el = (await fixture(html`\r\n      <modal-manager></modal-manager>\r\n    `)) as ModalManager;\r\n\r\n    const config = new ModalConfig();\r\n    el.showModal({ config });\r\n    await elementUpdated(el);\r\n\r\n    expect(el.mode).to.equal('open');\r\n\r\n    const modal = el.shadowRoot?.querySelector('modal-template');\r\n    const closeButton = modal?.shadowRoot?.querySelector('.close-button');\r\n    const clickEvent = new MouseEvent('click');\r\n    closeButton?.dispatchEvent(clickEvent);\r\n\r\n    await elementUpdated(el);\r\n\r\n    expect(el.mode).to.equal('closed');\r\n  });\r\n\r\n  it('allows the user to close by clicking on the backdrop if configured to', async () => {\r\n    const el = (await fixture(html`\r\n      <modal-manager></modal-manager>\r\n    `)) as ModalManager;\r\n\r\n    const config = new ModalConfig();\r\n    config.closeOnBackdropClick = true;\r\n    el.showModal({ config });\r\n    await elementUpdated(el);\r\n\r\n    const backdrop = el.shadowRoot?.querySelector('.backdrop');\r\n    const clickEvent = new MouseEvent('click');\r\n    backdrop?.dispatchEvent(clickEvent);\r\n\r\n    await elementUpdated(el);\r\n\r\n    expect(el.mode).to.equal('closed');\r\n  });\r\n\r\n  it(\"dont't allow the user to close by clicking on the backdrop if configured to\", async () => {\r\n    const el = (await fixture(html`\r\n      <modal-manager></modal-manager>\r\n    `)) as ModalManagerInterface;\r\n\r\n    const config = new ModalConfig();\r\n    config.closeOnBackdropClick = false;\r\n    el.showModal({ config });\r\n    await elementUpdated(el);\r\n\r\n    const backdrop = el.shadowRoot?.querySelector('.backdrop');\r\n    const clickEvent = new MouseEvent('click');\r\n    backdrop?.dispatchEvent(clickEvent);\r\n\r\n    await elementUpdated(el);\r\n\r\n    expect(el.getMode()).to.equal('open');\r\n  });\r\n\r\n  it('ia logo should not visible on modal', async () => {\r\n    const el = (await fixture(html`\r\n      <modal-manager></modal-manager>\r\n    `)) as ModalManagerInterface;\r\n\r\n    const config = new ModalConfig();\r\n    config.showHeaderLogo = false;\r\n    el.showModal({ config });\r\n    await elementUpdated(el);\r\n\r\n    const logoIcon = el.shadowRoot?.querySelector('.logo-icon');\r\n    expect(logoIcon).to.not.exist;\r\n  });\r\n});\r\n"]}

package/dist/test/modal-template.test.d.ts

@@ -1 +1 @@
-import '../src/modal-template';
+import '../src/modal-template';

package/dist/test/modal-template.test.js

@@ -1,96 +1,96 @@
-import { __awaiter } from "tslib";
-import { fixture, expect, oneEvent } from '@open-wc/testing';
-import { html } from 'lit';
-import '../src/modal-template';
-import { ModalConfig } from '../src/modal-config';
-describe('Modal Template', () => {
-    it('has correct default configuration', () => __awaiter(void 0, void 0, void 0, function* () {
-        var _a, _b, _c, _d;
-        const el = yield fixture(html ` <modal-template></modal-template> `);
-        const processingLogo = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.processing-logo');
-        const headline = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.headline');
-        const message = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.message');
-        const title = (_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('h1.title');
-        expect(headline).to.not.exist;
-        expect(message).to.not.exist;
-        expect(title).to.not.exist;
-        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        expect('hidden' in processingLogo.classList);
-    }));
-    it('does not show the title if one not provided', () => __awaiter(void 0, void 0, void 0, function* () {
-        var _e;
-        const config = new ModalConfig();
-        config.title = undefined;
-        const el = yield fixture(html `
-      <modal-template .config=${config}></modal-template>
-    `);
-        const title = (_e = el.shadowRoot) === null || _e === void 0 ? void 0 : _e.querySelector('h1.title');
-        expect(title).to.not.exist;
-    }));
-    it('emits closeButtonPressed event when close button is pressed', () => __awaiter(void 0, void 0, void 0, function* () {
-        var _f;
-        const el = yield fixture(html ` <modal-template></modal-template> `);
-        const closeButton = (_f = el.shadowRoot) === null || _f === void 0 ? void 0 : _f.querySelector('.close-button');
-        const clickEvent = new MouseEvent('click');
-        setTimeout(() => {
-            closeButton === null || closeButton === void 0 ? void 0 : closeButton.dispatchEvent(clickEvent);
-        });
-        const response = yield oneEvent(el, 'closeButtonPressed');
-        expect(response).to.exist;
-    }));
-    it('shows the processing indicator if configured to', () => __awaiter(void 0, void 0, void 0, function* () {
-        var _g, _h;
-        const config = new ModalConfig();
-        config.showProcessingIndicator = true;
-        const el = yield fixture(html `
-      <modal-template .config=${config}></modal-template>
-    `);
-        const processingLogo = (_g = el.shadowRoot) === null || _g === void 0 ? void 0 : _g.querySelector('.processing-logo');
-        const classList = (_h = processingLogo === null || processingLogo === void 0 ? void 0 : processingLogo.classList) !== null && _h !== void 0 ? _h : [];
-        expect('hidden' in classList).to.equal(false);
-    }));
-    it('shows the close button if configured to', () => __awaiter(void 0, void 0, void 0, function* () {
-        var _j;
-        const config = new ModalConfig();
-        config.showCloseButton = true;
-        const el = yield fixture(html `
-      <modal-template .config=${config}></modal-template>
-    `);
-        const closeButton = (_j = el.shadowRoot) === null || _j === void 0 ? void 0 : _j.querySelector('.close-button');
-        expect(closeButton).to.exist;
-    }));
-    it('hides the close button if configured to', () => __awaiter(void 0, void 0, void 0, function* () {
-        var _k;
-        const config = new ModalConfig();
-        config.showCloseButton = false;
-        const el = yield fixture(html `
-      <modal-template .config=${config}></modal-template>
-    `);
-        const closeButton = (_k = el.shadowRoot) === null || _k === void 0 ? void 0 : _k.querySelector('.close-button');
-        expect(closeButton).to.not.exist;
-    }));
-    it('shows the properties from the config', () => __awaiter(void 0, void 0, void 0, function* () {
-        var _l, _m, _o, _p;
-        const config = new ModalConfig();
-        config.title = html `Boop`;
-        config.subtitle = html `Bop`;
-        config.headline = html `Foo`;
-        config.message = html `Bar`;
-        const el = yield fixture(html `
-      <modal-template .config=${config}></modal-template>
-    `);
-        const title = (_l = el.shadowRoot) === null || _l === void 0 ? void 0 : _l.querySelector('h1');
-        const subtitle = (_m = el.shadowRoot) === null || _m === void 0 ? void 0 : _m.querySelector('h2');
-        const headline = (_o = el.shadowRoot) === null || _o === void 0 ? void 0 : _o.querySelector('.headline');
-        const message = (_p = el.shadowRoot) === null || _p === void 0 ? void 0 : _p.querySelector('.message');
-        expect(title).to.exist;
-        expect(title === null || title === void 0 ? void 0 : title.innerText).to.equal('Boop');
-        expect(subtitle).to.exist;
-        expect(subtitle === null || subtitle === void 0 ? void 0 : subtitle.innerText).to.equal('Bop');
-        expect(headline).to.exist;
-        expect(headline === null || headline === void 0 ? void 0 : headline.textContent).to.equal('Foo');
-        expect(message).to.exist;
-        expect(message === null || message === void 0 ? void 0 : message.textContent).to.equal('Bar');
-    }));
-});
+import { __awaiter } from "tslib";
+import { fixture, expect, oneEvent } from '@open-wc/testing';
+import { html } from 'lit';
+import '../src/modal-template';
+import { ModalConfig } from '../src/modal-config';
+describe('Modal Template', () => {
+    it('has correct default configuration', () => __awaiter(void 0, void 0, void 0, function* () {
+        var _a, _b, _c, _d;
+        const el = yield fixture(html ` <modal-template></modal-template> `);
+        const processingLogo = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.processing-logo');
+        const headline = (_b = el.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.headline');
+        const message = (_c = el.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.message');
+        const title = (_d = el.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('h1.title');
+        expect(headline).to.not.exist;
+        expect(message).to.not.exist;
+        expect(title).to.not.exist;
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        expect('hidden' in processingLogo.classList);
+    }));
+    it('does not show the title if one not provided', () => __awaiter(void 0, void 0, void 0, function* () {
+        var _e;
+        const config = new ModalConfig();
+        config.title = undefined;
+        const el = yield fixture(html `
+      <modal-template .config=${config}></modal-template>
+    `);
+        const title = (_e = el.shadowRoot) === null || _e === void 0 ? void 0 : _e.querySelector('h1.title');
+        expect(title).to.not.exist;
+    }));
+    it('emits closeButtonPressed event when close button is pressed', () => __awaiter(void 0, void 0, void 0, function* () {
+        var _f;
+        const el = yield fixture(html ` <modal-template></modal-template> `);
+        const closeButton = (_f = el.shadowRoot) === null || _f === void 0 ? void 0 : _f.querySelector('.close-button');
+        const clickEvent = new MouseEvent('click');
+        setTimeout(() => {
+            closeButton === null || closeButton === void 0 ? void 0 : closeButton.dispatchEvent(clickEvent);
+        });
+        const response = yield oneEvent(el, 'closeButtonPressed');
+        expect(response).to.exist;
+    }));
+    it('shows the processing indicator if configured to', () => __awaiter(void 0, void 0, void 0, function* () {
+        var _g, _h;
+        const config = new ModalConfig();
+        config.showProcessingIndicator = true;
+        const el = yield fixture(html `
+      <modal-template .config=${config}></modal-template>
+    `);
+        const processingLogo = (_g = el.shadowRoot) === null || _g === void 0 ? void 0 : _g.querySelector('.processing-logo');
+        const classList = (_h = processingLogo === null || processingLogo === void 0 ? void 0 : processingLogo.classList) !== null && _h !== void 0 ? _h : [];
+        expect('hidden' in classList).to.equal(false);
+    }));
+    it('shows the close button if configured to', () => __awaiter(void 0, void 0, void 0, function* () {
+        var _j;
+        const config = new ModalConfig();
+        config.showCloseButton = true;
+        const el = yield fixture(html `
+      <modal-template .config=${config}></modal-template>
+    `);
+        const closeButton = (_j = el.shadowRoot) === null || _j === void 0 ? void 0 : _j.querySelector('.close-button');
+        expect(closeButton).to.exist;
+    }));
+    it('hides the close button if configured to', () => __awaiter(void 0, void 0, void 0, function* () {
+        var _k;
+        const config = new ModalConfig();
+        config.showCloseButton = false;
+        const el = yield fixture(html `
+      <modal-template .config=${config}></modal-template>
+    `);
+        const closeButton = (_k = el.shadowRoot) === null || _k === void 0 ? void 0 : _k.querySelector('.close-button');
+        expect(closeButton).to.not.exist;
+    }));
+    it('shows the properties from the config', () => __awaiter(void 0, void 0, void 0, function* () {
+        var _l, _m, _o, _p;
+        const config = new ModalConfig();
+        config.title = html `Boop`;
+        config.subtitle = html `Bop`;
+        config.headline = html `Foo`;
+        config.message = html `Bar`;
+        const el = yield fixture(html `
+      <modal-template .config=${config}></modal-template>
+    `);
+        const title = (_l = el.shadowRoot) === null || _l === void 0 ? void 0 : _l.querySelector('h1');
+        const subtitle = (_m = el.shadowRoot) === null || _m === void 0 ? void 0 : _m.querySelector('h2');
+        const headline = (_o = el.shadowRoot) === null || _o === void 0 ? void 0 : _o.querySelector('.headline');
+        const message = (_p = el.shadowRoot) === null || _p === void 0 ? void 0 : _p.querySelector('.message');
+        expect(title).to.exist;
+        expect(title === null || title === void 0 ? void 0 : title.innerText).to.equal('Boop');
+        expect(subtitle).to.exist;
+        expect(subtitle === null || subtitle === void 0 ? void 0 : subtitle.innerText).to.equal('Bop');
+        expect(headline).to.exist;
+        expect(headline === null || headline === void 0 ? void 0 : headline.textContent).to.equal('Foo');
+        expect(message).to.exist;
+        expect(message === null || message === void 0 ? void 0 : message.textContent).to.equal('Bar');
+    }));
+});
 //# sourceMappingURL=modal-template.test.js.map

package/dist/test/modal-template.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal-template.test.js","sourceRoot":"","sources":["../../test/modal-template.test.ts"],"names":[],"mappings":"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","sourcesContent":["import { fixture, expect, oneEvent } from '@open-wc/testing';\nimport { html } from 'lit';\nimport '../src/modal-template';\nimport { ModalConfig } from '../src/modal-config';\n\ndescribe('Modal Template', () => {\n  it('has correct default configuration', async () => {\n    const el = await fixture(html` <modal-template></modal-template> `);\n\n    const processingLogo = el.shadowRoot?.querySelector('.processing-logo');\n    const headline = el.shadowRoot?.querySelector('.headline');\n    const message = el.shadowRoot?.querySelector('.message');\n    const title = el.shadowRoot?.querySelector('h1.title') as HTMLElement;\n\n    expect(headline).to.not.exist;\n    expect(message).to.not.exist;\n    expect(title).to.not.exist;\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    expect('hidden' in processingLogo!.classList);\n  });\n\n  it('does not show the title if one not provided', async () => {\n    const config = new ModalConfig();\n    config.title = undefined;\n\n    const el = await fixture(html`\n      <modal-template .config=${config}></modal-template>\n    `);\n\n    const title = el.shadowRoot?.querySelector('h1.title');\n    expect(title).to.not.exist;\n  });\n\n  it('emits closeButtonPressed event when close button is pressed', async () => {\n    const el = await fixture(html` <modal-template></modal-template> `);\n\n    const closeButton = el.shadowRoot?.querySelector('.close-button');\n    const clickEvent = new MouseEvent('click');\n\n    setTimeout(() => {\n      closeButton?.dispatchEvent(clickEvent);\n    });\n    const response = await oneEvent(el, 'closeButtonPressed');\n    expect(response).to.exist;\n  });\n\n  it('shows the processing indicator if configured to', async () => {\n    const config = new ModalConfig();\n    config.showProcessingIndicator = true;\n\n    const el = await fixture(html`\n      <modal-template .config=${config}></modal-template>\n    `);\n\n    const processingLogo = el.shadowRoot?.querySelector('.processing-logo');\n    const classList = processingLogo?.classList ?? [];\n    expect('hidden' in classList).to.equal(false);\n  });\n\n  it('shows the close button if configured to', async () => {\n    const config = new ModalConfig();\n    config.showCloseButton = true;\n    const el = await fixture(html`\n      <modal-template .config=${config}></modal-template>\n    `);\n\n    const closeButton = el.shadowRoot?.querySelector('.close-button');\n    expect(closeButton).to.exist;\n  });\n\n  it('hides the close button if configured to', async () => {\n    const config = new ModalConfig();\n    config.showCloseButton = false;\n    const el = await fixture(html`\n      <modal-template .config=${config}></modal-template>\n    `);\n\n    const closeButton = el.shadowRoot?.querySelector('.close-button');\n    expect(closeButton).to.not.exist;\n  });\n\n  it('shows the properties from the config', async () => {\n    const config = new ModalConfig();\n    config.title = html`Boop`;\n    config.subtitle = html`Bop`;\n    config.headline = html`Foo`;\n    config.message = html`Bar`;\n\n    const el = await fixture(html`\n      <modal-template .config=${config}></modal-template>\n    `);\n\n    const title = el.shadowRoot?.querySelector('h1');\n    const subtitle = el.shadowRoot?.querySelector('h2');\n\n    const headline = el.shadowRoot?.querySelector('.headline');\n    const message = el.shadowRoot?.querySelector('.message');\n\n    expect(title).to.exist;\n    expect(title?.innerText).to.equal('Boop');\n\n    expect(subtitle).to.exist;\n    expect(subtitle?.innerText).to.equal('Bop');\n\n    expect(headline).to.exist;\n    expect(headline?.textContent).to.equal('Foo');\n\n    expect(message).to.exist;\n    expect(message?.textContent).to.equal('Bar');\n  });\n});\n"]}
+{"version":3,"file":"modal-template.test.js","sourceRoot":"","sources":["../../test/modal-template.test.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,uBAAuB,CAAC;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAElD,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC9B,EAAE,CAAC,mCAAmC,EAAE,GAAS,EAAE;;QACjD,MAAM,EAAE,GAAG,MAAM,OAAO,CAAC,IAAI,CAAA,qCAAqC,CAAC,CAAC;QAEpE,MAAM,cAAc,SAAG,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;QACxE,MAAM,QAAQ,SAAG,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,WAAW,CAAC,CAAC;QAC3D,MAAM,OAAO,SAAG,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,UAAU,CAAC,CAAC;QACzD,MAAM,KAAK,GAAG,MAAA,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,UAAU,CAAgB,CAAC;QAEtE,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC;QAC9B,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC;QAC7B,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC;QAC3B,oEAAoE;QACpE,MAAM,CAAC,QAAQ,IAAI,cAAe,CAAC,SAAS,CAAC,CAAC;IAChD,CAAC,CAAA,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE,GAAS,EAAE;;QAC3D,MAAM,MAAM,GAAG,IAAI,WAAW,EAAE,CAAC;QACjC,MAAM,CAAC,KAAK,GAAG,SAAS,CAAC;QAEzB,MAAM,EAAE,GAAG,MAAM,OAAO,CAAC,IAAI,CAAA;gCACD,MAAM;KACjC,CAAC,CAAC;QAEH,MAAM,KAAK,SAAG,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,UAAU,CAAC,CAAC;QACvD,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC;IAC7B,CAAC,CAAA,CAAC,CAAC;IAEH,EAAE,CAAC,6DAA6D,EAAE,GAAS,EAAE;;QAC3E,MAAM,EAAE,GAAG,MAAM,OAAO,CAAC,IAAI,CAAA,qCAAqC,CAAC,CAAC;QAEpE,MAAM,WAAW,SAAG,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,eAAe,CAAC,CAAC;QAClE,MAAM,UAAU,GAAG,IAAI,UAAU,CAAC,OAAO,CAAC,CAAC;QAE3C,UAAU,CAAC,GAAG,EAAE;YACd,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,aAAa,CAAC,UAAU,EAAE;QACzC,CAAC,CAAC,CAAC;QACH,MAAM,QAAQ,GAAG,MAAM,QAAQ,CAAC,EAAE,EAAE,oBAAoB,CAAC,CAAC;QAC1D,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;IAC5B,CAAC,CAAA,CAAC,CAAC;IAEH,EAAE,CAAC,iDAAiD,EAAE,GAAS,EAAE;;QAC/D,MAAM,MAAM,GAAG,IAAI,WAAW,EAAE,CAAC;QACjC,MAAM,CAAC,uBAAuB,GAAG,IAAI,CAAC;QAEtC,MAAM,EAAE,GAAG,MAAM,OAAO,CAAC,IAAI,CAAA;gCACD,MAAM;KACjC,CAAC,CAAC;QAEH,MAAM,cAAc,SAAG,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,kBAAkB,CAAC,CAAC;QACxE,MAAM,SAAS,SAAG,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,SAAS,mCAAI,EAAE,CAAC;QAClD,MAAM,CAAC,QAAQ,IAAI,SAAS,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAChD,CAAC,CAAA,CAAC,CAAC;IAEH,EAAE,CAAC,yCAAyC,EAAE,GAAS,EAAE;;QACvD,MAAM,MAAM,GAAG,IAAI,WAAW,EAAE,CAAC;QACjC,MAAM,CAAC,eAAe,GAAG,IAAI,CAAC;QAC9B,MAAM,EAAE,GAAG,MAAM,OAAO,CAAC,IAAI,CAAA;gCACD,MAAM;KACjC,CAAC,CAAC;QAEH,MAAM,WAAW,SAAG,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,eAAe,CAAC,CAAC;QAClE,MAAM,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;IAC/B,CAAC,CAAA,CAAC,CAAC;IAEH,EAAE,CAAC,yCAAyC,EAAE,GAAS,EAAE;;QACvD,MAAM,MAAM,GAAG,IAAI,WAAW,EAAE,CAAC;QACjC,MAAM,CAAC,eAAe,GAAG,KAAK,CAAC;QAC/B,MAAM,EAAE,GAAG,MAAM,OAAO,CAAC,IAAI,CAAA;gCACD,MAAM;KACjC,CAAC,CAAC;QAEH,MAAM,WAAW,SAAG,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,eAAe,CAAC,CAAC;QAClE,MAAM,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC;IACnC,CAAC,CAAA,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,GAAS,EAAE;;QACpD,MAAM,MAAM,GAAG,IAAI,WAAW,EAAE,CAAC;QACjC,MAAM,CAAC,KAAK,GAAG,IAAI,CAAA,MAAM,CAAC;QAC1B,MAAM,CAAC,QAAQ,GAAG,IAAI,CAAA,KAAK,CAAC;QAC5B,MAAM,CAAC,QAAQ,GAAG,IAAI,CAAA,KAAK,CAAC;QAC5B,MAAM,CAAC,OAAO,GAAG,IAAI,CAAA,KAAK,CAAC;QAE3B,MAAM,EAAE,GAAG,MAAM,OAAO,CAAC,IAAI,CAAA;gCACD,MAAM;KACjC,CAAC,CAAC;QAEH,MAAM,KAAK,SAAG,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,IAAI,CAAC,CAAC;QACjD,MAAM,QAAQ,SAAG,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,IAAI,CAAC,CAAC;QAEpD,MAAM,QAAQ,SAAG,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,WAAW,CAAC,CAAC;QAC3D,MAAM,OAAO,SAAG,EAAE,CAAC,UAAU,0CAAE,aAAa,CAAC,UAAU,CAAC,CAAC;QAEzD,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QACvB,MAAM,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QAE1C,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC1B,MAAM,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,SAAS,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAE5C,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QAC1B,MAAM,CAAC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,WAAW,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAE9C,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;QACzB,MAAM,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAC/C,CAAC,CAAA,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { fixture, expect, oneEvent } from '@open-wc/testing';\r\nimport { html } from 'lit';\r\nimport '../src/modal-template';\r\nimport { ModalConfig } from '../src/modal-config';\r\n\r\ndescribe('Modal Template', () => {\r\n  it('has correct default configuration', async () => {\r\n    const el = await fixture(html` <modal-template></modal-template> `);\r\n\r\n    const processingLogo = el.shadowRoot?.querySelector('.processing-logo');\r\n    const headline = el.shadowRoot?.querySelector('.headline');\r\n    const message = el.shadowRoot?.querySelector('.message');\r\n    const title = el.shadowRoot?.querySelector('h1.title') as HTMLElement;\r\n\r\n    expect(headline).to.not.exist;\r\n    expect(message).to.not.exist;\r\n    expect(title).to.not.exist;\r\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\r\n    expect('hidden' in processingLogo!.classList);\r\n  });\r\n\r\n  it('does not show the title if one not provided', async () => {\r\n    const config = new ModalConfig();\r\n    config.title = undefined;\r\n\r\n    const el = await fixture(html`\r\n      <modal-template .config=${config}></modal-template>\r\n    `);\r\n\r\n    const title = el.shadowRoot?.querySelector('h1.title');\r\n    expect(title).to.not.exist;\r\n  });\r\n\r\n  it('emits closeButtonPressed event when close button is pressed', async () => {\r\n    const el = await fixture(html` <modal-template></modal-template> `);\r\n\r\n    const closeButton = el.shadowRoot?.querySelector('.close-button');\r\n    const clickEvent = new MouseEvent('click');\r\n\r\n    setTimeout(() => {\r\n      closeButton?.dispatchEvent(clickEvent);\r\n    });\r\n    const response = await oneEvent(el, 'closeButtonPressed');\r\n    expect(response).to.exist;\r\n  });\r\n\r\n  it('shows the processing indicator if configured to', async () => {\r\n    const config = new ModalConfig();\r\n    config.showProcessingIndicator = true;\r\n\r\n    const el = await fixture(html`\r\n      <modal-template .config=${config}></modal-template>\r\n    `);\r\n\r\n    const processingLogo = el.shadowRoot?.querySelector('.processing-logo');\r\n    const classList = processingLogo?.classList ?? [];\r\n    expect('hidden' in classList).to.equal(false);\r\n  });\r\n\r\n  it('shows the close button if configured to', async () => {\r\n    const config = new ModalConfig();\r\n    config.showCloseButton = true;\r\n    const el = await fixture(html`\r\n      <modal-template .config=${config}></modal-template>\r\n    `);\r\n\r\n    const closeButton = el.shadowRoot?.querySelector('.close-button');\r\n    expect(closeButton).to.exist;\r\n  });\r\n\r\n  it('hides the close button if configured to', async () => {\r\n    const config = new ModalConfig();\r\n    config.showCloseButton = false;\r\n    const el = await fixture(html`\r\n      <modal-template .config=${config}></modal-template>\r\n    `);\r\n\r\n    const closeButton = el.shadowRoot?.querySelector('.close-button');\r\n    expect(closeButton).to.not.exist;\r\n  });\r\n\r\n  it('shows the properties from the config', async () => {\r\n    const config = new ModalConfig();\r\n    config.title = html`Boop`;\r\n    config.subtitle = html`Bop`;\r\n    config.headline = html`Foo`;\r\n    config.message = html`Bar`;\r\n\r\n    const el = await fixture(html`\r\n      <modal-template .config=${config}></modal-template>\r\n    `);\r\n\r\n    const title = el.shadowRoot?.querySelector('h1');\r\n    const subtitle = el.shadowRoot?.querySelector('h2');\r\n\r\n    const headline = el.shadowRoot?.querySelector('.headline');\r\n    const message = el.shadowRoot?.querySelector('.message');\r\n\r\n    expect(title).to.exist;\r\n    expect(title?.innerText).to.equal('Boop');\r\n\r\n    expect(subtitle).to.exist;\r\n    expect(subtitle?.innerText).to.equal('Bop');\r\n\r\n    expect(headline).to.exist;\r\n    expect(headline?.textContent).to.equal('Foo');\r\n\r\n    expect(message).to.exist;\r\n    expect(message?.textContent).to.equal('Bar');\r\n  });\r\n});\r\n"]}