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

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

@@ -1,219 +0,0 @@
-import { BreadcrumbGroup } from "../../ic-breadcrumb-group";
-import { newSpecPage } from "@stencil/core/testing";
-import { Breadcrumb } from "../../../ic-breadcrumb/ic-breadcrumb";
-import { DEVICE_SIZES } from "../../../../utils/helpers";
-import * as helpers from "../../../../utils/helpers";
-import { waitForTimeout } from "../../../../testspec.setup";
-describe("ic-breadcrumb-group", () => {
-    it("should render", async () => {
-        const page = await newSpecPage({
-            components: [BreadcrumbGroup],
-            html: `<ic-breadcrumb-group></ic-breadcrumb-group>`,
-        });
-        expect(page.root).toMatchSnapshot("should render");
-    });
-    it("should render styling from props", async () => {
-        const page = await newSpecPage({
-            components: [BreadcrumbGroup],
-            html: `<ic-breadcrumb-group collapsed="true" back-breadcrumb-only="true"></ic-breadcrumb-group>`,
-        });
-        expect(page.root).toMatchSnapshot("should render styling from props");
-    });
-    it("should render current theme styling", async () => {
-        const page = await newSpecPage({
-            components: [BreadcrumbGroup, Breadcrumb],
-            html: `<ic-breadcrumb-group theme="light">
-      <ic-breadcrumb page-title="Breadcrumb 1" href="/breadcrumb-1">
-        <svg
-          slot="icon"
-          width="24"
-          height="24"
-          viewBox="0 0 24 24"
-          fill="none"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z"
-            fill="currentColor"
-          ></path>
-        </svg>
-      </ic-breadcrumb>
-      <ic-breadcrumb page-title="Breadcrumb 2" current="true" href="/">
-        <svg
-          slot="icon"
-          width="24"
-          height="24"
-          viewBox="0 0 24 24"
-          fill="none"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z"
-            fill="currentColor"
-          ></path>
-        </svg>
-      </ic-breadcrumb>
-    </ic-breadcrumb-group>`,
-        });
-        expect(page.root).toMatchSnapshot("should render current theme styling");
-    });
-    it("should render with ic-breadcrumb", async () => {
-        const page = await newSpecPage({
-            components: [BreadcrumbGroup, Breadcrumb],
-            html: `<ic-breadcrumb-group><ic-breadcrumb></ic-breadcrumb></ic-breadcrumb-group>`,
-        });
-        expect(page.root).toMatchSnapshot("should render with ic-breadcrumb");
-    });
-    it("should render with collapse button", async () => {
-        const page = await newSpecPage({
-            components: [BreadcrumbGroup, Breadcrumb],
-            html: `
-        <ic-breadcrumb-group collapsed="true">
-          <ic-breadcrumb page-title="Breadcrumb 1" href="/breadcrumb-1"></ic-breadcrumb>
-          <ic-breadcrumb page-title="Breadcrumb 2" href="/breadcrumb-2"></ic-breadcrumb>
-          <ic-breadcrumb current="true" page-title="Breadcrumb 3" href="/breadcrumb-3"></ic-breadcrumb>
-        </ic-breadcrumb-group>`,
-        });
-        expect(page.root).toMatchSnapshot("should render with collapse button");
-    });
-    it("should set hasShadowDom", async () => {
-        const page = await newSpecPage({
-            components: [BreadcrumbGroup],
-            html: `<ic-breadcrumb-group></ic-breadcrumb-group>`,
-        });
-        const element = page.root.shadowRoot.querySelector("nav");
-        expect(helpers.hasShadowDom(element)).toBe(false);
-    });
-    it("should handle the hidden collapsed breadcrumbs", async () => {
-        const page = await newSpecPage({
-            components: [BreadcrumbGroup, Breadcrumb],
-            html: `
-        <ic-breadcrumb-group collapsed="true">
-          <ic-breadcrumb page-title="Breadcrumb 1" href="/breadcrumb-1"></ic-breadcrumb>
-          <ic-breadcrumb page-title="Breadcrumb 2" href="/breadcrumb-2"></ic-breadcrumb>
-          <ic-breadcrumb current="true" page-title="Breadcrumb 3" href="/breadcrumb-3"></ic-breadcrumb>
-        </ic-breadcrumb-group>`,
-        });
-        const collapsedEllipsis = page.doc.getElementById("collapsed-ellipsis");
-        collapsedEllipsis.click();
-        await page.waitForChanges();
-        expect(page.root).toMatchSnapshot("should handle the hidden collapsed breadcrumbs");
-    });
-    it("should test collapsed behaviour on resize to small devices", async () => {
-        const page = await newSpecPage({
-            components: [BreadcrumbGroup, Breadcrumb],
-            html: `<ic-breadcrumb-group collapsed="true">
-      <ic-breadcrumb current="true" page-title="Breadcrumb 1" href="/breadcrumb-1"></ic-breadcrumb>
-      <ic-breadcrumb page-title="Breadcrumb 2" href="/breadcrumb-2"></ic-breadcrumb>
-      <ic-breadcrumb page-title="Breadcrumb 3" href="/breadcrumb-3"></ic-breadcrumb>
-      <ic-breadcrumb page-title="Breadcrumb 4" href="/breadcrumb-4"></ic-breadcrumb>
-      </ic-breadcrumb-group>`,
-        });
-        page.rootInstance.resizeObserverCallback(DEVICE_SIZES.S);
-        expect(page.root).toMatchSnapshot("should test collapsed behaviour on resize to small devices");
-    });
-    it("should test behaviour on small devices", async () => {
-        const page = await newSpecPage({
-            components: [BreadcrumbGroup, Breadcrumb],
-            html: `<ic-breadcrumb-group>
-      <ic-breadcrumb page-title="Breadcrumb 1" href="/breadcrumb-1"></ic-breadcrumb>
-      <ic-breadcrumb page-title="Breadcrumb 2" href="/breadcrumb-2"></ic-breadcrumb>
-      <ic-breadcrumb current="true" page-title="Breadcrumb 3" href="/breadcrumb-3"></ic-breadcrumb>
-      </ic-breadcrumb-group>`,
-        });
-        page.rootInstance.resizeObserverCallback(DEVICE_SIZES.S);
-        expect(page.rootInstance.backBreadcrumbOnly).toBe(true);
-        //call runResizeObserver
-        await page.rootInstance.runResizeObserver();
-    });
-    it("should test behaviour on change to medium devices", async () => {
-        const page = await newSpecPage({
-            components: [BreadcrumbGroup, Breadcrumb],
-            html: `<ic-breadcrumb-group collapsed="true">
-          <ic-breadcrumb current="true" page-title="Breadcrumb 1" href="/breadcrumb-1"></ic-breadcrumb>
-          <ic-breadcrumb page-title="Breadcrumb 2" href="/breadcrumb-2"></ic-breadcrumb>
-          <ic-breadcrumb page-title="Breadcrumb 3" href="/breadcrumb-3"></ic-breadcrumb>
-          <ic-breadcrumb page-title="Breadcrumb 4" href="/breadcrumb-4"></ic-breadcrumb>
-      </ic-breadcrumb-group>`,
-        });
-        page.rootInstance.expandedBreadcrumbGroup = true;
-        page.rootInstance.resizeObserverCallback(DEVICE_SIZES.S);
-        page.rootInstance.resizeObserverCallback(DEVICE_SIZES.M);
-        expect(page.rootInstance.backBreadcrumbOnly).toBe(false);
-        //call runResizeObserver
-        await page.rootInstance.runResizeObserver();
-    });
-    it("should test resize observer after expanding breadcrumbs", async () => {
-        const page = await newSpecPage({
-            components: [BreadcrumbGroup, Breadcrumb],
-            html: `<ic-breadcrumb-group collapsed="true">
-          <ic-breadcrumb current="true" page-title="Breadcrumb 1" href="/breadcrumb-1"></ic-breadcrumb>
-          <ic-breadcrumb page-title="Breadcrumb 2" href="/breadcrumb-2"></ic-breadcrumb>
-          <ic-breadcrumb page-title="Breadcrumb 3" href="/breadcrumb-3"></ic-breadcrumb>
-          <ic-breadcrumb page-title="Breadcrumb 4" href="/breadcrumb-4"></ic-breadcrumb>
-      </ic-breadcrumb-group>`,
-        });
-        // page.rootInstance.expandedBreadcrumbGroup = true;
-        page.rootInstance.resizeObserverCallback(DEVICE_SIZES.S);
-        expect(page.rootInstance.expandedBreadcrumbs).toBe(false);
-        const button = page.root.querySelector("#collapsed-ellipsis");
-        button.click();
-        await page.waitForChanges();
-        //delay to test setTimeout in code
-        await waitForTimeout(100);
-        page.rootInstance.resizeObserverCallback(DEVICE_SIZES.M);
-        await page.waitForChanges();
-        expect(page.rootInstance.expandedBreadcrumbs).toBe(true);
-        //call runResizeObserver
-        await page.rootInstance.runResizeObserver();
-    });
-    it("should test resize observer with collapsed false", async () => {
-        const page = await newSpecPage({
-            components: [BreadcrumbGroup, Breadcrumb],
-            html: `<ic-breadcrumb-group>
-          <ic-breadcrumb current="true" page-title="Breadcrumb 1" href="/breadcrumb-1"></ic-breadcrumb>
-          <ic-breadcrumb page-title="Breadcrumb 2" href="/breadcrumb-2"></ic-breadcrumb>
-          <ic-breadcrumb page-title="Breadcrumb 3" href="/breadcrumb-3"></ic-breadcrumb>
-          <ic-breadcrumb page-title="Breadcrumb 4" href="/breadcrumb-4"></ic-breadcrumb>
-      </ic-breadcrumb-group>`,
-        });
-        // page.rootInstance.expandedBreadcrumbGroup = true;
-        page.rootInstance.resizeObserverCallback(DEVICE_SIZES.S);
-        await page.waitForChanges();
-        page.rootInstance.resizeObserverCallback(DEVICE_SIZES.M);
-        await page.waitForChanges();
-        // expect(true).toBeTruthy;
-        expect(page.rootInstance.expandedBreadcrumbs).toBe(false);
-        // expect(page.rootInstance.backBreadcrumbOnly).toBe(false);
-        //call runResizeObserver
-        await page.rootInstance.runResizeObserver();
-    });
-    it("should return null for last parent breadcrumb when there is only 1 breadcrumb", async () => {
-        const page = await newSpecPage({
-            components: [BreadcrumbGroup, Breadcrumb],
-            html: `<ic-breadcrumb-group>
-          <ic-breadcrumb current="true" page-title="Breadcrumb 1" href="/breadcrumb-1"></ic-breadcrumb>
-      </ic-breadcrumb-group>`,
-        });
-        expect(page.rootInstance.getLastParentBreadcrumb()).toBeNull();
-    });
-    //this test has to go last as it changes the device size
-    it("should render collapse on already small devices", async () => {
-        const myfunc = jest.fn().mockReturnValue(DEVICE_SIZES.S);
-        Object.defineProperty(helpers, "getCurrentDeviceSize", {
-            value: myfunc,
-        });
-        const page = await newSpecPage({
-            components: [BreadcrumbGroup, Breadcrumb],
-            html: `<ic-breadcrumb-group collapsed="true">
-      <ic-breadcrumb current="true" page-title="Breadcrumb 1" href="/breadcrumb-1"></ic-breadcrumb>
-      <ic-breadcrumb page-title="Breadcrumb 2" href="/breadcrumb-2"></ic-breadcrumb>
-      <ic-breadcrumb page-title="Breadcrumb 3" href="/breadcrumb-3"></ic-breadcrumb>
-      <ic-breadcrumb page-title="Breadcrumb 4" href="/breadcrumb-4"></ic-breadcrumb>
-      </ic-breadcrumb-group>`,
-        });
-        await page.waitForChanges();
-        expect(page.root).toMatchSnapshot("should render collapse on already small devices");
-    });
-});
-//# sourceMappingURL=ic-breadcrumb-group.spec.js.map

package/dist/collection/components/ic-breadcrumb-group/test/basic/ic-breadcrumb-group.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ic-breadcrumb-group.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-breadcrumb-group/test/basic/ic-breadcrumb-group.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { BreadcrumbGroup } from \"../../ic-breadcrumb-group\";\nimport { newSpecPage } from \"@stencil/core/testing\";\nimport { Breadcrumb } from \"../../../ic-breadcrumb/ic-breadcrumb\";\nimport { DEVICE_SIZES } from \"../../../../utils/helpers\";\nimport * as helpers from \"../../../../utils/helpers\";\nimport { waitForTimeout } from \"../../../../testspec.setup\";\n\ndescribe(\"ic-breadcrumb-group\", () => {\n  it(\"should render\", async () => {\n    const page = await newSpecPage({\n      components: [BreadcrumbGroup],\n      html: `<ic-breadcrumb-group></ic-breadcrumb-group>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"should render\");\n  });\n\n  it(\"should render styling from props\", async () => {\n    const page = await newSpecPage({\n      components: [BreadcrumbGroup],\n      html: `<ic-breadcrumb-group collapsed=\"true\" back-breadcrumb-only=\"true\"></ic-breadcrumb-group>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"should render styling from props\");\n  });\n\n  it(\"should render current theme styling\", async () => {\n    const page = await newSpecPage({\n      components: [BreadcrumbGroup, Breadcrumb],\n      html: `<ic-breadcrumb-group theme=\"light\">\n      <ic-breadcrumb page-title=\"Breadcrumb 1\" href=\"/breadcrumb-1\">\n        <svg\n          slot=\"icon\"\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n            fill=\"currentColor\"\n          ></path>\n        </svg>\n      </ic-breadcrumb>\n      <ic-breadcrumb page-title=\"Breadcrumb 2\" current=\"true\" href=\"/\">\n        <svg\n          slot=\"icon\"\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n            fill=\"currentColor\"\n          ></path>\n        </svg>\n      </ic-breadcrumb>\n    </ic-breadcrumb-group>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"should render current theme styling\");\n  });\n\n  it(\"should render with ic-breadcrumb\", async () => {\n    const page = await newSpecPage({\n      components: [BreadcrumbGroup, Breadcrumb],\n      html: `<ic-breadcrumb-group><ic-breadcrumb></ic-breadcrumb></ic-breadcrumb-group>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"should render with ic-breadcrumb\");\n  });\n\n  it(\"should render with collapse button\", async () => {\n    const page = await newSpecPage({\n      components: [BreadcrumbGroup, Breadcrumb],\n      html: `\n        <ic-breadcrumb-group collapsed=\"true\">\n          <ic-breadcrumb page-title=\"Breadcrumb 1\" href=\"/breadcrumb-1\"></ic-breadcrumb>\n          <ic-breadcrumb page-title=\"Breadcrumb 2\" href=\"/breadcrumb-2\"></ic-breadcrumb>\n          <ic-breadcrumb current=\"true\" page-title=\"Breadcrumb 3\" href=\"/breadcrumb-3\"></ic-breadcrumb>\n        </ic-breadcrumb-group>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"should render with collapse button\");\n  });\n\n  it(\"should set hasShadowDom\", async () => {\n    const page = await newSpecPage({\n      components: [BreadcrumbGroup],\n      html: `<ic-breadcrumb-group></ic-breadcrumb-group>`,\n    });\n\n    const element = page.root.shadowRoot.querySelector(\"nav\");\n    expect(helpers.hasShadowDom(element)).toBe(false);\n  });\n\n  it(\"should handle the hidden collapsed breadcrumbs\", async () => {\n    const page = await newSpecPage({\n      components: [BreadcrumbGroup, Breadcrumb],\n      html: `\n        <ic-breadcrumb-group collapsed=\"true\">\n          <ic-breadcrumb page-title=\"Breadcrumb 1\" href=\"/breadcrumb-1\"></ic-breadcrumb>\n          <ic-breadcrumb page-title=\"Breadcrumb 2\" href=\"/breadcrumb-2\"></ic-breadcrumb>\n          <ic-breadcrumb current=\"true\" page-title=\"Breadcrumb 3\" href=\"/breadcrumb-3\"></ic-breadcrumb>\n        </ic-breadcrumb-group>`,\n    });\n\n    const collapsedEllipsis: HTMLElement =\n      page.doc.getElementById(\"collapsed-ellipsis\");\n    collapsedEllipsis.click();\n\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot(\n      \"should handle the hidden collapsed breadcrumbs\"\n    );\n  });\n\n  it(\"should test collapsed behaviour on resize to small devices\", async () => {\n    const page = await newSpecPage({\n      components: [BreadcrumbGroup, Breadcrumb],\n      html: `<ic-breadcrumb-group collapsed=\"true\">\n      <ic-breadcrumb current=\"true\" page-title=\"Breadcrumb 1\" href=\"/breadcrumb-1\"></ic-breadcrumb>\n      <ic-breadcrumb page-title=\"Breadcrumb 2\" href=\"/breadcrumb-2\"></ic-breadcrumb>\n      <ic-breadcrumb page-title=\"Breadcrumb 3\" href=\"/breadcrumb-3\"></ic-breadcrumb>\n      <ic-breadcrumb page-title=\"Breadcrumb 4\" href=\"/breadcrumb-4\"></ic-breadcrumb>\n      </ic-breadcrumb-group>`,\n    });\n\n    page.rootInstance.resizeObserverCallback(DEVICE_SIZES.S);\n\n    expect(page.root).toMatchSnapshot(\n      \"should test collapsed behaviour on resize to small devices\"\n    );\n  });\n\n  it(\"should test behaviour on small devices\", async () => {\n    const page = await newSpecPage({\n      components: [BreadcrumbGroup, Breadcrumb],\n      html: `<ic-breadcrumb-group>\n      <ic-breadcrumb page-title=\"Breadcrumb 1\" href=\"/breadcrumb-1\"></ic-breadcrumb>\n      <ic-breadcrumb page-title=\"Breadcrumb 2\" href=\"/breadcrumb-2\"></ic-breadcrumb>\n      <ic-breadcrumb current=\"true\" page-title=\"Breadcrumb 3\" href=\"/breadcrumb-3\"></ic-breadcrumb>\n      </ic-breadcrumb-group>`,\n    });\n\n    page.rootInstance.resizeObserverCallback(DEVICE_SIZES.S);\n\n    expect(page.rootInstance.backBreadcrumbOnly).toBe(true);\n\n    //call runResizeObserver\n    await page.rootInstance.runResizeObserver();\n  });\n\n  it(\"should test behaviour on change to medium devices\", async () => {\n    const page = await newSpecPage({\n      components: [BreadcrumbGroup, Breadcrumb],\n      html: `<ic-breadcrumb-group collapsed=\"true\">\n          <ic-breadcrumb current=\"true\" page-title=\"Breadcrumb 1\" href=\"/breadcrumb-1\"></ic-breadcrumb>\n          <ic-breadcrumb page-title=\"Breadcrumb 2\" href=\"/breadcrumb-2\"></ic-breadcrumb>\n          <ic-breadcrumb page-title=\"Breadcrumb 3\" href=\"/breadcrumb-3\"></ic-breadcrumb>\n          <ic-breadcrumb page-title=\"Breadcrumb 4\" href=\"/breadcrumb-4\"></ic-breadcrumb>\n      </ic-breadcrumb-group>`,\n    });\n\n    page.rootInstance.expandedBreadcrumbGroup = true;\n    page.rootInstance.resizeObserverCallback(DEVICE_SIZES.S);\n\n    page.rootInstance.resizeObserverCallback(DEVICE_SIZES.M);\n\n    expect(page.rootInstance.backBreadcrumbOnly).toBe(false);\n\n    //call runResizeObserver\n    await page.rootInstance.runResizeObserver();\n  });\n\n  it(\"should test resize observer after expanding breadcrumbs\", async () => {\n    const page = await newSpecPage({\n      components: [BreadcrumbGroup, Breadcrumb],\n      html: `<ic-breadcrumb-group collapsed=\"true\">\n          <ic-breadcrumb current=\"true\" page-title=\"Breadcrumb 1\" href=\"/breadcrumb-1\"></ic-breadcrumb>\n          <ic-breadcrumb page-title=\"Breadcrumb 2\" href=\"/breadcrumb-2\"></ic-breadcrumb>\n          <ic-breadcrumb page-title=\"Breadcrumb 3\" href=\"/breadcrumb-3\"></ic-breadcrumb>\n          <ic-breadcrumb page-title=\"Breadcrumb 4\" href=\"/breadcrumb-4\"></ic-breadcrumb>\n      </ic-breadcrumb-group>`,\n    });\n\n    // page.rootInstance.expandedBreadcrumbGroup = true;\n    page.rootInstance.resizeObserverCallback(DEVICE_SIZES.S);\n\n    expect(page.rootInstance.expandedBreadcrumbs).toBe(false);\n\n    const button = page.root.querySelector(\n      \"#collapsed-ellipsis\"\n    ) as HTMLButtonElement;\n    button.click();\n    await page.waitForChanges();\n    //delay to test setTimeout in code\n    await waitForTimeout(100);\n\n    page.rootInstance.resizeObserverCallback(DEVICE_SIZES.M);\n\n    await page.waitForChanges();\n\n    expect(page.rootInstance.expandedBreadcrumbs).toBe(true);\n\n    //call runResizeObserver\n    await page.rootInstance.runResizeObserver();\n  });\n\n  it(\"should test resize observer with collapsed false\", async () => {\n    const page = await newSpecPage({\n      components: [BreadcrumbGroup, Breadcrumb],\n      html: `<ic-breadcrumb-group>\n          <ic-breadcrumb current=\"true\" page-title=\"Breadcrumb 1\" href=\"/breadcrumb-1\"></ic-breadcrumb>\n          <ic-breadcrumb page-title=\"Breadcrumb 2\" href=\"/breadcrumb-2\"></ic-breadcrumb>\n          <ic-breadcrumb page-title=\"Breadcrumb 3\" href=\"/breadcrumb-3\"></ic-breadcrumb>\n          <ic-breadcrumb page-title=\"Breadcrumb 4\" href=\"/breadcrumb-4\"></ic-breadcrumb>\n      </ic-breadcrumb-group>`,\n    });\n\n    // page.rootInstance.expandedBreadcrumbGroup = true;\n    page.rootInstance.resizeObserverCallback(DEVICE_SIZES.S);\n\n    await page.waitForChanges();\n    page.rootInstance.resizeObserverCallback(DEVICE_SIZES.M);\n\n    await page.waitForChanges();\n\n    // expect(true).toBeTruthy;\n\n    expect(page.rootInstance.expandedBreadcrumbs).toBe(false);\n    // expect(page.rootInstance.backBreadcrumbOnly).toBe(false);\n\n    //call runResizeObserver\n    await page.rootInstance.runResizeObserver();\n  });\n\n  it(\"should return null for last parent breadcrumb when there is only 1 breadcrumb\", async () => {\n    const page = await newSpecPage({\n      components: [BreadcrumbGroup, Breadcrumb],\n      html: `<ic-breadcrumb-group>\n          <ic-breadcrumb current=\"true\" page-title=\"Breadcrumb 1\" href=\"/breadcrumb-1\"></ic-breadcrumb>\n      </ic-breadcrumb-group>`,\n    });\n\n    expect(page.rootInstance.getLastParentBreadcrumb()).toBeNull();\n  });\n\n  //this test has to go last as it changes the device size\n  it(\"should render collapse on already small devices\", async () => {\n    const myfunc = jest.fn().mockReturnValue(DEVICE_SIZES.S);\n    Object.defineProperty(helpers, \"getCurrentDeviceSize\", {\n      value: myfunc,\n    });\n\n    const page = await newSpecPage({\n      components: [BreadcrumbGroup, Breadcrumb],\n      html: `<ic-breadcrumb-group collapsed=\"true\">\n      <ic-breadcrumb current=\"true\" page-title=\"Breadcrumb 1\" href=\"/breadcrumb-1\"></ic-breadcrumb>\n      <ic-breadcrumb page-title=\"Breadcrumb 2\" href=\"/breadcrumb-2\"></ic-breadcrumb>\n      <ic-breadcrumb page-title=\"Breadcrumb 3\" href=\"/breadcrumb-3\"></ic-breadcrumb>\n      <ic-breadcrumb page-title=\"Breadcrumb 4\" href=\"/breadcrumb-4\"></ic-breadcrumb>\n      </ic-breadcrumb-group>`,\n    });\n\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot(\n      \"should render collapse on already small devices\"\n    );\n  });\n});\n"]}

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

@@ -1,332 +0,0 @@
-import { Button } from "../../ic-button";
-import { newSpecPage } from "@stencil/core/testing";
-import * as helpers from "../../../../utils/helpers";
-import { testKeyboardEvent as keyboardEvent } from "../../../../testspec.setup";
-import { Tooltip } from "../../../ic-tooltip/ic-tooltip";
-beforeAll(() => {
-    jest.spyOn(console, "warn").mockImplementation(jest.fn());
-});
-//mocked as getBrandFromContext is always default when run in test context
-const mockGetBrandFromContext = () => {
-    const func = jest.fn(() => {
-        return "light";
-    });
-    Object.defineProperty(helpers, "getBrandFromContext", {
-        value: func,
-    });
-};
-describe("button component", () => {
-    it("should correctly render with text", async () => {
-        const page = await newSpecPage({
-            components: [Button],
-            html: "<ic-button>Button</ic-button>",
-            supportsShadowDom: true,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should correctly render with custom text", async () => {
-        const page = await newSpecPage({
-            components: [Button],
-            html: "<ic-button>Click Me</ic-button>",
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render correct HTML for secondary variant", async () => {
-        const page = await newSpecPage({
-            components: [Button],
-            html: "<ic-button variant='secondary'>Button</ic-button>",
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render correct HTML for tertiary variant", async () => {
-        const page = await newSpecPage({
-            components: [Button],
-            html: "<ic-button variant='tertiary'>Button</ic-button>",
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render correct HTML for destructive variant", async () => {
-        const page = await newSpecPage({
-            components: [Button],
-            html: "<ic-button variant='destructive'>Button</ic-button>",
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render correct HTML with left icon", async () => {
-        const page = await newSpecPage({
-            components: [Button],
-            html: `
-      <ic-button>
-        <svg slot='left-icon' xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000">
-        <path d="M0 0h24v24H0V0z" fill="none"/>
-        <path d="M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z"/>
-        </svg>
-        Button
-      </ic-button>
-      `,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render correct HTML with right icon", async () => {
-        const page = await newSpecPage({
-            components: [Button],
-            html: `
-      <ic-button>
-        <svg slot='right-icon' xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000">
-        <path d="M0 0h24v24H0V0z" fill="none"/>
-        <path d="M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z"/>
-        </svg>
-        Button
-      </ic-button>
-      `,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render correct HTML when loading", async () => {
-        const page = await newSpecPage({
-            components: [Button],
-            html: `
-      <ic-button loading>Button</ic-button>
-      `,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render correct HTML when loading - secondary", async () => {
-        const page = await newSpecPage({
-            components: [Button],
-            html: `
-      <ic-button loading variant="secondary">Button</ic-button>
-      `,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render correct HTML when loading - tertiary", async () => {
-        const page = await newSpecPage({
-            components: [Button],
-            html: `
-      <ic-button loading variant="tertiary">Button</ic-button>
-      `,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render correct HTML when loading - destructive", async () => {
-        const page = await newSpecPage({
-            components: [Button],
-            html: `
-      <ic-button loading variant="destructive">Button</ic-button>
-      `,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render correct HTML when loading - theme light", async () => {
-        const page = await newSpecPage({
-            components: [Button],
-            html: `
-      <ic-button loading theme="light">Button</ic-button>
-      `,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("render with correct button type when defined", async () => {
-        const page = await newSpecPage({
-            components: [Button],
-            html: `
-      <ic-button type='reset'>Button</ic-button>
-      `,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it('should render with "a" tag when href is passed', async () => {
-        const page = await newSpecPage({
-            components: [Button],
-            html: `
-      <ic-button href = '#'>Button</ic-button>
-      `,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it('should render with defined "a" tag props', async () => {
-        const page = await newSpecPage({
-            components: [Button],
-            html: `
-      <ic-button href = '#' download rel="nofollow" target="_blank">Button</ic-button>
-      `,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render icon variant with a tooltip", async () => {
-        const page = await newSpecPage({
-            components: [Button, Tooltip],
-            html: "<ic-button variant='icon' id='test-button'>Button</ic-button>",
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render icon variant with a tooltip based on title", async () => {
-        const page = await newSpecPage({
-            components: [Button, Tooltip],
-            html: "<ic-button variant='icon' id='test-button' title='Tooltip text'>Button</ic-button>",
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render icon variant with a tooltip based on aria-label", async () => {
-        const page = await newSpecPage({
-            components: [Button, Tooltip],
-            html: "<ic-button variant='icon' id='test-button' aria-label='Tooltip text' tooltip-placement='top'>Button</ic-button>",
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should disable tooltip when prop set", async () => {
-        const page = await newSpecPage({
-            components: [Button, Tooltip],
-            html: "<ic-button variant='icon' aria-label='Tooltip text' id='test-button' disable-tooltip>Button</ic-button>",
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should update aria-label when attribute changed", async () => {
-        const page = await newSpecPage({
-            components: [Button, Tooltip],
-            html: "<ic-button variant='icon' aria-label='Tooltip text' id='test-button'>Button</ic-button>",
-        });
-        expect(page.root).toMatchSnapshot();
-        page.root.setAttribute("aria-label", "New tooltip text");
-        await page.waitForChanges();
-        page.rootInstance.hostMutationCallback([{ attributeName: "aria-label" }]);
-        await page.waitForChanges();
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should update aria-expanded when attribute changed", async () => {
-        const page = await newSpecPage({
-            components: [Button],
-            html: "<ic-button variant='icon' aria-expanded='false' id='test-button'>Button</ic-button>",
-        });
-        expect(page.root).toMatchSnapshot();
-        page.root.setAttribute("aria-expanded", "true");
-        await page.waitForChanges();
-        page.rootInstance.hostMutationCallback([
-            { attributeName: "aria-expanded" },
-        ]);
-        await page.waitForChanges();
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should update tooltip label when title attribute changed", async () => {
-        const page = await newSpecPage({
-            components: [Button],
-            html: "<ic-button variant='icon' title='Tooltip text' id='test-button'>Button</ic-button>",
-        });
-        expect(page.root).toMatchSnapshot();
-        page.root.setAttribute("title", "New tooltip text");
-        await page.waitForChanges();
-        page.rootInstance.hostMutationCallback([{ attributeName: "title" }]);
-        await page.waitForChanges();
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should hide tooltip when escape key pressed", async () => {
-        const page = await newSpecPage({
-            components: [Button, Tooltip],
-            html: "<ic-button variant='icon' id='test-button' title='Tooltip text'>Button</ic-button>",
-        });
-        const tooltip = page.root.shadowRoot.querySelector("ic-tooltip");
-        const tooltipContainer = tooltip.shadowRoot.querySelector(".ic-tooltip-container");
-        let tooltipVisible = tooltipContainer.getAttribute("data-show");
-        expect(tooltipVisible).toBeNull();
-        await tooltip.displayTooltip(true);
-        await page.waitForChanges();
-        tooltipVisible = tooltipContainer.getAttribute("data-show");
-        expect(tooltipVisible).toBe("");
-        page.rootInstance.handleKeyDown(keyboardEvent("Escape"));
-        await page.waitForChanges();
-        tooltipVisible = tooltipContainer.getAttribute("data-show");
-        expect(tooltipVisible).toBeNull();
-    });
-    it("should stop immediate propagation of a click event when disabled", async () => {
-        const page = await newSpecPage({
-            components: [Button],
-            html: "<ic-button id='test-button' disabled=true onclick='alert('test')'>Button</ic-button>",
-        });
-        jest.spyOn(window, "alert").mockImplementation();
-        const element = document.getElementById("test-button");
-        element.click();
-        await page.waitForChanges();
-        expect(window.alert).not.toHaveBeenCalled;
-    });
-    it("should call 'setFocus' when button is focussed", async () => {
-        const page = await newSpecPage({
-            components: [Button],
-            html: "<ic-button id='ic-button'>Button</ic-button>",
-        });
-        //Can't expect anything in this test - this is to increase code coverage only
-        await page.rootInstance.setFocus().toHaveBeenCalled;
-    });
-    it("should test brand change", async () => {
-        mockGetBrandFromContext();
-        const page = await newSpecPage({
-            components: [Button],
-            html: `<ic-button id='ic-button'>Button</ic-button>`,
-        });
-        await page.rootInstance.brandChangeHandler({
-            detail: { mode: "light" },
-        });
-        await page.waitForChanges();
-        expect(page.rootInstance.theme).toEqual("dark");
-    });
-    it("should test button as submit button on form", async () => {
-        const page = await newSpecPage({
-            components: [Button],
-            html: `<form id="new-form"><form><ic-button id='ic-button' type="submit" form="new-form">Button</ic-button>`,
-        });
-        const btn = document.getElementById("ic-button");
-        btn.click();
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should test aria-describedby is set", async () => {
-        const page = await newSpecPage({
-            components: [Button],
-            html: `<span id="button-description">
-        This is the button description
-      </span>
-      <ic-button id='ic-button' aria-describedby="button-description">Button</ic-button>
-      `,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should test aria-describedby is updated", async () => {
-        const page = await newSpecPage({
-            components: [Button],
-            html: `<span id="button-description">
-        This is the button description
-      </span>
-      <ic-button id='ic-button' aria-describedby="button-description">Button</ic-button>
-      `,
-        });
-        document.querySelector("#button-description").innerText =
-            "This is the new description";
-        page.rootInstance.mutationCallback();
-        await page.waitForChanges();
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should test tooltip visibility changes when disable tooltip prop changes", async () => {
-        const page = await newSpecPage({
-            components: [Button],
-            html: "<ic-button variant='icon' aria-label='Tooltip text' id='test-button'>Button</ic-button>",
-        });
-        expect(page.root).toMatchSnapshot();
-        page.root.disableTooltip = true;
-        await page.waitForChanges();
-        expect(page.root).toMatchSnapshot();
-        page.root.disableTooltip = false;
-        await page.waitForChanges();
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should test blur handler", async () => {
-        const page = await newSpecPage({
-            components: [Button],
-            html: `<ic-button id='ic-button'>Button</ic-button>`,
-        });
-        const eventSpy = jest.fn();
-        page.win.addEventListener("icBlur", eventSpy);
-        await page.rootInstance.onBlur();
-        await page.waitForChanges();
-        expect(eventSpy).toHaveBeenCalled();
-    });
-});
-//# sourceMappingURL=ic-button.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ic-button.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-button/test/basic/ic-button.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { Button } from \"../../ic-button\";\nimport { newSpecPage } from \"@stencil/core/testing\";\nimport * as helpers from \"../../../../utils/helpers\";\nimport { testKeyboardEvent as keyboardEvent } from \"../../../../testspec.setup\";\nimport { Tooltip } from \"../../../ic-tooltip/ic-tooltip\";\n\nbeforeAll(() => {\n  jest.spyOn(console, \"warn\").mockImplementation(jest.fn());\n});\n\n//mocked as getBrandFromContext is always default when run in test context\nconst mockGetBrandFromContext = () => {\n  const func = jest.fn(() => {\n    return \"light\";\n  });\n\n  Object.defineProperty(helpers, \"getBrandFromContext\", {\n    value: func,\n  });\n};\n\ndescribe(\"button component\", () => {\n  it(\"should correctly render with text\", async () => {\n    const page = await newSpecPage({\n      components: [Button],\n      html: \"<ic-button>Button</ic-button>\",\n      supportsShadowDom: true,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should correctly render with custom text\", async () => {\n    const page = await newSpecPage({\n      components: [Button],\n      html: \"<ic-button>Click Me</ic-button>\",\n    });\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render correct HTML for secondary variant\", async () => {\n    const page = await newSpecPage({\n      components: [Button],\n      html: \"<ic-button variant='secondary'>Button</ic-button>\",\n    });\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render correct HTML for tertiary variant\", async () => {\n    const page = await newSpecPage({\n      components: [Button],\n      html: \"<ic-button variant='tertiary'>Button</ic-button>\",\n    });\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render correct HTML for destructive variant\", async () => {\n    const page = await newSpecPage({\n      components: [Button],\n      html: \"<ic-button variant='destructive'>Button</ic-button>\",\n    });\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render correct HTML with left icon\", async () => {\n    const page = await newSpecPage({\n      components: [Button],\n      html: `\n      <ic-button>\n        <svg slot='left-icon' xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\">\n        <path d=\"M0 0h24v24H0V0z\" fill=\"none\"/>\n        <path d=\"M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z\"/>\n        </svg>\n        Button\n      </ic-button>\n      `,\n    });\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render correct HTML with right icon\", async () => {\n    const page = await newSpecPage({\n      components: [Button],\n      html: `\n      <ic-button>\n        <svg slot='right-icon' xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\">\n        <path d=\"M0 0h24v24H0V0z\" fill=\"none\"/>\n        <path d=\"M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z\"/>\n        </svg>\n        Button\n      </ic-button>\n      `,\n    });\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render correct HTML when loading\", async () => {\n    const page = await newSpecPage({\n      components: [Button],\n      html: `\n      <ic-button loading>Button</ic-button>\n      `,\n    });\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render correct HTML when loading - secondary\", async () => {\n    const page = await newSpecPage({\n      components: [Button],\n      html: `\n      <ic-button loading variant=\"secondary\">Button</ic-button>\n      `,\n    });\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render correct HTML when loading - tertiary\", async () => {\n    const page = await newSpecPage({\n      components: [Button],\n      html: `\n      <ic-button loading variant=\"tertiary\">Button</ic-button>\n      `,\n    });\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render correct HTML when loading - destructive\", async () => {\n    const page = await newSpecPage({\n      components: [Button],\n      html: `\n      <ic-button loading variant=\"destructive\">Button</ic-button>\n      `,\n    });\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render correct HTML when loading - theme light\", async () => {\n    const page = await newSpecPage({\n      components: [Button],\n      html: `\n      <ic-button loading theme=\"light\">Button</ic-button>\n      `,\n    });\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"render with correct button type when defined\", async () => {\n    const page = await newSpecPage({\n      components: [Button],\n      html: `\n      <ic-button type='reset'>Button</ic-button>\n      `,\n    });\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it('should render with \"a\" tag when href is passed', async () => {\n    const page = await newSpecPage({\n      components: [Button],\n      html: `\n      <ic-button href = '#'>Button</ic-button>\n      `,\n    });\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it('should render with defined \"a\" tag props', async () => {\n    const page = await newSpecPage({\n      components: [Button],\n      html: `\n      <ic-button href = '#' download rel=\"nofollow\" target=\"_blank\">Button</ic-button>\n      `,\n    });\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render icon variant with a tooltip\", async () => {\n    const page = await newSpecPage({\n      components: [Button, Tooltip],\n      html: \"<ic-button variant='icon' id='test-button'>Button</ic-button>\",\n    });\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render icon variant with a tooltip based on title\", async () => {\n    const page = await newSpecPage({\n      components: [Button, Tooltip],\n      html: \"<ic-button variant='icon' id='test-button' title='Tooltip text'>Button</ic-button>\",\n    });\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render icon variant with a tooltip based on aria-label\", async () => {\n    const page = await newSpecPage({\n      components: [Button, Tooltip],\n      html: \"<ic-button variant='icon' id='test-button' aria-label='Tooltip text' tooltip-placement='top'>Button</ic-button>\",\n    });\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should disable tooltip when prop set\", async () => {\n    const page = await newSpecPage({\n      components: [Button, Tooltip],\n      html: \"<ic-button variant='icon' aria-label='Tooltip text' id='test-button' disable-tooltip>Button</ic-button>\",\n    });\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should update aria-label when attribute changed\", async () => {\n    const page = await newSpecPage({\n      components: [Button, Tooltip],\n      html: \"<ic-button variant='icon' aria-label='Tooltip text' id='test-button'>Button</ic-button>\",\n    });\n\n    expect(page.root).toMatchSnapshot();\n\n    page.root.setAttribute(\"aria-label\", \"New tooltip text\");\n    await page.waitForChanges();\n\n    page.rootInstance.hostMutationCallback([{ attributeName: \"aria-label\" }]);\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should update aria-expanded when attribute changed\", async () => {\n    const page = await newSpecPage({\n      components: [Button],\n      html: \"<ic-button variant='icon' aria-expanded='false' id='test-button'>Button</ic-button>\",\n    });\n\n    expect(page.root).toMatchSnapshot();\n\n    page.root.setAttribute(\"aria-expanded\", \"true\");\n    await page.waitForChanges();\n\n    page.rootInstance.hostMutationCallback([\n      { attributeName: \"aria-expanded\" },\n    ]);\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should update tooltip label when title attribute changed\", async () => {\n    const page = await newSpecPage({\n      components: [Button],\n      html: \"<ic-button variant='icon' title='Tooltip text' id='test-button'>Button</ic-button>\",\n    });\n\n    expect(page.root).toMatchSnapshot();\n\n    page.root.setAttribute(\"title\", \"New tooltip text\");\n    await page.waitForChanges();\n\n    page.rootInstance.hostMutationCallback([{ attributeName: \"title\" }]);\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should hide tooltip when escape key pressed\", async () => {\n    const page = await newSpecPage({\n      components: [Button, Tooltip],\n      html: \"<ic-button variant='icon' id='test-button' title='Tooltip text'>Button</ic-button>\",\n    });\n\n    const tooltip = page.root.shadowRoot.querySelector(\"ic-tooltip\");\n    const tooltipContainer = tooltip.shadowRoot.querySelector(\n      \".ic-tooltip-container\"\n    );\n\n    let tooltipVisible = tooltipContainer.getAttribute(\"data-show\");\n    expect(tooltipVisible).toBeNull();\n\n    await tooltip.displayTooltip(true);\n    await page.waitForChanges();\n\n    tooltipVisible = tooltipContainer.getAttribute(\"data-show\");\n    expect(tooltipVisible).toBe(\"\");\n\n    page.rootInstance.handleKeyDown(keyboardEvent(\"Escape\"));\n    await page.waitForChanges();\n\n    tooltipVisible = tooltipContainer.getAttribute(\"data-show\");\n    expect(tooltipVisible).toBeNull();\n  });\n\n  it(\"should stop immediate propagation of a click event when disabled\", async () => {\n    const page = await newSpecPage({\n      components: [Button],\n      html: \"<ic-button id='test-button' disabled=true onclick='alert('test')'>Button</ic-button>\",\n    });\n\n    jest.spyOn(window, \"alert\").mockImplementation();\n\n    const element = document.getElementById(\"test-button\");\n\n    element.click();\n\n    await page.waitForChanges();\n\n    expect(window.alert).not.toHaveBeenCalled;\n  });\n\n  it(\"should call 'setFocus' when button is focussed\", async () => {\n    const page = await newSpecPage({\n      components: [Button],\n      html: \"<ic-button id='ic-button'>Button</ic-button>\",\n    });\n\n    //Can't expect anything in this test - this is to increase code coverage only\n    await page.rootInstance.setFocus().toHaveBeenCalled;\n  });\n\n  it(\"should test brand change\", async () => {\n    mockGetBrandFromContext();\n\n    const page = await newSpecPage({\n      components: [Button],\n      html: `<ic-button id='ic-button'>Button</ic-button>`,\n    });\n\n    await page.rootInstance.brandChangeHandler({\n      detail: { mode: \"light\" },\n    });\n    await page.waitForChanges();\n\n    expect(page.rootInstance.theme).toEqual(\"dark\");\n  });\n\n  it(\"should test button as submit button on form\", async () => {\n    const page = await newSpecPage({\n      components: [Button],\n      html: `<form id=\"new-form\"><form><ic-button id='ic-button' type=\"submit\" form=\"new-form\">Button</ic-button>`,\n    });\n\n    const btn = document.getElementById(\"ic-button\");\n    btn.click();\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should test aria-describedby is set\", async () => {\n    const page = await newSpecPage({\n      components: [Button],\n      html: `<span id=\"button-description\">\n        This is the button description\n      </span>\n      <ic-button id='ic-button' aria-describedby=\"button-description\">Button</ic-button>\n      `,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should test aria-describedby is updated\", async () => {\n    const page = await newSpecPage({\n      components: [Button],\n      html: `<span id=\"button-description\">\n        This is the button description\n      </span>\n      <ic-button id='ic-button' aria-describedby=\"button-description\">Button</ic-button>\n      `,\n    });\n\n    (document.querySelector(\"#button-description\") as HTMLElement).innerText =\n      \"This is the new description\";\n    page.rootInstance.mutationCallback();\n\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should test tooltip visibility changes when disable tooltip prop changes\", async () => {\n    const page = await newSpecPage({\n      components: [Button],\n      html: \"<ic-button variant='icon' aria-label='Tooltip text' id='test-button'>Button</ic-button>\",\n    });\n    expect(page.root).toMatchSnapshot();\n\n    page.root.disableTooltip = true;\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot();\n\n    page.root.disableTooltip = false;\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should test blur handler\", async () => {\n    const page = await newSpecPage({\n      components: [Button],\n      html: `<ic-button id='ic-button'>Button</ic-button>`,\n    });\n\n    const eventSpy = jest.fn();\n    page.win.addEventListener(\"icBlur\", eventSpy);\n\n    await page.rootInstance.onBlur();\n    await page.waitForChanges();\n    expect(eventSpy).toHaveBeenCalled();\n  });\n});\n"]}