@ukic/web-components 3.0.0 → 3.2.0

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 getThemeFromContext is always default when run in test context
-const mockGetThemeFromContext = () => {
-    const func = jest.fn(() => {
-        return "light";
-    });
-    Object.defineProperty(helpers, "getThemeFromContext", {
-        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 - appearance light", async () => {
-        const page = await newSpecPage({
-            components: [Button],
-            html: `
-      <ic-button loading appearance="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 theme change", async () => {
-        mockGetThemeFromContext();
-        const page = await newSpecPage({
-            components: [Button],
-            html: `<ic-button id='ic-button'>Button</ic-button>`,
-        });
-        await page.rootInstance.themeChangeHandler({
-            detail: { mode: "light" },
-        });
-        await page.waitForChanges();
-        expect(page.rootInstance.appearance).toEqual("light");
-    });
-    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 getThemeFromContext is always default when run in test context\nconst mockGetThemeFromContext = () => {\n  const func = jest.fn(() => {\n    return \"light\";\n  });\n\n  Object.defineProperty(helpers, \"getThemeFromContext\", {\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 - appearance light\", async () => {\n    const page = await newSpecPage({\n      components: [Button],\n      html: `\n      <ic-button loading appearance=\"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 theme change\", async () => {\n    mockGetThemeFromContext();\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.themeChangeHandler({\n      detail: { mode: \"light\" },\n    });\n    await page.waitForChanges();\n\n    expect(page.rootInstance.appearance).toEqual(\"light\");\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"]}

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

@@ -1,173 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { CardVertical } from "../../ic-card-vertical";
-describe("ic-card-vertical", () => {
-    it("should render", async () => {
-        const page = await newSpecPage({
-            components: [CardVertical],
-            html: `<ic-card-vertical heading="Card" message="This is a static card"></ic-card-vertical>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render as a button", async () => {
-        const page = await newSpecPage({
-            components: [CardVertical],
-            html: `<ic-card-vertical heading="Card" message="This is a clickable card rendered as a button" clickable=true></ic-card-vertical>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render as a link", async () => {
-        const page = await newSpecPage({
-            components: [CardVertical],
-            html: `<ic-card-vertical heading="Card" message="This is a clickable card rendered as a button" clickable=true href="/"></ic-card-vertical>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render full width variant", async () => {
-        const page = await newSpecPage({
-            components: [CardVertical],
-            html: `<ic-card-vertical heading="Card" full-width=true message="This is a full width card" clickable=true></ic-card-vertical>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render with a link parent", async () => {
-        const page = await newSpecPage({
-            components: [CardVertical],
-            html: `<a href="/"><ic-card-vertical heading="Card" message="This is a clickable card" clickable=true></ic-card-vertical></a>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should apply 'focussed' style when parent is focussed", async () => {
-        const page = await newSpecPage({
-            components: [CardVertical],
-            html: `<a href="/"><ic-card-vertical id="test-id" heading="Card" message="This is a clickable card" clickable=true></ic-card-vertical></a>`,
-        });
-        expect(page.root).not.toBeNull;
-        const element = await document.getElementById("test-id");
-        await expect(element.classList.contains("focussed")).toBeFalsy;
-        await element.focus();
-        await expect(element.classList.contains("focussed")).toBeTruthy;
-    });
-    it("should lose 'focussed' style when parent loses focus", async () => {
-        const page = await newSpecPage({
-            components: [CardVertical],
-            html: `<a href="/"><ic-card-vertical id="test-card" heading="Card" message="This is a clickable card" clickable=true></ic-card-vertical></a>`,
-        });
-        expect(page.root).not.toBeNull;
-        const element = await document.getElementById("test-card");
-        await element.focus();
-        await expect(element.classList.contains("focussed")).toBeTruthy;
-        await element.blur();
-        await expect(element.classList.contains("focussed")).toBeFalsy;
-        await page.rootInstance.disconnectedCallback();
-    });
-    it("should stop immediate propagation of a click event when disabled", async () => {
-        const page = await newSpecPage({
-            components: [CardVertical],
-            html: `<ic-card-vertical id="test-card" heading="Card" message="This is a clickable card" clickable=true disabled=true onclick="alert('test')"></ic-card-vertical>`,
-        });
-        jest.spyOn(window, "alert").mockImplementation();
-        const element = await document.getElementById("test-card");
-        element.click();
-        await page.waitForChanges();
-        await expect(window.alert).not.toHaveBeenCalled;
-    });
-    it("should render with a subheading", async () => {
-        const page = await newSpecPage({
-            components: [CardVertical],
-            html: `<ic-card-vertical id="test-card" heading="Card" subheading="Card subheading" message="This is a card"></ic-card-vertical>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render with an interaction button", async () => {
-        const page = await newSpecPage({
-            components: [CardVertical],
-            html: `<ic-card-vertical id="test-card" heading="Card" subheading="Card subheading" message="This is a card"><ic-button variant="primary" slot="interaction-button">Click here</ic-button></ic-card-vertical>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render with a top image", async () => {
-        const page = await newSpecPage({
-            components: [CardVertical],
-            html: `<ic-card-vertical id="test-card" heading="Card" subheading="Card subheading" message="This is a card"><div slot="image-top">Image placeholder</div></ic-card-vertical>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render with a middle image", async () => {
-        const page = await newSpecPage({
-            components: [CardVertical],
-            html: `<ic-card-vertical id="test-card" heading="Card" subheading="Card subheading" message="This is a card"><div slot="image-mid">Image placeholder</div></ic-card-vertical>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render with interaction controls", async () => {
-        const page = await newSpecPage({
-            components: [CardVertical],
-            html: `<ic-card-vertical id="test-card" heading="Card" subheading="Card subheading" message="This is a card"><ic-button slot="interaction-controls">Click here</ic-button></ic-card-vertical>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render as expandable", async () => {
-        const page = await newSpecPage({
-            components: [CardVertical],
-            html: `<ic-card-vertical id="test-card" heading="Card" subheading="Card subheading" message="This is a card" expandable></ic-card-vertical>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render content in expanded area", async () => {
-        const page = await newSpecPage({
-            components: [CardVertical],
-            html: `<ic-card-vertical id="test-card" heading="Card" subheading="Card subheading" message="This is a card" expandable><ic-typography slot="expanded-content">Extra content</ic-typography></ic-card-vertical>`,
-        });
-        page.rootInstance.areaExpanded = true;
-        await page.waitForChanges();
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should toggle expanded content when expansion toggle is clicked", async () => {
-        const page = await newSpecPage({
-            components: [CardVertical],
-            html: `<ic-card-vertical id="test-card" heading="Card" message="This is a clickable card" expandable><ic-typography slot="expanded-content">Expanded</ic-typography></ic-card-vertical>`,
-        });
-        expect(page.root).toMatchSnapshot();
-        page.rootInstance.toggleExpanded();
-        await page.waitForChanges();
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should call 'setFocus' when card as a button is focused", async () => {
-        const page = await newSpecPage({
-            components: [CardVertical],
-            html: `<ic-card-vertical heading="Card" message="This is a clickable card rendered as a button" clickable=true></ic-card-vertical>`,
-        });
-        //Can't expect anything in this test - this is to increase code coverage only
-        await page.rootInstance.setFocus().toHaveBeenCalled;
-    });
-    it("should call 'setFocus' when card as a link is focused", async () => {
-        const page = await newSpecPage({
-            components: [CardVertical],
-            html: `<ic-card-vertical heading="Card" message="This is a clickable card rendered as a button" clickable=true href="/"></ic-card-vertical>`,
-        });
-        //Can't expect anything in this test - this is to increase code coverage only
-        await page.rootInstance.setFocus().toHaveBeenCalled;
-    });
-    it("should test rendering slotted after initial render", async () => {
-        const page = await newSpecPage({
-            components: [CardVertical],
-            html: `<ic-card-vertical heading="Card" message="This is a static card"></ic-card-vertical>`,
-        });
-        const icon = document.createElement("svg");
-        icon.setAttribute("slot", "icon");
-        const imageMid = document.createElement("svg");
-        imageMid.setAttribute("slot", "image-mid");
-        const imageTop = document.createElement("svg");
-        imageTop.setAttribute("slot", "image-top");
-        const button = document.createElement("button");
-        button.setAttribute("slot", "interaction-button");
-        page.rootInstance.hostMutationCallback([
-            {
-                type: "childList",
-                addedNodes: [icon, imageMid, imageTop, button],
-                removedNodes: [],
-            },
-        ]);
-    });
-});
-//# sourceMappingURL=ic-card-vertical.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ic-card-vertical.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-card-vertical/test/basic/ic-card-vertical.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { newSpecPage } from \"@stencil/core/testing\";\nimport { CardVertical } from \"../../ic-card-vertical\";\n\ndescribe(\"ic-card-vertical\", () => {\n  it(\"should render\", async () => {\n    const page = await newSpecPage({\n      components: [CardVertical],\n      html: `<ic-card-vertical heading=\"Card\" message=\"This is a static card\"></ic-card-vertical>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render as a button\", async () => {\n    const page = await newSpecPage({\n      components: [CardVertical],\n      html: `<ic-card-vertical heading=\"Card\" message=\"This is a clickable card rendered as a button\" clickable=true></ic-card-vertical>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render as a link\", async () => {\n    const page = await newSpecPage({\n      components: [CardVertical],\n      html: `<ic-card-vertical heading=\"Card\" message=\"This is a clickable card rendered as a button\" clickable=true href=\"/\"></ic-card-vertical>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render full width variant\", async () => {\n    const page = await newSpecPage({\n      components: [CardVertical],\n      html: `<ic-card-vertical heading=\"Card\" full-width=true message=\"This is a full width card\" clickable=true></ic-card-vertical>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with a link parent\", async () => {\n    const page = await newSpecPage({\n      components: [CardVertical],\n      html: `<a href=\"/\"><ic-card-vertical heading=\"Card\" message=\"This is a clickable card\" clickable=true></ic-card-vertical></a>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should apply 'focussed' style when parent is focussed\", async () => {\n    const page = await newSpecPage({\n      components: [CardVertical],\n      html: `<a href=\"/\"><ic-card-vertical id=\"test-id\" heading=\"Card\" message=\"This is a clickable card\" clickable=true></ic-card-vertical></a>`,\n    });\n\n    expect(page.root).not.toBeNull;\n\n    const element = await document.getElementById(\"test-id\");\n\n    await expect(element.classList.contains(\"focussed\")).toBeFalsy;\n\n    await element.focus();\n\n    await expect(element.classList.contains(\"focussed\")).toBeTruthy;\n  });\n\n  it(\"should lose 'focussed' style when parent loses focus\", async () => {\n    const page = await newSpecPage({\n      components: [CardVertical],\n      html: `<a href=\"/\"><ic-card-vertical id=\"test-card\" heading=\"Card\" message=\"This is a clickable card\" clickable=true></ic-card-vertical></a>`,\n    });\n\n    expect(page.root).not.toBeNull;\n\n    const element = await document.getElementById(\"test-card\");\n\n    await element.focus();\n\n    await expect(element.classList.contains(\"focussed\")).toBeTruthy;\n\n    await element.blur();\n\n    await expect(element.classList.contains(\"focussed\")).toBeFalsy;\n\n    await page.rootInstance.disconnectedCallback();\n  });\n\n  it(\"should stop immediate propagation of a click event when disabled\", async () => {\n    const page = await newSpecPage({\n      components: [CardVertical],\n      html: `<ic-card-vertical id=\"test-card\" heading=\"Card\" message=\"This is a clickable card\" clickable=true disabled=true onclick=\"alert('test')\"></ic-card-vertical>`,\n    });\n\n    jest.spyOn(window, \"alert\").mockImplementation();\n\n    const element = await document.getElementById(\"test-card\");\n\n    element.click();\n\n    await page.waitForChanges();\n\n    await expect(window.alert).not.toHaveBeenCalled;\n  });\n\n  it(\"should render with a subheading\", async () => {\n    const page = await newSpecPage({\n      components: [CardVertical],\n      html: `<ic-card-vertical id=\"test-card\" heading=\"Card\" subheading=\"Card subheading\" message=\"This is a card\"></ic-card-vertical>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with an interaction button\", async () => {\n    const page = await newSpecPage({\n      components: [CardVertical],\n      html: `<ic-card-vertical id=\"test-card\" heading=\"Card\" subheading=\"Card subheading\" message=\"This is a card\"><ic-button variant=\"primary\" slot=\"interaction-button\">Click here</ic-button></ic-card-vertical>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with a top image\", async () => {\n    const page = await newSpecPage({\n      components: [CardVertical],\n      html: `<ic-card-vertical id=\"test-card\" heading=\"Card\" subheading=\"Card subheading\" message=\"This is a card\"><div slot=\"image-top\">Image placeholder</div></ic-card-vertical>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with a middle image\", async () => {\n    const page = await newSpecPage({\n      components: [CardVertical],\n      html: `<ic-card-vertical id=\"test-card\" heading=\"Card\" subheading=\"Card subheading\" message=\"This is a card\"><div slot=\"image-mid\">Image placeholder</div></ic-card-vertical>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with interaction controls\", async () => {\n    const page = await newSpecPage({\n      components: [CardVertical],\n      html: `<ic-card-vertical id=\"test-card\" heading=\"Card\" subheading=\"Card subheading\" message=\"This is a card\"><ic-button slot=\"interaction-controls\">Click here</ic-button></ic-card-vertical>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render as expandable\", async () => {\n    const page = await newSpecPage({\n      components: [CardVertical],\n      html: `<ic-card-vertical id=\"test-card\" heading=\"Card\" subheading=\"Card subheading\" message=\"This is a card\" expandable></ic-card-vertical>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render content in expanded area\", async () => {\n    const page = await newSpecPage({\n      components: [CardVertical],\n      html: `<ic-card-vertical id=\"test-card\" heading=\"Card\" subheading=\"Card subheading\" message=\"This is a card\" expandable><ic-typography slot=\"expanded-content\">Extra content</ic-typography></ic-card-vertical>`,\n    });\n\n    page.rootInstance.areaExpanded = true;\n\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should toggle expanded content when expansion toggle is clicked\", async () => {\n    const page = await newSpecPage({\n      components: [CardVertical],\n      html: `<ic-card-vertical id=\"test-card\" heading=\"Card\" message=\"This is a clickable card\" expandable><ic-typography slot=\"expanded-content\">Expanded</ic-typography></ic-card-vertical>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n\n    page.rootInstance.toggleExpanded();\n\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should call 'setFocus' when card as a button is focused\", async () => {\n    const page = await newSpecPage({\n      components: [CardVertical],\n      html: `<ic-card-vertical heading=\"Card\" message=\"This is a clickable card rendered as a button\" clickable=true></ic-card-vertical>`,\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 call 'setFocus' when card as a link is focused\", async () => {\n    const page = await newSpecPage({\n      components: [CardVertical],\n      html: `<ic-card-vertical heading=\"Card\" message=\"This is a clickable card rendered as a button\" clickable=true href=\"/\"></ic-card-vertical>`,\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 rendering slotted after initial render\", async () => {\n    const page = await newSpecPage({\n      components: [CardVertical],\n      html: `<ic-card-vertical heading=\"Card\" message=\"This is a static card\"></ic-card-vertical>`,\n    });\n\n    const icon = document.createElement(\"svg\");\n    icon.setAttribute(\"slot\", \"icon\");\n\n    const imageMid = document.createElement(\"svg\");\n    imageMid.setAttribute(\"slot\", \"image-mid\");\n\n    const imageTop = document.createElement(\"svg\");\n    imageTop.setAttribute(\"slot\", \"image-top\");\n\n    const button = document.createElement(\"button\");\n    button.setAttribute(\"slot\", \"interaction-button\");\n\n    page.rootInstance.hostMutationCallback([\n      {\n        type: \"childList\",\n        addedNodes: [icon, imageMid, imageTop, button],\n        removedNodes: [],\n      },\n    ]);\n  });\n});\n"]}