@ukic/web-components 3.0.0-alpha.9 → 3.1.0

package/dist/collection/components/ic-data-list/test/basic/ic-data-list.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ic-data-list.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-data-list/test/basic/ic-data-list.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC5B,EAAE,CAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;QACpD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,QAAQ,CAAC;YACtB,IAAI,EAAE;;;;;;;;;;sBAUU;SACjB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;KAwB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+BAA+B,EAAE,KAAK,IAAI,EAAE;QAC7C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,QAAQ,CAAC;YACtB,IAAI,EAAE;;;;;sBAKU;SACjB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;KAmB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;QACpD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,QAAQ,CAAC;YACtB,IAAI,EAAE;;;;;;;;;;;sBAWU;SACjB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;KAyB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sDAAsD,EAAE,KAAK,IAAI,EAAE;QACpE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,QAAQ,CAAC;YACtB,IAAI,EAAE;;;;;;;;;;sBAUU;SACjB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;KAwB7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from \"@stencil/core/testing\";\nimport { DataList } from \"../../ic-data-list\";\n\ndescribe(\"ic-data-list\", () => {\n  it(\"should render with data-row children\", async () => {\n    const page = await newSpecPage({\n      components: [DataList],\n      html: `\n      <ic-data-list heading=\"Heading\">\n        <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n        <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n        <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n        <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n        <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n        <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n        <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n        <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n      </ic-data-list>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <ic-data-list heading=\"Heading\">\n      <mock:shadow-root>\n        <div class=\"heading\" id=\"data-list-heading\">\n          <slot name=\"heading\">  \n            <ic-typography variant=\"h3\">\n              Heading\n            </ic-typography>\n          </slot>\n        </div>\n        <div class=\"divider\"></div>\n        <ul aria-labelledby=\"data-list-heading\" class=\"rows\">\n          <slot></slot>\n        </ul>\n      </mock:shadow-root>\n     <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n     <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n     <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n     <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n     <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n     <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n     <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n     <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n    </ic-data-list>\n    `);\n  });\n\n  it(\"should render with size small\", async () => {\n    const page = await newSpecPage({\n      components: [DataList],\n      html: `\n      <ic-data-list heading=\"Heading\" size=\"small\">\n        <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n        <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n        <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n      </ic-data-list>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <ic-data-list heading=\"Heading\" class=\"ic-data-list-small\" size=\"small\">\n      <mock:shadow-root>\n        <div class=\"heading\" id=\"data-list-heading\">\n          <slot name=\"heading\">  \n            <ic-typography variant=\"h3\">\n              Heading\n            </ic-typography>\n          </slot>\n        </div>\n        <div class=\"divider\"></div>\n        <ul aria-labelledby=\"data-list-heading\" class=\"rows\">\n          <slot></slot>\n        </ul>\n      </mock:shadow-root>\n     <ic-data-row size=\"small\" label=\"Label\" value=\"value\"></ic-data-row>\n     <ic-data-row size=\"small\" label=\"Label\" value=\"value\"></ic-data-row>\n     <ic-data-row size=\"small\" label=\"Label\" value=\"value\"></ic-data-row>\n    </ic-data-list>\n    `);\n  });\n\n  it(\"should render with a slotted heading\", async () => {\n    const page = await newSpecPage({\n      components: [DataList],\n      html: `\n      <ic-data-list>\n        <ic-typography variant=\"h3\" slot=\"heading\">Heading</ic-typography>\n        <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n        <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n        <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n        <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n        <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n        <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n        <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n        <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n      </ic-data-list>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <ic-data-list>\n      <mock:shadow-root>\n        <div class=\"heading\" id=\"data-list-heading\">\n          <slot name=\"heading\">  \n            <ic-typography variant=\"h3\"></ic-typography>\n          </slot>\n        </div>\n        <div class=\"divider\"></div>\n        <ul aria-labelledby=\"data-list-heading\" class=\"rows\">\n          <slot></slot>\n        </ul>\n      </mock:shadow-root>\n     <ic-typography slot=\"heading\" variant=\"h3\">\n      Heading\n     </ic-typography>\n     <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n     <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n     <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n     <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n     <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n     <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n     <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n     <ic-data-row label=\"Label\" value=\"value\"></ic-data-row>\n    </ic-data-list>\n    `);\n  });\n\n  it(\"should render data-row children with slotted content\", async () => {\n    const page = await newSpecPage({\n      components: [DataList],\n      html: `\n      <ic-data-list heading=\"Heading\">\n        <ic-data-row label=\"Label\" value=\"value\"><ic-link href=\"/\" slot=\"end-component\"></ic-link></ic-data-row>\n        <ic-data-row label=\"Label\" value=\"value\"><ic-link href=\"/\" slot=\"end-component\"></ic-link></ic-data-row>\n        <ic-data-row label=\"Label\" value=\"value\"><ic-link href=\"/\" slot=\"end-component\"></ic-link></ic-data-row>\n        <ic-data-row label=\"Label\" value=\"value\"><ic-link href=\"/\" slot=\"end-component\"></ic-link></ic-data-row>\n        <ic-data-row label=\"Label\" value=\"value\"><ic-link href=\"/\" slot=\"end-component\"></ic-link></ic-data-row>\n        <ic-data-row label=\"Label\" value=\"value\"><ic-link href=\"/\" slot=\"end-component\"></ic-link></ic-data-row>\n        <ic-data-row label=\"Label\" value=\"value\"><ic-link href=\"/\" slot=\"end-component\"></ic-link></ic-data-row>\n        <ic-data-row label=\"Label\" value=\"value\"><ic-link href=\"/\" slot=\"end-component\"></ic-link></ic-data-row>\n      </ic-data-list>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <ic-data-list heading=\"Heading\">\n      <mock:shadow-root>\n        <div class=\"heading\" id=\"data-list-heading\">\n          <slot name=\"heading\">  \n            <ic-typography variant=\"h3\">\n              Heading\n            </ic-typography>\n          </slot>\n        </div>\n        <div class=\"divider\"></div>\n        <ul aria-labelledby=\"data-list-heading\" class=\"rows\">\n          <slot></slot>\n        </ul>\n      </mock:shadow-root>\n     <ic-data-row label=\"Label\" value=\"value\"><ic-link href=\"/\" slot=\"end-component\"></ic-link></ic-data-row>\n     <ic-data-row label=\"Label\" value=\"value\"><ic-link href=\"/\" slot=\"end-component\"></ic-link></ic-data-row>\n     <ic-data-row label=\"Label\" value=\"value\"><ic-link href=\"/\" slot=\"end-component\"></ic-link></ic-data-row>\n     <ic-data-row label=\"Label\" value=\"value\"><ic-link href=\"/\" slot=\"end-component\"></ic-link></ic-data-row>\n     <ic-data-row label=\"Label\" value=\"value\"><ic-link href=\"/\" slot=\"end-component\"></ic-link></ic-data-row>\n     <ic-data-row label=\"Label\" value=\"value\"><ic-link href=\"/\" slot=\"end-component\"></ic-link></ic-data-row>\n     <ic-data-row label=\"Label\" value=\"value\"><ic-link href=\"/\" slot=\"end-component\"></ic-link></ic-data-row>\n     <ic-data-row label=\"Label\" value=\"value\"><ic-link href=\"/\" slot=\"end-component\"></ic-link></ic-data-row>\n    </ic-data-list>\n    `);\n  });\n});\n"]}

package/dist/collection/components/ic-data-row/test/basic/ic-data-row.spec.js

@@ -1,74 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { DataRow } from "../../ic-data-row";
-describe("ic-data-row", () => {
-    it("should render", async () => {
-        const page = await newSpecPage({
-            components: [DataRow],
-            html: `<ic-data-row label="label" value="value"></ic-data-row>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render slotted content in the label slot", async () => {
-        const page = await newSpecPage({
-            components: [DataRow],
-            html: `<ic-data-row value="value"><ic-typography slot="label">Label</ic-typography></ic-data-row>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should not render label element if no label provided", async () => {
-        const page = await newSpecPage({
-            components: [DataRow],
-            html: `<ic-data-row value="value"></ic-data-row>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render slotted content in the value slot", async () => {
-        const page = await newSpecPage({
-            components: [DataRow],
-            html: `<ic-data-row label="label"><ic-status-tag variant="success" label="success" slot="value"></ic-status-tag></ic-data-row>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render slotted content in the end-component slot", async () => {
-        const page = await newSpecPage({
-            components: [DataRow],
-            html: `<ic-data-row label="label" value="test value"><ic-status-tag variant="success" label="success" slot="end-component"></ic-status-tag></ic-data-row>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render the label variant of typography when list size is xs", async () => {
-        const page = await newSpecPage({
-            components: [DataRow],
-            html: `<ic-data-row label="label"><ic-status-tag variant="success" label="success" slot="value"></ic-status-tag></ic-data-row>`,
-        });
-        page.rootInstance.listSize = "xs";
-        await page.waitForChanges();
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should call runResizeObserver", async () => {
-        const page = await newSpecPage({
-            components: [DataRow],
-            html: `<ic-data-row label="label" value="value"></ic-data-row>`,
-        });
-        await page.rootInstance.runResizeObserver();
-        page.waitForChanges();
-        const resize = new ResizeObserver(() => {
-            page.rootInstance.checkLabelAbove();
-        });
-        expect(page.rootInstance.resizeObserver).toBe(resize);
-        page.setContent("");
-    });
-    it("should change list size depending on screen size", async () => {
-        const page = await newSpecPage({
-            components: [DataRow],
-            html: `<ic-data-row label="label" value="value"></ic-data-row>`,
-        });
-        Object.defineProperty(page.root.shadowRoot.querySelector(".data"), "clientWidth", {
-            value: 200,
-        });
-        page.waitForChanges();
-        page.rootInstance.checkLabelAbove();
-        expect(page.rootInstance.listSize).toBe("xs");
-    });
-});
-//# sourceMappingURL=ic-data-row.spec.js.map

package/dist/collection/components/ic-data-row/test/basic/ic-data-row.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ic-data-row.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-data-row/test/basic/ic-data-row.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { newSpecPage } from \"@stencil/core/testing\";\nimport { DataRow } from \"../../ic-data-row\";\n\ndescribe(\"ic-data-row\", () => {\n  it(\"should render\", async () => {\n    const page = await newSpecPage({\n      components: [DataRow],\n      html: `<ic-data-row label=\"label\" value=\"value\"></ic-data-row>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render slotted content in the label slot\", async () => {\n    const page = await newSpecPage({\n      components: [DataRow],\n      html: `<ic-data-row value=\"value\"><ic-typography slot=\"label\">Label</ic-typography></ic-data-row>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should not render label element if no label provided\", async () => {\n    const page = await newSpecPage({\n      components: [DataRow],\n      html: `<ic-data-row value=\"value\"></ic-data-row>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render slotted content in the value slot\", async () => {\n    const page = await newSpecPage({\n      components: [DataRow],\n      html: `<ic-data-row label=\"label\"><ic-status-tag variant=\"success\" label=\"success\" slot=\"value\"></ic-status-tag></ic-data-row>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render slotted content in the end-component slot\", async () => {\n    const page = await newSpecPage({\n      components: [DataRow],\n      html: `<ic-data-row label=\"label\" value=\"test value\"><ic-status-tag variant=\"success\" label=\"success\" slot=\"end-component\"></ic-status-tag></ic-data-row>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render the label variant of typography when list size is xs\", async () => {\n    const page = await newSpecPage({\n      components: [DataRow],\n      html: `<ic-data-row label=\"label\"><ic-status-tag variant=\"success\" label=\"success\" slot=\"value\"></ic-status-tag></ic-data-row>`,\n    });\n\n    page.rootInstance.listSize = \"xs\";\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should call runResizeObserver\", async () => {\n    const page = await newSpecPage({\n      components: [DataRow],\n      html: `<ic-data-row label=\"label\" value=\"value\"></ic-data-row>`,\n    });\n\n    await page.rootInstance.runResizeObserver();\n    page.waitForChanges();\n\n    const resize = new ResizeObserver(() => {\n      page.rootInstance.checkLabelAbove();\n    });\n\n    expect(page.rootInstance.resizeObserver).toBe(resize);\n\n    page.setContent(\"\");\n  });\n\n  it(\"should change list size depending on screen size\", async () => {\n    const page = await newSpecPage({\n      components: [DataRow],\n      html: `<ic-data-row label=\"label\" value=\"value\"></ic-data-row>`,\n    });\n\n    Object.defineProperty(\n      page.root.shadowRoot.querySelector(\".data\"),\n      \"clientWidth\",\n      {\n        value: 200,\n      }\n    );\n\n    page.waitForChanges();\n\n    page.rootInstance.checkLabelAbove();\n\n    expect(page.rootInstance.listSize).toBe(\"xs\");\n  });\n});\n"]}

package/dist/collection/components/ic-dialog/test/basic/ic-dialog.spec.js

@@ -1,448 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { Dialog } from "../../ic-dialog";
-import { waitForTimeout, testKeyboardEvent as keyboardEvent, } from "../../../../testspec.setup";
-import { Button } from "../../../ic-button/ic-button";
-import { TextField } from "../../../ic-text-field/ic-text-field";
-import { AccordionGroup } from "../../../ic-accordion-group/ic-accordion-group";
-import { Accordion } from "../../../ic-accordion/ic-accordion";
-import { SearchBar } from "../../../ic-search-bar/ic-search-bar";
-const DIALOG_DELAY_MS = 100;
-const setupDialogMethods = (page) => {
-    page.rootInstance.dialogEl.showModal = jest.fn(function mock() {
-        this.open = true;
-    });
-    page.rootInstance.dialogEl.show = jest.fn(function mock() {
-        this.open = true;
-    });
-    page.rootInstance.dialogEl.close = jest.fn(function mock() {
-        this.open = false;
-    });
-};
-describe("ic-dialog component", () => {
-    it("should render", async () => {
-        const page = await newSpecPage({
-            components: [Dialog, Button],
-            html: `<ic-dialog heading="Dialog heading" buttons="false"></ic-dialog>`,
-        });
-        setupDialogMethods(page);
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render with a label", async () => {
-        const page = await newSpecPage({
-            components: [Dialog, Button],
-            html: `<ic-dialog heading="Dialog heading" label="Dialog label" buttons="false"></ic-dialog>`,
-        });
-        setupDialogMethods(page);
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render with no buttons", async () => {
-        const page = await newSpecPage({
-            components: [Dialog],
-            html: `<ic-dialog heading="Dialog heading" buttons="false">Dialog content</ic-dialog>`,
-        });
-        setupDialogMethods(page);
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render with slotted content", async () => {
-        const page = await newSpecPage({
-            components: [Dialog, TextField, Button],
-            html: `<ic-dialog heading="Dialog heading">
-        <ic-text-field label="What is your favourite coffee?">
-        </ic-text-field>
-        <ic-button>Click Me</ic-button>
-      </ic-dialog>`,
-        });
-        setupDialogMethods(page);
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render as medium size", async () => {
-        const page = await newSpecPage({
-            components: [Dialog, Button],
-            html: `<ic-dialog heading="Dialog heading" size="medium" buttons="false"></ic-dialog>`,
-        });
-        setupDialogMethods(page);
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render as large size", async () => {
-        const page = await newSpecPage({
-            components: [Dialog, Button],
-            html: `<ic-dialog heading="Dialog heading" size="large" buttons="false"></ic-dialog>`,
-        });
-        setupDialogMethods(page);
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render with two default buttons", async () => {
-        const page = await newSpecPage({
-            components: [Dialog, Button],
-            html: '<ic-dialog heading="Dialog heading"></ic-dialog>',
-        });
-        setupDialogMethods(page);
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should display with the open prop", async () => {
-        const page = await newSpecPage({
-            components: [Dialog, Button],
-            html: `<ic-dialog heading="Dialog heading"></ic-dialog>`,
-        });
-        setupDialogMethods(page);
-        const dialog = document.querySelector("ic-dialog");
-        expect(page.rootInstance.dialogRendered).toBe(false);
-        const eventSpy = jest.fn();
-        page.win.addEventListener("icDialogOpened", eventSpy);
-        dialog.open = true;
-        await page.waitForChanges();
-        //delay for setTimeout in code
-        await waitForTimeout(DIALOG_DELAY_MS);
-        expect(eventSpy).toHaveBeenCalled();
-        expect(page.rootInstance.dialogRendered).toBe(true);
-    });
-    it("should hide with the open prop", async () => {
-        const page = await newSpecPage({
-            components: [Dialog, Button],
-            html: `<ic-dialog heading="Dialog heading"></ic-dialog>`,
-        });
-        setupDialogMethods(page);
-        const dialog = document.querySelector("ic-dialog");
-        expect(page.rootInstance.dialogRendered).toBe(false);
-        dialog.open = true;
-        await page.waitForChanges();
-        //delay for setTimeout in code
-        await waitForTimeout(DIALOG_DELAY_MS);
-        expect(page.rootInstance.dialogRendered).toBe(true);
-        const eventSpy = jest.fn();
-        page.win.addEventListener("icDialogClosed", eventSpy);
-        dialog.open = false;
-        await page.waitForChanges();
-        //delay for setTimeout in code
-        await waitForTimeout(DIALOG_DELAY_MS);
-        expect(eventSpy).toHaveBeenCalled();
-        expect(page.rootInstance.dialogRendered).toBe(false);
-    });
-    it("should test icDialogCancelled event emitted", async () => {
-        const page = await newSpecPage({
-            components: [Dialog, Button],
-            html: `<ic-dialog heading="Dialog heading"></ic-dialog>`,
-        });
-        setupDialogMethods(page);
-        const dialog = document.querySelector("ic-dialog");
-        expect(page.rootInstance.dialogRendered).toBe(false);
-        dialog.open = true;
-        await page.waitForChanges();
-        //delay for setTimeout in code
-        await waitForTimeout(DIALOG_DELAY_MS);
-        expect(page.rootInstance.dialogRendered).toBe(true);
-        const eventSpy = jest.fn();
-        page.win.addEventListener("icDialogCancelled", eventSpy);
-        page.root.shadowRoot.querySelectorAll("ic-button")[1].click();
-        await page.waitForChanges();
-        //delay for setTimeout in code
-        await waitForTimeout(DIALOG_DELAY_MS);
-        expect(eventSpy).toHaveBeenCalled();
-    });
-    it("should test icDialogConfirmed event emitted", async () => {
-        const page = await newSpecPage({
-            components: [Dialog, Button],
-            html: `<ic-dialog heading="Dialog heading"></ic-dialog>`,
-        });
-        setupDialogMethods(page);
-        const dialog = document.querySelector("ic-dialog");
-        expect(page.rootInstance.dialogRendered).toBe(false);
-        dialog.open = true;
-        await page.waitForChanges();
-        //delay for setTimeout in code
-        await waitForTimeout(DIALOG_DELAY_MS);
-        expect(page.rootInstance.dialogRendered).toBe(true);
-        const eventSpy = jest.fn();
-        page.win.addEventListener("icDialogConfirmed", eventSpy);
-        page.root.shadowRoot.querySelectorAll("ic-button")[2].click();
-        await page.waitForChanges();
-        //delay for setTimeout in code
-        await waitForTimeout(DIALOG_DELAY_MS);
-        expect(eventSpy).toHaveBeenCalled();
-    });
-    it("should test cancelDialog method", async () => {
-        const page = await newSpecPage({
-            components: [Dialog, Button],
-            html: '<ic-dialog heading="Dialog heading"></ic-dialog>',
-        });
-        setupDialogMethods(page);
-        const dialog = document.querySelector("ic-dialog");
-        expect(page.rootInstance.dialogRendered).toBe(false);
-        dialog.open = true;
-        await page.waitForChanges();
-        //delay for setTimeout in code
-        await waitForTimeout(DIALOG_DELAY_MS);
-        expect(page.rootInstance.dialogRendered).toBe(true);
-        const eventSpy = jest.fn();
-        page.win.addEventListener("icDialogCancelled", eventSpy);
-        await dialog.cancelDialog();
-        await page.waitForChanges();
-        //delay for setTimeout in code
-        await waitForTimeout(DIALOG_DELAY_MS);
-        expect(eventSpy).toHaveBeenCalled();
-        expect(page.rootInstance.dialogRendered).toBe(false);
-    });
-    it("should test confirmDialog method", async () => {
-        const page = await newSpecPage({
-            components: [Dialog, Button],
-            html: '<ic-dialog heading="Dialog heading"></ic-dialog>',
-        });
-        setupDialogMethods(page);
-        const dialog = document.querySelector("ic-dialog");
-        expect(page.rootInstance.dialogRendered).toBe(false);
-        dialog.open = true;
-        await page.waitForChanges();
-        //delay for setTimeout in code
-        await waitForTimeout(DIALOG_DELAY_MS);
-        expect(page.rootInstance.dialogRendered).toBe(true);
-        const eventSpy = jest.fn();
-        page.win.addEventListener("icDialogConfirmed", eventSpy);
-        await dialog.confirmDialog();
-        await page.waitForChanges();
-        //delay for setTimeout in code
-        await waitForTimeout(DIALOG_DELAY_MS);
-        expect(eventSpy).toHaveBeenCalled();
-        expect(page.rootInstance.dialogRendered).toBe(true);
-    });
-    it("should render with slotted controls", async () => {
-        const page = await newSpecPage({
-            components: [Dialog, Button],
-            html: `<ic-dialog heading="Dialog heading"><ic-button variant="primary" onclick="alert('Confirmed!')" slot="dialog-controls">Confirm</ic-button></ic-dialog>`,
-        });
-        setupDialogMethods(page);
-        const dialog = document.querySelector("ic-dialog");
-        expect(page.rootInstance.dialogRendered).toBe(false);
-        dialog.open = true;
-        await page.waitForChanges();
-        //delay for setTimeout in code
-        await waitForTimeout(DIALOG_DELAY_MS);
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should hide when the escape key is pressed", async () => {
-        const page = await newSpecPage({
-            components: [Dialog, Button],
-            html: `<ic-dialog heading="Dialog heading"></ic-dialog>`,
-        });
-        setupDialogMethods(page);
-        const dialog = document.querySelector("ic-dialog");
-        expect(page.rootInstance.dialogRendered).toBe(false);
-        dialog.open = true;
-        await page.waitForChanges();
-        //delay for setTimeout in code
-        await waitForTimeout(DIALOG_DELAY_MS);
-        expect(page.rootInstance.dialogRendered).toBe(true);
-        page.win.document.dispatchEvent(new KeyboardEvent("keydown", keyboardEvent("Escape")));
-        await page.waitForChanges();
-        //delay for setTimeout in code
-        await waitForTimeout(DIALOG_DELAY_MS);
-        expect(page.rootInstance.dialogRendered).toBe(false);
-    });
-    it("should hide when something besides the dialog is clicked", async () => {
-        const page = await newSpecPage({
-            components: [Dialog, Button],
-            html: `<ic-dialog heading="Dialog heading"></ic-dialog>`,
-        });
-        setupDialogMethods(page);
-        const dialog = document.querySelector("ic-dialog");
-        expect(page.rootInstance.dialogRendered).toBe(false);
-        dialog.open = true;
-        await page.waitForChanges();
-        //delay for setTimeout in code
-        await waitForTimeout(DIALOG_DELAY_MS);
-        expect(page.rootInstance.dialogRendered).toBe(true);
-        page.root.dispatchEvent(new window.window.MouseEvent("click", {
-            bubbles: true,
-            cancelable: true,
-            clientX: 10,
-            clientY: 10,
-        }));
-        await page.waitForChanges();
-        //delay for setTimeout in code
-        await waitForTimeout(DIALOG_DELAY_MS);
-        expect(page.rootInstance.dialogRendered).toBe(false);
-    });
-    it("should not hide when close-on-backdrop-click false", async () => {
-        const page = await newSpecPage({
-            components: [Dialog, Button],
-            html: `<ic-dialog heading="Dialog heading" close-on-backdrop-click="false"></ic-dialog>`,
-        });
-        setupDialogMethods(page);
-        const dialog = document.querySelector("ic-dialog");
-        expect(page.rootInstance.dialogRendered).toBe(false);
-        dialog.open = true;
-        await page.waitForChanges();
-        //delay for setTimeout in code
-        await waitForTimeout(DIALOG_DELAY_MS);
-        expect(page.rootInstance.dialogRendered).toBe(true);
-        page.root.dispatchEvent(new window.window.MouseEvent("click", {
-            bubbles: true,
-            cancelable: true,
-            clientX: 10,
-            clientY: 10,
-        }));
-        await page.waitForChanges();
-        //delay for setTimeout in code
-        await waitForTimeout(DIALOG_DELAY_MS);
-        expect(page.rootInstance.dialogRendered).toBe(true);
-    });
-    it("should hide when the close button is clicked", async () => {
-        const page = await newSpecPage({
-            components: [Dialog, Button],
-            html: `<ic-dialog heading="Dialog heading"></ic-dialog>`,
-        });
-        setupDialogMethods(page);
-        const dialog = document.querySelector("ic-dialog");
-        expect(page.rootInstance.dialogRendered).toBe(false);
-        dialog.open = true;
-        await page.waitForChanges();
-        //delay for setTimeout in code
-        await waitForTimeout(DIALOG_DELAY_MS);
-        expect(page.rootInstance.dialogRendered).toBe(true);
-        page.root.shadowRoot.querySelector("ic-button").click();
-        await page.waitForChanges();
-        //delay for setTimeout in code
-        await waitForTimeout(DIALOG_DELAY_MS);
-        expect(page.rootInstance.dialogRendered).toBe(false);
-    });
-    it("should trigger private focusNextInteractiveElement method when tab pressed", async () => {
-        const page = await newSpecPage({
-            components: [Dialog, TextField, Button],
-            html: `<ic-dialog heading="Dialog heading">
-        <ic-text-field label="What is your favourite coffee?">
-        </ic-text-field>
-        <ic-button>Click Me</ic-button>
-      </ic-dialog>`,
-        });
-        setupDialogMethods(page);
-        const dialog = document.querySelector("ic-dialog");
-        dialog.open = true;
-        await page.waitForChanges();
-        //delay for setTimeout in code
-        await waitForTimeout(DIALOG_DELAY_MS);
-        page.win.document.dispatchEvent(new KeyboardEvent("keydown", keyboardEvent("Tab")));
-        await page.waitForChanges();
-        expect(page.rootInstance.dialogRendered).toBe(true);
-    });
-    it("should render with an accordion group as first focussable element", async () => {
-        const page = await newSpecPage({
-            components: [Dialog, AccordionGroup, Accordion, Button],
-            html: `<ic-dialog heading="Dialog heading">
-        <ic-accordion-group label="Test heading">
-          <ic-accordion>
-            <ic-typography variant="body" >
-              This is an example of the main body text.
-            </ic-typography>
-          </ic-accordion>
-        </ic-accordion-group>
-        <ic-button>Click Me</ic-button>
-      </ic-dialog>`,
-        });
-        setupDialogMethods(page);
-        const dialog = document.querySelector("ic-dialog");
-        dialog.open = true;
-        await page.waitForChanges();
-        //delay for setTimeout in code
-        await waitForTimeout(DIALOG_DELAY_MS);
-        expect(page.rootInstance.interactiveElementList[1].nodeName).toBe("IC-ACCORDION-GROUP");
-        page.win.document.dispatchEvent(new KeyboardEvent("keydown", keyboardEvent("Tab")));
-        await page.waitForChanges();
-        expect(page.rootInstance.focusedElementIndex).toBe(1);
-    });
-    it("should render with an accordion as first focussable element", async () => {
-        const page = await newSpecPage({
-            components: [Dialog, Accordion, Button],
-            html: `<ic-dialog heading="Dialog heading">
-        <ic-accordion>
-          <ic-typography variant="body" >
-            This is an example of the main body text.
-          </ic-typography>
-        </ic-accordion>
-        <ic-button>Click Me</ic-button>
-      </ic-dialog>`,
-        });
-        setupDialogMethods(page);
-        const dialog = document.querySelector("ic-dialog");
-        dialog.open = true;
-        await page.waitForChanges();
-        //delay for setTimeout in code
-        await waitForTimeout(DIALOG_DELAY_MS);
-        expect(page.rootInstance.interactiveElementList[1].nodeName).toBe("IC-ACCORDION");
-        page.win.document.dispatchEvent(new KeyboardEvent("keydown", keyboardEvent("Tab")));
-        await page.waitForChanges();
-        expect(page.rootInstance.focusedElementIndex).toBe(1);
-    });
-    it("should render with a ic-search-bar as first focussable element", async () => {
-        const page = await newSpecPage({
-            components: [Dialog, Accordion, Button, SearchBar],
-            html: `<ic-dialog heading="Dialog heading">
-        <ic-search-bar label="What is your favourite coffee?"></ic-search-bar>
-        <ic-button>Click Me</ic-button>
-      </ic-dialog>`,
-        });
-        setupDialogMethods(page);
-        const dialog = document.querySelector("ic-dialog");
-        dialog.open = true;
-        await page.waitForChanges();
-        //delay for setTimeout in code
-        await waitForTimeout(DIALOG_DELAY_MS);
-        expect(page.rootInstance.interactiveElementList[1].nodeName).toBe("IC-SEARCH-BAR");
-        page.win.document.dispatchEvent(new KeyboardEvent("keydown", keyboardEvent("Tab")));
-        await page.waitForChanges();
-        expect(page.rootInstance.focusedElementIndex).toBe(1);
-    });
-    it("should render with the close button", async () => {
-        const page = await newSpecPage({
-            components: [Dialog, Button],
-            html: '<ic-dialog heading="Dialog with close button test"></ic-dialog>',
-        });
-        setupDialogMethods(page);
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render without the close button", async () => {
-        const page = await newSpecPage({
-            components: [Dialog, Button],
-            html: '<ic-dialog heading="Dialog hide close button test" hide-close-button="true"></ic-dialog>',
-        });
-        setupDialogMethods(page);
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should call this.getInteractiveElements() when slot content changes", async () => {
-        const page = await newSpecPage({
-            components: [Dialog, Button],
-            html: '<ic-dialog heading="Dialog heading" disable-height-constraint="true"></ic-dialog>',
-        });
-        const contentAreaSlot = document
-            .querySelector("ic-dialog")
-            .shadowRoot.querySelector(".content-area slot");
-        jest
-            .spyOn(page.rootInstance, "getInteractiveElements")
-            .mockImplementation();
-        await page.rootInstance.refreshInteractiveElementsOnSlotChange();
-        contentAreaSlot.dispatchEvent(new Event("slotchange"));
-        expect(page.rootInstance.getInteractiveElements).toBeCalledTimes(1);
-    });
-    it("should call dialog.show() disableHeightConstraint is set and open is true", async () => {
-        const page = await newSpecPage({
-            components: [Dialog, Button],
-            html: '<ic-dialog heading="Dialog heading" disable-height-constraint="true"></ic-dialog>',
-        });
-        setupDialogMethods(page);
-        const dialog = document.querySelector("ic-dialog");
-        await page.waitForChanges();
-        expect(page.rootInstance.dialogRendered).toBe(false);
-        dialog.open = true;
-        await page.waitForChanges();
-        //delay for setTimeout in code
-        await waitForTimeout(DIALOG_DELAY_MS);
-        expect(page.rootInstance.dialogEl.show).toBeCalled();
-    });
-    it("should render as large size and disableWidthConstraint is set", async () => {
-        const page = await newSpecPage({
-            components: [Dialog, Button],
-            html: `<ic-dialog heading="Dialog heading" size="large" disable-width-constraint="true" buttons="false"></ic-dialog>`,
-        });
-        setupDialogMethods(page);
-        expect(page.root).toMatchSnapshot();
-    });
-});
-//# sourceMappingURL=ic-dialog.spec.js.map