@ukic/web-components 2.10.0 → 2.12.0

package/dist/collection/components/ic-checkbox-group/test/basic/ic-checkbox-group.e2e.js

@@ -1,201 +0,0 @@
-import { newE2EPage } from "@stencil/core/testing";
-describe("ic-checkbox-group component", () => {
-    it("Should not be interactable when disabled", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`<ic-checkbox-group label="test label" name="test">
-        <ic-checkbox value="test1" label="checkbox label 1" disabled></ic-checkbox>    
-        <ic-checkbox value="test2" label="checkbox label 2" disabled></ic-checkbox>    
-        </ic-checkbox-group>
-      `);
-        const checkbox = await page.find("ic-checkbox[value='test2']");
-        await checkbox.click();
-        await page.waitForChanges();
-        expect(await checkbox.getProperty("checked")).toBe(false);
-        await checkbox.press(" ");
-        await page.waitForChanges();
-        expect(await checkbox.getProperty("checked")).toBe(false);
-    });
-    it("Should set checkbox to checked when clicked", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`<ic-checkbox-group label="test label" name="test">
-        <ic-checkbox value="test1" label="checkbox label 1"></ic-checkbox>    
-        <ic-checkbox value="test2" label="checkbox label 2"></ic-checkbox>    
-        </ic-checkbox-group>
-      `);
-        let checkbox = await page.find("ic-checkbox[value='test2']");
-        let input = checkbox.shadowRoot.querySelector("input");
-        expect(input.className).toBe("checkbox");
-        await checkbox.click();
-        await page.waitForChanges();
-        checkbox = await page.find("ic-checkbox[value='test2']");
-        input = checkbox.shadowRoot.querySelector("input");
-        expect(checkbox.getAttribute("value")).toBe("test2");
-        expect(input.className).toBe("checkbox checked");
-        expect(await checkbox.getProperty("checked")).toBe(true);
-        await checkbox.click();
-        await page.waitForChanges();
-        checkbox = await page.find("ic-checkbox[value='test2']");
-        expect(checkbox.getAttribute("value")).toBe("test2");
-    });
-    it("Should enable statictextfield when associated checkbox is checked", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`<ic-checkbox-group label="test label" name="test">
-        <ic-checkbox value="test1" label="checkbox label 1"></ic-checkbox>    
-        <ic-checkbox value="test2" label="checkbox label 2" checked>
-          <ic-text-field
-              slot="additional-field"
-              label="Test label"
-          ></ic-text-field>
-        </ic-checkbox>    
-        </ic-checkbox-group>
-      `);
-        const checkbox = await page.find("ic-checkbox[value='test2']");
-        const textfield = await page.find("ic-text-field");
-        expect(textfield).not.toHaveAttribute("disabled");
-        await checkbox.click();
-        await page.waitForChanges();
-        expect(textfield).toHaveAttribute("disabled");
-    });
-    it("Should display dynamic textfield when associated checkbox is checked", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`<ic-checkbox-group label="test label" name="test">
-        <ic-checkbox value="test1" label="checkbox label 1"></ic-checkbox>    
-        <ic-checkbox value="test2" label="checkbox label 2" additional-field-display="dynamic">
-          <ic-text-field
-              slot="additional-field"
-              label="Test label"
-          ></ic-text-field>
-        </ic-checkbox>    
-        </ic-checkbox-group>
-      `);
-        const checkbox = await page.find("ic-checkbox[value='test2']");
-        let additionalFieldDisplay = await page.evaluate(() => {
-            const additionalField = document
-                .querySelector("ic-checkbox[value='test2']")
-                .shadowRoot.querySelector(".dynamic-container");
-            return window.getComputedStyle(additionalField).display;
-        });
-        expect(additionalFieldDisplay).toBe("none");
-        await checkbox.click();
-        await page.waitForChanges();
-        additionalFieldDisplay = await page.evaluate(() => {
-            const additionalField = document
-                .querySelector("ic-checkbox[value='test2']")
-                .shadowRoot.querySelector(".dynamic-container");
-            return window.getComputedStyle(additionalField).display;
-        });
-        expect(additionalFieldDisplay).not.toBe("none");
-    });
-    it("Should emit icChange event when checkbox is checked", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`<ic-checkbox-group label="test label" name="test">
-        <ic-checkbox value="test1" label="checkbox label 1"></ic-checkbox>    
-        <ic-checkbox value="test2" label="checkbox label 2">
-        </ic-checkbox>    
-        </ic-checkbox-group>
-      `);
-        const checkbox = await page.find("ic-checkbox[value='test2']");
-        const icChange = await page.spyOnEvent("icChange");
-        await checkbox.click();
-        await page.waitForChanges();
-        const checkboxElement = await page.evaluate(() => document.querySelector("ic-checkbox[value='test2']"));
-        expect(icChange).toHaveReceivedEventDetail({
-            value: ["test2"],
-            checkedOptions: [{ checkbox: checkboxElement }],
-            selectedOption: checkboxElement,
-        });
-        await checkbox.click();
-        await page.waitForChanges();
-        expect(icChange).toHaveReceivedEventDetail({
-            value: [],
-            checkedOptions: [],
-            selectedOption: checkboxElement,
-        });
-    });
-    it("Should set checkbox to checked when space is pressed", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`<ic-checkbox-group label="test label" name="test">
-        <ic-checkbox value="test1" label="checkbox label 1"></ic-checkbox>    
-        <ic-checkbox value="test2" label="checkbox label 2"></ic-checkbox>    
-        </ic-checkbox-group>
-      `);
-        const checkbox = await page.find("ic-checkbox[value='test1']");
-        expect(await checkbox.getProperty("checked")).toBe(false);
-        await page.keyboard.press("Tab");
-        await checkbox.press(" ");
-        await page.waitForChanges();
-        expect(checkbox.getAttribute("value")).toBe("test1");
-        expect(await checkbox.getProperty("checked")).toBe(true);
-        await checkbox.press(" ");
-        await page.waitForChanges();
-        expect(checkbox.getAttribute("value")).toBe("test1");
-    });
-    it("Works on a form", async () => {
-        const page = await newE2EPage();
-        await page.setContent(` <form>
-          <ic-checkbox-group label="this is a label" name="1">
-          <ic-checkbox
-              value="valueName1"
-              label="Unselected / Default"
-          ></ic-checkbox>
-          <ic-checkbox
-              value="valueName2"
-              label="Selected / Default"
-              selected
-          ></ic-checkbox>
-          <ic-checkbox
-              value="valueName3"
-              label="Unselected / Disabled"
-              disabled
-          ></ic-checkbox>
-          </ic-checkbox-group>
-        <input type="submit" value="Submit">
-      </form>
-      <script>document.querySelector('form').addEventListener('submit', (ev) => {
-        ev.preventDefault();
-      })
-      </script>
-      `);
-        await page.waitForChanges();
-        const checkbox = await page.find("ic-checkbox[value='valueName1']");
-        await checkbox.click();
-        await page.waitForChanges();
-        const value = await (await page.find('ic-checkbox[value="valueName1"] >>> input[name="1"]')).getProperty("value");
-        expect(value).toBe("valueName1");
-    });
-    it("Passes the value of checkboxes correctly when already selected", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`<ic-checkbox-group label="test label" name="test">
-        <ic-checkbox name="test1" value="test1" label="checkbox label 1"></ic-checkbox>    
-        <ic-checkbox name="test2" value="test2" label="checkbox label 2" checked></ic-checkbox>    
-        </ic-checkbox-group>
-      `);
-        await page.waitForChanges();
-        const value = await await (await page.find('ic-checkbox[name="test2"]')).getAttribute("checked");
-        expect(value).toBe("");
-    });
-    it("resets checked state on form reset", async () => {
-        const page = await newE2EPage();
-        await page.setContent(` <form>
-        <ic-checkbox-group label="this is a label" name="1">
-          <ic-checkbox
-              value="valueName1"
-              label="Unselected / Default"
-          ></ic-checkbox>
-        </ic-checkbox-group>
-        <button type="reset" id="resetButton">Reset</button>
-      </form>
-    `);
-        await page.waitForChanges();
-        let checkbox = await page.find("ic-checkbox[value='valueName1']");
-        await checkbox.click();
-        await page.waitForChanges();
-        expect(await checkbox.getProperty("checked")).toBe(true);
-        const resetButton = await page.find("#resetButton");
-        await resetButton.click();
-        await page.waitForChanges();
-        checkbox = await page.find("ic-checkbox[value='valueName1']");
-        expect(await checkbox.getProperty("checked")).toBe(false);
-    });
-});
-//# sourceMappingURL=ic-checkbox-group.e2e.js.map

package/dist/collection/components/ic-checkbox-group/test/basic/ic-checkbox-group.e2e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ic-checkbox-group.e2e.js","sourceRoot":"","sources":["../../../../../src/components/ic-checkbox-group/test/basic/ic-checkbox-group.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { newE2EPage } from \"@stencil/core/testing\";\n\ndescribe(\"ic-checkbox-group component\", () => {\n  it(\"Should not be interactable when disabled\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-checkbox-group label=\"test label\" name=\"test\">\n        <ic-checkbox value=\"test1\" label=\"checkbox label 1\" disabled></ic-checkbox>    \n        <ic-checkbox value=\"test2\" label=\"checkbox label 2\" disabled></ic-checkbox>    \n        </ic-checkbox-group>\n      `);\n\n    const checkbox = await page.find(\"ic-checkbox[value='test2']\");\n    await checkbox.click();\n    await page.waitForChanges();\n    expect(await checkbox.getProperty(\"checked\")).toBe(false);\n\n    await checkbox.press(\" \");\n    await page.waitForChanges();\n    expect(await checkbox.getProperty(\"checked\")).toBe(false);\n  });\n  it(\"Should set checkbox to checked when clicked\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-checkbox-group label=\"test label\" name=\"test\">\n        <ic-checkbox value=\"test1\" label=\"checkbox label 1\"></ic-checkbox>    \n        <ic-checkbox value=\"test2\" label=\"checkbox label 2\"></ic-checkbox>    \n        </ic-checkbox-group>\n      `);\n    let checkbox = await page.find(\"ic-checkbox[value='test2']\");\n    let input = checkbox.shadowRoot.querySelector(\"input\");\n\n    expect(input.className).toBe(\"checkbox\");\n\n    await checkbox.click();\n    await page.waitForChanges();\n\n    checkbox = await page.find(\"ic-checkbox[value='test2']\");\n    input = checkbox.shadowRoot.querySelector(\"input\");\n\n    expect(checkbox.getAttribute(\"value\")).toBe(\"test2\");\n\n    expect(input.className).toBe(\"checkbox checked\");\n\n    expect(await checkbox.getProperty(\"checked\")).toBe(true);\n\n    await checkbox.click();\n    await page.waitForChanges();\n\n    checkbox = await page.find(\"ic-checkbox[value='test2']\");\n\n    expect(checkbox.getAttribute(\"value\")).toBe(\"test2\");\n  });\n  it(\"Should enable statictextfield when associated checkbox is checked\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-checkbox-group label=\"test label\" name=\"test\">\n        <ic-checkbox value=\"test1\" label=\"checkbox label 1\"></ic-checkbox>    \n        <ic-checkbox value=\"test2\" label=\"checkbox label 2\" checked>\n          <ic-text-field\n              slot=\"additional-field\"\n              label=\"Test label\"\n          ></ic-text-field>\n        </ic-checkbox>    \n        </ic-checkbox-group>\n      `);\n    const checkbox = await page.find(\"ic-checkbox[value='test2']\");\n    const textfield = await page.find(\"ic-text-field\");\n\n    expect(textfield).not.toHaveAttribute(\"disabled\");\n\n    await checkbox.click();\n    await page.waitForChanges();\n\n    expect(textfield).toHaveAttribute(\"disabled\");\n  });\n  it(\"Should display dynamic textfield when associated checkbox is checked\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-checkbox-group label=\"test label\" name=\"test\">\n        <ic-checkbox value=\"test1\" label=\"checkbox label 1\"></ic-checkbox>    \n        <ic-checkbox value=\"test2\" label=\"checkbox label 2\" additional-field-display=\"dynamic\">\n          <ic-text-field\n              slot=\"additional-field\"\n              label=\"Test label\"\n          ></ic-text-field>\n        </ic-checkbox>    \n        </ic-checkbox-group>\n      `);\n    const checkbox = await page.find(\"ic-checkbox[value='test2']\");\n    let additionalFieldDisplay = await page.evaluate(() => {\n      const additionalField = document\n        .querySelector(\"ic-checkbox[value='test2']\")\n        .shadowRoot.querySelector(\".dynamic-container\");\n\n      return window.getComputedStyle(additionalField).display;\n    });\n    expect(additionalFieldDisplay).toBe(\"none\");\n\n    await checkbox.click();\n    await page.waitForChanges();\n\n    additionalFieldDisplay = await page.evaluate(() => {\n      const additionalField = document\n        .querySelector(\"ic-checkbox[value='test2']\")\n        .shadowRoot.querySelector(\".dynamic-container\");\n\n      return window.getComputedStyle(additionalField).display;\n    });\n    expect(additionalFieldDisplay).not.toBe(\"none\");\n  });\n  it(\"Should emit icChange event when checkbox is checked\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-checkbox-group label=\"test label\" name=\"test\">\n        <ic-checkbox value=\"test1\" label=\"checkbox label 1\"></ic-checkbox>    \n        <ic-checkbox value=\"test2\" label=\"checkbox label 2\">\n        </ic-checkbox>    \n        </ic-checkbox-group>\n      `);\n    const checkbox = await page.find(\"ic-checkbox[value='test2']\");\n    const icChange = await page.spyOnEvent(\"icChange\");\n\n    await checkbox.click();\n    await page.waitForChanges();\n\n    const checkboxElement = await page.evaluate(\n      () =>\n        document.querySelector(\n          \"ic-checkbox[value='test2']\"\n        ) as HTMLIcCheckboxElement\n    );\n    expect(icChange).toHaveReceivedEventDetail({\n      value: [\"test2\"],\n      checkedOptions: [{ checkbox: checkboxElement }],\n      selectedOption: checkboxElement,\n    });\n\n    await checkbox.click();\n    await page.waitForChanges();\n\n    expect(icChange).toHaveReceivedEventDetail({\n      value: [],\n      checkedOptions: [],\n      selectedOption: checkboxElement,\n    });\n  });\n  it(\"Should set checkbox to checked when space is pressed\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-checkbox-group label=\"test label\" name=\"test\">\n        <ic-checkbox value=\"test1\" label=\"checkbox label 1\"></ic-checkbox>    \n        <ic-checkbox value=\"test2\" label=\"checkbox label 2\"></ic-checkbox>    \n        </ic-checkbox-group>\n      `);\n    const checkbox = await page.find(\"ic-checkbox[value='test1']\");\n    expect(await checkbox.getProperty(\"checked\")).toBe(false);\n\n    await page.keyboard.press(\"Tab\");\n    await checkbox.press(\" \");\n    await page.waitForChanges();\n\n    expect(checkbox.getAttribute(\"value\")).toBe(\"test1\");\n    expect(await checkbox.getProperty(\"checked\")).toBe(true);\n\n    await checkbox.press(\" \");\n    await page.waitForChanges();\n\n    expect(checkbox.getAttribute(\"value\")).toBe(\"test1\");\n  });\n  it(\"Works on a form\", async () => {\n    const page = await newE2EPage();\n\n    await page.setContent(` <form>\n          <ic-checkbox-group label=\"this is a label\" name=\"1\">\n          <ic-checkbox\n              value=\"valueName1\"\n              label=\"Unselected / Default\"\n          ></ic-checkbox>\n          <ic-checkbox\n              value=\"valueName2\"\n              label=\"Selected / Default\"\n              selected\n          ></ic-checkbox>\n          <ic-checkbox\n              value=\"valueName3\"\n              label=\"Unselected / Disabled\"\n              disabled\n          ></ic-checkbox>\n          </ic-checkbox-group>\n        <input type=\"submit\" value=\"Submit\">\n      </form>\n      <script>document.querySelector('form').addEventListener('submit', (ev) => {\n        ev.preventDefault();\n      })\n      </script>\n      `);\n    await page.waitForChanges();\n\n    const checkbox = await page.find(\"ic-checkbox[value='valueName1']\");\n\n    await checkbox.click();\n    await page.waitForChanges();\n    const value = await (\n      await page.find('ic-checkbox[value=\"valueName1\"] >>> input[name=\"1\"]')\n    ).getProperty(\"value\");\n\n    expect(value).toBe(\"valueName1\");\n  });\n  it(\"Passes the value of checkboxes correctly when already selected\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-checkbox-group label=\"test label\" name=\"test\">\n        <ic-checkbox name=\"test1\" value=\"test1\" label=\"checkbox label 1\"></ic-checkbox>    \n        <ic-checkbox name=\"test2\" value=\"test2\" label=\"checkbox label 2\" checked></ic-checkbox>    \n        </ic-checkbox-group>\n      `);\n\n    await page.waitForChanges();\n\n    const value = await await (\n      await page.find('ic-checkbox[name=\"test2\"]')\n    ).getAttribute(\"checked\");\n\n    expect(value).toBe(\"\");\n  });\n\n  it(\"resets checked state on form reset\", async () => {\n    const page = await newE2EPage();\n\n    await page.setContent(` <form>\n        <ic-checkbox-group label=\"this is a label\" name=\"1\">\n          <ic-checkbox\n              value=\"valueName1\"\n              label=\"Unselected / Default\"\n          ></ic-checkbox>\n        </ic-checkbox-group>\n        <button type=\"reset\" id=\"resetButton\">Reset</button>\n      </form>\n    `);\n    await page.waitForChanges();\n\n    let checkbox = await page.find(\"ic-checkbox[value='valueName1']\");\n    await checkbox.click();\n    await page.waitForChanges();\n    expect(await checkbox.getProperty(\"checked\")).toBe(true);\n\n    const resetButton = await page.find(\"#resetButton\");\n    await resetButton.click();\n    await page.waitForChanges();\n\n    checkbox = await page.find(\"ic-checkbox[value='valueName1']\");\n    expect(await checkbox.getProperty(\"checked\")).toBe(false);\n  });\n});\n"]}

package/dist/collection/components/ic-chip/test/a11y/ic-chip.test.a11y.js

@@ -1,11 +0,0 @@
-import { fixture } from "@open-wc/testing-helpers";
-import { axe } from "jest-axe";
-import { checkShadowElementRendersCorrectly } from "../../../../utils/testa11y.helpers";
-describe("chip component", () => {
-    it("passes accessibility", async () => {
-        const el = await fixture("<ic-chip label='label' href='/' dismissible='true'/>");
-        checkShadowElementRendersCorrectly(el);
-        expect(await axe(el)).toHaveNoViolations();
-    });
-});
-//# sourceMappingURL=ic-chip.test.a11y.js.map

package/dist/collection/components/ic-chip/test/a11y/ic-chip.test.a11y.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ic-chip.test.a11y.js","sourceRoot":"","sources":["../../../../../src/components/ic-chip/test/a11y/ic-chip.test.a11y.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,kCAAkC,EAAE,MAAM,oCAAoC,CAAC;AAExF,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC9B,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;QACpC,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB,sDAAsD,CACvD,CAAC;QACF,kCAAkC,CAAC,EAAE,CAAC,CAAC;QACvC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB,EAAE,CAAC;IAC7C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { fixture } from \"@open-wc/testing-helpers\";\nimport { axe } from \"jest-axe\";\nimport { checkShadowElementRendersCorrectly } from \"../../../../utils/testa11y.helpers\";\n\ndescribe(\"chip component\", () => {\n  it(\"passes accessibility\", async () => {\n    const el = await fixture(\n      \"<ic-chip label='label' href='/' dismissible='true'/>\"\n    );\n    checkShadowElementRendersCorrectly(el);\n    expect(await axe(el)).toHaveNoViolations();\n  });\n});\n"]}

package/dist/collection/components/ic-data-entity/test/a11y/ic-data-entity.test.a11y.js

@@ -1,11 +0,0 @@
-import { fixture } from "@open-wc/testing-helpers";
-import { axe } from "jest-axe";
-import { checkShadowElementRendersCorrectly } from "../../../../utils/testa11y.helpers";
-describe("data entity component", () => {
-    it("passes accessibility", async () => {
-        const el = await fixture("<ic-data-entity />");
-        checkShadowElementRendersCorrectly(el);
-        expect(await axe(el)).toHaveNoViolations();
-    });
-});
-//# sourceMappingURL=ic-data-entity.test.a11y.js.map

package/dist/collection/components/ic-data-entity/test/a11y/ic-data-entity.test.a11y.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ic-data-entity.test.a11y.js","sourceRoot":"","sources":["../../../../../src/components/ic-data-entity/test/a11y/ic-data-entity.test.a11y.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,kCAAkC,EAAE,MAAM,oCAAoC,CAAC;AAExF,QAAQ,CAAC,uBAAuB,EAAE,GAAG,EAAE;IACrC,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;QACpC,MAAM,EAAE,GAAG,MAAM,OAAO,CAAC,oBAAoB,CAAC,CAAC;QAC/C,kCAAkC,CAAC,EAAE,CAAC,CAAC;QACvC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB,EAAE,CAAC;IAC7C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { fixture } from \"@open-wc/testing-helpers\";\nimport { axe } from \"jest-axe\";\nimport { checkShadowElementRendersCorrectly } from \"../../../../utils/testa11y.helpers\";\n\ndescribe(\"data entity component\", () => {\n  it(\"passes accessibility\", async () => {\n    const el = await fixture(\"<ic-data-entity />\");\n    checkShadowElementRendersCorrectly(el);\n    expect(await axe(el)).toHaveNoViolations();\n  });\n});\n"]}

package/dist/collection/components/ic-dialog/test/a11y/ic-dialog.test.a11y.js

@@ -1,28 +0,0 @@
-import { fixture } from "@open-wc/testing-helpers";
-import { axe } from "jest-axe";
-import { checkShadowElementRendersCorrectly } from "../../../../utils/testa11y.helpers";
-describe("dialog component", () => {
-    it("passes accessibility", async () => {
-        const el = await fixture(`
-    <ic-dialog
-        label="Success"
-        heading="Action was a success!" 
-        size="small" 
-        status="success"
-        alert-heading="Success!"
-        alert-message="Action was a success"
-        buttons="two"
-    >
-        Lorem ipsum dolor sit amet, 
-        consectetur adipiscing elit, 
-        sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-    </ic-dialog>
-    <script>
-      dialog = document.querySelector('ic-dialog');
-      dialog.buttonProps = [{label: "Click me!", onclick: "alert('clicked')"},{label: "Close", onclick: "this.hideDialog()"},{}];
-    </script>`);
-        checkShadowElementRendersCorrectly(el);
-        expect(await axe(el)).toHaveNoViolations();
-    });
-});
-//# sourceMappingURL=ic-dialog.test.a11y.js.map

package/dist/collection/components/ic-dialog/test/a11y/ic-dialog.test.a11y.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ic-dialog.test.a11y.js","sourceRoot":"","sources":["../../../../../src/components/ic-dialog/test/a11y/ic-dialog.test.a11y.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,kCAAkC,EAAE,MAAM,oCAAoC,CAAC;AAExF,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAChC,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;QACpC,MAAM,EAAE,GAAG,MAAM,OAAO,CAAC;;;;;;;;;;;;;;;;;cAiBf,CAAC,CAAC;QACZ,kCAAkC,CAAC,EAAE,CAAC,CAAC;QACvC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB,EAAE,CAAC;IAC7C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { fixture } from \"@open-wc/testing-helpers\";\nimport { axe } from \"jest-axe\";\nimport { checkShadowElementRendersCorrectly } from \"../../../../utils/testa11y.helpers\";\n\ndescribe(\"dialog component\", () => {\n  it(\"passes accessibility\", async () => {\n    const el = await fixture(`\n    <ic-dialog\n        label=\"Success\"\n        heading=\"Action was a success!\" \n        size=\"small\" \n        status=\"success\"\n        alert-heading=\"Success!\"\n        alert-message=\"Action was a success\"\n        buttons=\"two\"\n    >\n        Lorem ipsum dolor sit amet, \n        consectetur adipiscing elit, \n        sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\n    </ic-dialog>\n    <script>\n      dialog = document.querySelector('ic-dialog');\n      dialog.buttonProps = [{label: \"Click me!\", onclick: \"alert('clicked')\"},{label: \"Close\", onclick: \"this.hideDialog()\"},{}];\n    </script>`);\n    checkShadowElementRendersCorrectly(el);\n    expect(await axe(el)).toHaveNoViolations();\n  });\n});\n"]}

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

@@ -1,288 +0,0 @@
-import { newE2EPage } from "@stencil/core/testing";
-beforeAll(() => {
-    jest.spyOn(console, "warn").mockImplementation(jest.fn());
-});
-const DIALOG_DELAY_MS = 300;
-describe("ic-dialog", () => {
-    it("should test focus and tab key press", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`
-      <script>
-        function showDialog() {
-          dialog = document.querySelector("ic-dialog");
-          dialog.open = true;
-        }
-      </script>
-      <ic-button id="showBtn" variant="primary" onclick="showDialog()"
-        >Launch dialog</ic-button
-      >
-      <ic-dialog
-        heading="This dialog has slotted interactive content"
-        label="slotted"
-        dismiss-label="Close"
-        size="medium"
-      >
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
-        tempor incididunt ut labore et dolore magna aliqua.
-        <ic-text-field id="text-field" label="What is your favourite coffee?">
-        </ic-text-field>
-        <ic-select
-        id="sel1"
-          label="What is your favourite coffee?"
-          placeholder="Placeholder goes here"
-        ></ic-select>
-        <ic-checkbox-group
-          style="margin: 8px 0"
-          hide-label
-          label="confirm"
-          name="confirm-checkbox"
-        >
-          <ic-checkbox label="Option" value="confirm" id="checkbox1"></ic-checkbox>
-        </ic-checkbox-group>
-       </ic-dialog>
-    `);
-        const btn = await page.find("#showBtn");
-        btn.click();
-        await page.waitForChanges();
-        await page.waitForTimeout(DIALOG_DELAY_MS);
-        let activeElement = await page.evaluate(() => document.activeElement.id);
-        expect(activeElement).toEqual("text-field");
-        await page.keyboard.press("Tab");
-        await page.waitForChanges();
-        activeElement = await page.evaluate(() => document.activeElement.id);
-        expect(activeElement).toEqual("sel1");
-        await page.keyboard.press("Tab");
-        await page.waitForChanges();
-        activeElement = await page.evaluate(() => document.activeElement.id);
-        expect(activeElement).toEqual("checkbox1");
-        await page.keyboard.press("Tab");
-        await page.waitForChanges();
-        activeElement = await page.evaluate(() => document.activeElement.id);
-        expect(activeElement).toEqual("");
-        await page.keyboard.press("Tab");
-        await page.waitForChanges();
-        activeElement = await page.evaluate(() => document.activeElement.id);
-        expect(activeElement).toEqual("");
-        await page.keyboard.press("Tab");
-        await page.waitForChanges();
-        activeElement = await page.evaluate(() => document.activeElement.id);
-        expect(activeElement).toEqual("");
-        await page.keyboard.press("Tab");
-        await page.waitForChanges();
-        activeElement = await page.evaluate(() => document.activeElement.id);
-        expect(activeElement).toEqual("text-field");
-    });
-    it("should hide dialog when background clicked", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`
-      <script>
-        function showDialog() {
-          dialog = document.querySelector("ic-dialog");
-          dialog.open = true;
-        }
-      </script>
-      <ic-button id="showBtn" variant="primary" onclick="showDialog()"
-        >Launch dialog</ic-button
-      >
-      <ic-dialog
-        heading="This dialog has slotted interactive content"
-        label="slotted"
-        size="medium"
-      >
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
-        tempor incididunt ut labore et dolore magna aliqua.        
-       </ic-dialog>
-    `);
-        const dialog = await page.find("ic-dialog");
-        let dialogDisplay = (await dialog.getComputedStyle()).display;
-        expect(dialogDisplay).toBe("none");
-        const btn = await page.find("#showBtn");
-        btn.click();
-        await page.waitForChanges();
-        await page.waitForTimeout(DIALOG_DELAY_MS);
-        dialogDisplay = (await dialog.getComputedStyle()).display;
-        expect(dialogDisplay).toBe("flex");
-        await page.mouse.click(10, 10);
-        await page.waitForChanges();
-        await page.waitForTimeout(DIALOG_DELAY_MS);
-        dialogDisplay = (await dialog.getComputedStyle()).display;
-        expect(dialogDisplay).toBe("none");
-    });
-    it("should not hide dialog when background clicked", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`
-      <script>
-        function showDialog() {
-          dialog = document.querySelector("ic-dialog");
-          dialog.open = true;
-        }
-      </script>
-      <ic-button id="showBtn" variant="primary" onclick="showDialog()"
-        >Launch dialog</ic-button
-      >
-      <ic-dialog
-        heading="This dialog has slotted interactive content"
-        label="slotted"
-        size="medium"
-        close-on-backdrop-click="false"
-      >
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
-        tempor incididunt ut labore et dolore magna aliqua.        
-       </ic-dialog>
-    `);
-        const dialog = await page.find("ic-dialog");
-        let dialogDisplay = (await dialog.getComputedStyle()).display;
-        expect(dialogDisplay).toBe("none");
-        const btn = await page.find("#showBtn");
-        btn.click();
-        await page.waitForChanges();
-        await page.waitForTimeout(DIALOG_DELAY_MS);
-        dialogDisplay = (await dialog.getComputedStyle()).display;
-        expect(dialogDisplay).toBe("flex");
-        await page.mouse.click(10, 10);
-        await page.waitForChanges();
-        await page.waitForTimeout(DIALOG_DELAY_MS);
-        dialogDisplay = (await dialog.getComputedStyle()).display;
-        expect(dialogDisplay).toBe("flex");
-    });
-    it("should be able to tab to dynamically added interactive element", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`<script>
-      function showSmallDialog() {
-        dialog = document.querySelector("#small-dialog");
-        dialog.showDialog();
-      }
-      function showNewBtn() {
-        var el = document.createElement("ic-button");
-        el.innerText = "foo";
-        var base = document.querySelector("#base");
-        base.after(el);
-      }
-    </script>
-    <ic-button variant="primary" id='showBtn' onclick="showSmallDialog()">
-      Launch small dialog
-    </ic-button>
-    <ic-dialog
-      heading="This is a small dialog"
-      label="Small"
-      id="small-dialog"
-    >
-      <ic-typography>
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
-        eiusmod tempor incididunt ut labore et dolore magna aliqua.
-      </ic-typography>
-      <ic-button class="show" onclick="showNewBtn();">Show</ic-button>
-      <div id="base"></div>
-    </ic-dialog>
-    `);
-        const btn = await page.find("#showBtn");
-        btn.click();
-        await page.waitForChanges();
-        await page.waitForTimeout(DIALOG_DELAY_MS);
-        let focusedEl = await page.evaluate(() => {
-            const el = document.activeElement;
-            return {
-                tagName: el.tagName,
-                textContent: el.textContent,
-            };
-        });
-        expect(focusedEl.tagName).toBe("IC-BUTTON");
-        expect(focusedEl.textContent).toBe("Show");
-        await page.keyboard.press("Tab");
-        await page.waitForChanges();
-        focusedEl = await page.evaluate(() => {
-            const dialog = document.querySelector("ic-dialog");
-            const el = dialog.shadowRoot.activeElement;
-            return {
-                tagName: el.tagName,
-                textContent: el.textContent,
-            };
-        });
-        expect(focusedEl.tagName).toBe("IC-BUTTON");
-        expect(focusedEl.textContent).toBe("Cancel");
-        const showBtn = await page.find(".show");
-        await showBtn.click();
-        await page.waitForChanges();
-        await page.keyboard.press("Tab");
-        await page.waitForChanges();
-        focusedEl = await page.evaluate(() => {
-            const el = document.activeElement;
-            return {
-                tagName: el.tagName,
-                textContent: el.textContent,
-            };
-        });
-        expect(focusedEl.tagName).toBe("IC-BUTTON");
-        expect(focusedEl.textContent).toBe("foo");
-    });
-    it("should not tab to interactive button when hidden and tab to cancel button", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`<script>
-      function showSmallDialog() {
-        dialog = document.querySelector("#small-dialog");
-        dialog.showDialog();
-      }
-      function hideNewBtn() {
-        var btn = document.querySelector("#hide-btn");
-        btn.remove();
-      }
-    </script>
-    <ic-button variant="primary" id='showBtn' onclick="showSmallDialog()">
-      Launch small dialog
-    </ic-button>
-    <ic-dialog
-      heading="This is a small dialog"
-      label="Small"
-      id="small-dialog"
-    >
-      <ic-typography>
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
-        eiusmod tempor incididunt ut labore et dolore magna aliqua.
-      </ic-typography>
-      <ic-button class="hide" onclick="hideNewBtn();">Hide</ic-button>
-      <ic-button id='hide-btn'>foo</ic-button>
-      <div id="base"></div>
-    </ic-dialog>
-    `);
-        const btn = await page.find("#showBtn");
-        await btn.click();
-        await page.waitForChanges();
-        await page.waitForTimeout(DIALOG_DELAY_MS);
-        let focusedEl = await page.evaluate(() => {
-            const el = document.activeElement;
-            return {
-                tagName: el.tagName,
-                textContent: el.textContent,
-            };
-        });
-        expect(focusedEl.tagName).toBe("IC-BUTTON");
-        expect(focusedEl.textContent).toBe("Hide");
-        await page.keyboard.press("Tab");
-        await page.waitForChanges();
-        focusedEl = await page.evaluate(() => {
-            const el = document.activeElement;
-            return {
-                tagName: el.tagName,
-                textContent: el.textContent,
-            };
-        });
-        expect(focusedEl.tagName).toBe("IC-BUTTON");
-        expect(focusedEl.textContent).toBe("foo");
-        const hideBtn = await page.find(".hide");
-        await hideBtn.click();
-        await page.waitForChanges();
-        await page.keyboard.press("Tab");
-        await page.waitForChanges();
-        focusedEl = await page.evaluate(() => {
-            const dialog = document.querySelector("ic-dialog");
-            const el = dialog.shadowRoot.activeElement;
-            return {
-                tagName: el.tagName,
-                textContent: el.textContent,
-            };
-        });
-        expect(focusedEl.tagName).toBe("IC-BUTTON");
-        expect(focusedEl.textContent).toBe("Cancel");
-    });
-});
-//# sourceMappingURL=ic-dialog.e2e.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ic-dialog.e2e.js","sourceRoot":"","sources":["../../../../../src/components/ic-dialog/test/basic/ic-dialog.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { newE2EPage } from \"@stencil/core/testing\";\n\nbeforeAll(() => {\n  jest.spyOn(console, \"warn\").mockImplementation(jest.fn());\n});\n\nconst DIALOG_DELAY_MS = 300;\n\ndescribe(\"ic-dialog\", () => {\n  it(\"should test focus and tab key press\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(\n      `\n      <script>\n        function showDialog() {\n          dialog = document.querySelector(\"ic-dialog\");\n          dialog.open = true;\n        }\n      </script>\n      <ic-button id=\"showBtn\" variant=\"primary\" onclick=\"showDialog()\"\n        >Launch dialog</ic-button\n      >\n      <ic-dialog\n        heading=\"This dialog has slotted interactive content\"\n        label=\"slotted\"\n        dismiss-label=\"Close\"\n        size=\"medium\"\n      >\n        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod\n        tempor incididunt ut labore et dolore magna aliqua.\n        <ic-text-field id=\"text-field\" label=\"What is your favourite coffee?\">\n        </ic-text-field>\n        <ic-select\n        id=\"sel1\"\n          label=\"What is your favourite coffee?\"\n          placeholder=\"Placeholder goes here\"\n        ></ic-select>\n        <ic-checkbox-group\n          style=\"margin: 8px 0\"\n          hide-label\n          label=\"confirm\"\n          name=\"confirm-checkbox\"\n        >\n          <ic-checkbox label=\"Option\" value=\"confirm\" id=\"checkbox1\"></ic-checkbox>\n        </ic-checkbox-group>\n       </ic-dialog>\n    `\n    );\n\n    const btn = await page.find(\"#showBtn\");\n    btn.click();\n\n    await page.waitForChanges();\n    await page.waitForTimeout(DIALOG_DELAY_MS);\n\n    let activeElement = await page.evaluate(() => document.activeElement.id);\n    expect(activeElement).toEqual(\"text-field\");\n\n    await page.keyboard.press(\"Tab\");\n    await page.waitForChanges();\n\n    activeElement = await page.evaluate(() => document.activeElement.id);\n    expect(activeElement).toEqual(\"sel1\");\n\n    await page.keyboard.press(\"Tab\");\n    await page.waitForChanges();\n\n    activeElement = await page.evaluate(() => document.activeElement.id);\n    expect(activeElement).toEqual(\"checkbox1\");\n\n    await page.keyboard.press(\"Tab\");\n    await page.waitForChanges();\n\n    activeElement = await page.evaluate(() => document.activeElement.id);\n    expect(activeElement).toEqual(\"\");\n\n    await page.keyboard.press(\"Tab\");\n    await page.waitForChanges();\n\n    activeElement = await page.evaluate(() => document.activeElement.id);\n    expect(activeElement).toEqual(\"\");\n\n    await page.keyboard.press(\"Tab\");\n    await page.waitForChanges();\n\n    activeElement = await page.evaluate(() => document.activeElement.id);\n    expect(activeElement).toEqual(\"\");\n\n    await page.keyboard.press(\"Tab\");\n    await page.waitForChanges();\n\n    activeElement = await page.evaluate(() => document.activeElement.id);\n    expect(activeElement).toEqual(\"text-field\");\n  });\n\n  it(\"should hide dialog when background clicked\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(\n      `\n      <script>\n        function showDialog() {\n          dialog = document.querySelector(\"ic-dialog\");\n          dialog.open = true;\n        }\n      </script>\n      <ic-button id=\"showBtn\" variant=\"primary\" onclick=\"showDialog()\"\n        >Launch dialog</ic-button\n      >\n      <ic-dialog\n        heading=\"This dialog has slotted interactive content\"\n        label=\"slotted\"\n        size=\"medium\"\n      >\n        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod\n        tempor incididunt ut labore et dolore magna aliqua.        \n       </ic-dialog>\n    `\n    );\n\n    const dialog = await page.find(\"ic-dialog\");\n\n    let dialogDisplay = (await dialog.getComputedStyle()).display;\n    expect(dialogDisplay).toBe(\"none\");\n\n    const btn = await page.find(\"#showBtn\");\n    btn.click();\n\n    await page.waitForChanges();\n    await page.waitForTimeout(DIALOG_DELAY_MS);\n\n    dialogDisplay = (await dialog.getComputedStyle()).display;\n    expect(dialogDisplay).toBe(\"flex\");\n\n    await page.mouse.click(10, 10);\n    await page.waitForChanges();\n    await page.waitForTimeout(DIALOG_DELAY_MS);\n\n    dialogDisplay = (await dialog.getComputedStyle()).display;\n    expect(dialogDisplay).toBe(\"none\");\n  });\n\n  it(\"should not hide dialog when background clicked\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(\n      `\n      <script>\n        function showDialog() {\n          dialog = document.querySelector(\"ic-dialog\");\n          dialog.open = true;\n        }\n      </script>\n      <ic-button id=\"showBtn\" variant=\"primary\" onclick=\"showDialog()\"\n        >Launch dialog</ic-button\n      >\n      <ic-dialog\n        heading=\"This dialog has slotted interactive content\"\n        label=\"slotted\"\n        size=\"medium\"\n        close-on-backdrop-click=\"false\"\n      >\n        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod\n        tempor incididunt ut labore et dolore magna aliqua.        \n       </ic-dialog>\n    `\n    );\n\n    const dialog = await page.find(\"ic-dialog\");\n\n    let dialogDisplay = (await dialog.getComputedStyle()).display;\n    expect(dialogDisplay).toBe(\"none\");\n\n    const btn = await page.find(\"#showBtn\");\n    btn.click();\n\n    await page.waitForChanges();\n    await page.waitForTimeout(DIALOG_DELAY_MS);\n\n    dialogDisplay = (await dialog.getComputedStyle()).display;\n    expect(dialogDisplay).toBe(\"flex\");\n\n    await page.mouse.click(10, 10);\n    await page.waitForChanges();\n    await page.waitForTimeout(DIALOG_DELAY_MS);\n\n    dialogDisplay = (await dialog.getComputedStyle()).display;\n    expect(dialogDisplay).toBe(\"flex\");\n  });\n\n  it(\"should be able to tab to dynamically added interactive element\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<script>\n      function showSmallDialog() {\n        dialog = document.querySelector(\"#small-dialog\");\n        dialog.showDialog();\n      }\n      function showNewBtn() {\n        var el = document.createElement(\"ic-button\");\n        el.innerText = \"foo\";\n        var base = document.querySelector(\"#base\");\n        base.after(el);\n      }\n    </script>\n    <ic-button variant=\"primary\" id='showBtn' onclick=\"showSmallDialog()\">\n      Launch small dialog\n    </ic-button>\n    <ic-dialog\n      heading=\"This is a small dialog\"\n      label=\"Small\"\n      id=\"small-dialog\"\n    >\n      <ic-typography>\n        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\n        eiusmod tempor incididunt ut labore et dolore magna aliqua.\n      </ic-typography>\n      <ic-button class=\"show\" onclick=\"showNewBtn();\">Show</ic-button>\n      <div id=\"base\"></div>\n    </ic-dialog>\n    `);\n\n    const btn = await page.find(\"#showBtn\");\n    btn.click();\n\n    await page.waitForChanges();\n    await page.waitForTimeout(DIALOG_DELAY_MS);\n\n    let focusedEl = await page.evaluate(() => {\n      const el = document.activeElement;\n      return {\n        tagName: el.tagName,\n        textContent: el.textContent,\n      };\n    });\n\n    expect(focusedEl.tagName).toBe(\"IC-BUTTON\");\n    expect(focusedEl.textContent).toBe(\"Show\");\n\n    await page.keyboard.press(\"Tab\");\n    await page.waitForChanges();\n\n    focusedEl = await page.evaluate(() => {\n      const dialog = document.querySelector(\"ic-dialog\");\n      const el = dialog.shadowRoot.activeElement;\n      return {\n        tagName: el.tagName,\n        textContent: el.textContent,\n      };\n    });\n\n    expect(focusedEl.tagName).toBe(\"IC-BUTTON\");\n    expect(focusedEl.textContent).toBe(\"Cancel\");\n\n    const showBtn = await page.find(\".show\");\n    await showBtn.click();\n    await page.waitForChanges();\n\n    await page.keyboard.press(\"Tab\");\n    await page.waitForChanges();\n\n    focusedEl = await page.evaluate(() => {\n      const el = document.activeElement;\n      return {\n        tagName: el.tagName,\n        textContent: el.textContent,\n      };\n    });\n\n    expect(focusedEl.tagName).toBe(\"IC-BUTTON\");\n    expect(focusedEl.textContent).toBe(\"foo\");\n  });\n\n  it(\"should not tab to interactive button when hidden and tab to cancel button\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<script>\n      function showSmallDialog() {\n        dialog = document.querySelector(\"#small-dialog\");\n        dialog.showDialog();\n      }\n      function hideNewBtn() {\n        var btn = document.querySelector(\"#hide-btn\");\n        btn.remove();\n      }\n    </script>\n    <ic-button variant=\"primary\" id='showBtn' onclick=\"showSmallDialog()\">\n      Launch small dialog\n    </ic-button>\n    <ic-dialog\n      heading=\"This is a small dialog\"\n      label=\"Small\"\n      id=\"small-dialog\"\n    >\n      <ic-typography>\n        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do\n        eiusmod tempor incididunt ut labore et dolore magna aliqua.\n      </ic-typography>\n      <ic-button class=\"hide\" onclick=\"hideNewBtn();\">Hide</ic-button>\n      <ic-button id='hide-btn'>foo</ic-button>\n      <div id=\"base\"></div>\n    </ic-dialog>\n    `);\n\n    const btn = await page.find(\"#showBtn\");\n    await btn.click();\n\n    await page.waitForChanges();\n    await page.waitForTimeout(DIALOG_DELAY_MS);\n\n    let focusedEl = await page.evaluate(() => {\n      const el = document.activeElement;\n      return {\n        tagName: el.tagName,\n        textContent: el.textContent,\n      };\n    });\n\n    expect(focusedEl.tagName).toBe(\"IC-BUTTON\");\n    expect(focusedEl.textContent).toBe(\"Hide\");\n\n    await page.keyboard.press(\"Tab\");\n    await page.waitForChanges();\n\n    focusedEl = await page.evaluate(() => {\n      const el = document.activeElement;\n      return {\n        tagName: el.tagName,\n        textContent: el.textContent,\n      };\n    });\n\n    expect(focusedEl.tagName).toBe(\"IC-BUTTON\");\n    expect(focusedEl.textContent).toBe(\"foo\");\n\n    const hideBtn = await page.find(\".hide\");\n    await hideBtn.click();\n    await page.waitForChanges();\n\n    await page.keyboard.press(\"Tab\");\n    await page.waitForChanges();\n\n    focusedEl = await page.evaluate(() => {\n      const dialog = document.querySelector(\"ic-dialog\");\n      const el = dialog.shadowRoot.activeElement;\n      return {\n        tagName: el.tagName,\n        textContent: el.textContent,\n      };\n    });\n\n    expect(focusedEl.tagName).toBe(\"IC-BUTTON\");\n    expect(focusedEl.textContent).toBe(\"Cancel\");\n  });\n});\n"]}