@ukic/web-components 3.0.0-alpha.12 → 3.0.0-alpha.14

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

@@ -1 +0,0 @@
-{"version":3,"file":"ic-divider.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-divider/test/basic/ic-divider.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { newSpecPage } from \"@stencil/core/testing\";\nimport { Divider } from \"../../ic-divider\";\nimport { Typography } from \"../../../ic-typography/ic-typography\";\n\ndescribe(\"ic-divider\", () => {\n  it(\"should render\", async () => {\n    const page = await newSpecPage({\n      components: [Divider],\n      html: `<ic-divider></ic-divider>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with a slotted label\", async () => {\n    const page = await newSpecPage({\n      components: [Divider],\n      html: `<ic-divider label-placement=\"left\">\n        <ic-typography variant=\"label\" slot=\"label\">\n          <p style=\"width: max-content;\">Slotted label left</p>\n        </ic-typography>\n      </ic-divider>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render a label with the label typography variant when weight is not set to thick or very-thick and a label is provided\", async () => {\n    const page = await newSpecPage({\n      components: [Divider, Typography],\n      html: `<ic-divider weight=\"medium\" label=\"Test label\"></ic-divider>`,\n    });\n\n    const label = page.root.querySelector(\"ic-typography\");\n\n    expect(label.variant).toBe(\"label\");\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render a label with the subtitle-large typography variant when weight is set to thick and a label is provided\", async () => {\n    const page = await newSpecPage({\n      components: [Divider, Typography],\n      html: `<ic-divider weight=\"thick\" label=\"Test label\"></ic-divider>`,\n    });\n\n    const label = page.root.querySelector(\"ic-typography\");\n\n    expect(label.variant).toBe(\"subtitle-large\");\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render a label with the h4 typography variant when weight is set to very-thick and a label is provided\", async () => {\n    const page = await newSpecPage({\n      components: [Divider, Typography],\n      html: `<ic-divider weight=\"very-thick\" label=\"Test label\"></ic-divider>`,\n    });\n\n    const label = page.root.querySelector(\"ic-typography\");\n\n    expect(label.variant).toBe(\"h4\");\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should console error if there's an invalid prop combination of the placement prop and the orientation\", async () => {\n    console.error = jest.fn();\n    const page = await newSpecPage({\n      components: [Divider],\n      html: `<ic-divider orientation=\"vertical\" label-placement=\"left\" label=\"Test label\"></ic-divider>`,\n    });\n\n    await page.waitForChanges();\n\n    expect(console.error).toHaveBeenCalledWith(\n      \"Left label placement is not applicable for a vertical ic-divider (web-components) / IcDivider (react)\"\n    );\n  });\n\n  it(\"correctly sets foregroundColor on brand change\", async () => {\n    const page = await newSpecPage({\n      components: [Divider],\n      html: `<ic-side-navigation version=\"v0.0.0\" status=\"BETA\" app-title=\"ACME\">\n      <ic-navigation-item slot=\"primary-navigation\" href=\"/\" label=\"Home\">\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              />\n            </svg>\n          </ic-navigation-item>\n      <ic-divider slot=\"primary-navigation\"></ic-divider>\n        <ic-navigation-item slot=\"primary-navigation\" href=\"/\" label=\"a11y\">\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 2C13.1 2 14 2.9 14 4C14 5.1 13.1 6 12 6C10.9 6 10 5.1 10 4C10 2.9 10.9 2 12 2ZM21 9H15V22H13V16H11V22H9V9H3V7H21V9Z\"\n              fill=\"currentColor\"\n            />\n          </svg>\n        </ic-navigation-item>\n        </ic-side-navigation>`,\n    });\n\n    expect(page.rootInstance.foregroundColor).toEqual(\"light\");\n    expect(page.rootInstance.theme).toEqual(\"dark\");\n\n    expect(page.root).toMatchSnapshot(\"brand-change-light\");\n\n    await page.rootInstance.brandChangeHandler({\n      detail: { mode: \"dark\" },\n    });\n\n    await page.rootInstance.updateMonochromeState();\n    await page.waitForChanges();\n\n    expect(page.rootInstance.foregroundColor).toEqual(\"dark\");\n    expect(page.rootInstance.theme).toEqual(\"light\");\n\n    expect(page.root).toMatchSnapshot(\"brand-change-dark\");\n  });\n});\n"]}

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

@@ -1,101 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { EmptyState } from "../../ic-empty-state";
-import { mockHasDynamicChildSlots, mockMutationObserverImplementation, mockRenderDynamicChildSlots, } from "../../../../testspec.setup";
-describe("ic-empty-state component", () => {
-    afterAll(() => {
-        jest.restoreAllMocks();
-    });
-    afterEach(() => {
-        jest.clearAllMocks();
-    });
-    it("should render", async () => {
-        const page = await newSpecPage({
-            components: [EmptyState],
-            html: `<ic-empty-state heading="Empty state title"
-      subheading="Empty state subtitle"
-      body="Body text for the empty state."
-    ></ic-empty-state>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render with light theme", async () => {
-        const page = await newSpecPage({
-            components: [EmptyState],
-            html: `<ic-empty-state heading="Empty state title"
-      subheading="Empty state subtitle"
-      body="Body text for the empty state."
-      theme="light"
-    ></ic-empty-state>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render with dark theme", async () => {
-        const page = await newSpecPage({
-            components: [EmptyState],
-            html: `<ic-empty-state heading="Empty state title"
-      subheading="Empty state subtitle"
-      body="Body text for the empty state."
-      theme="dark"
-    ></ic-empty-state>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render with content in the image slot", async () => {
-        const page = await newSpecPage({
-            components: [EmptyState],
-            html: `<ic-empty-state
-      heading="Empty state title"
-      subheading="Empty state subtitle"
-      body="Body text for the empty state."
-    >
-      <svg
-        slot="image"
-        height:326px;width:326px;"
-        xmlns="http://www.w3.org/2000/svg"
-        viewBox="0 0 1600 900"
-      >
-        <rect fill="#ff7700" width="1600" height="1600" y="-350" />
-        <polygon fill="#cc0000" points="957 450 539 900 1396 900" />
-        <polygon fill="#aa0000" points="957 450 872.9 900 1396 900" />
-        <polygon fill="#c50022" points="-60 900 398 662 816 900" />
-        <polygon fill="#a3001b" points="337 900 398 662 816 900" />
-        <polygon fill="#be0044" points="1203 546 1552 900 876 900" />
-        <polygon fill="#9c0036" points="1203 546 1552 900 1162 900" />
-        <polygon fill="#b80066" points="641 695 886 900 367 900" />
-        <polygon fill="#960052" points="587 900 641 695 886 900" />
-        <polygon fill="#b10088" points="1710 900 1401 632 1096 900" />
-        <polygon fill="#8f006d" points="1710 900 1401 632 1365 900" />
-        <polygon fill="#aa00aa" points="1210 900 971 687 725 900" />
-        <polygon fill="#880088" points="943 900 1210 900 971 687" /></svg
-    ></ic-empty-state>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should test rendering an action after initial render", async () => {
-        const page = await newSpecPage({
-            components: [EmptyState],
-            html: `<ic-empty-state heading="Empty state title"></ic-empty-state>`,
-        });
-        const component = page.rootInstance;
-        const host = page.root;
-        const observerInstance = mockMutationObserverImplementation.mock.results[0].value;
-        const action = document.createElement("button");
-        action.setAttribute("slot", "actions");
-        observerInstance.observe(host, { childList: true });
-        host.appendChild(action);
-        const mockMutationRecord = [
-            {
-                addedNodes: [action],
-                removedNodes: [],
-                target: host,
-            },
-        ];
-        observerInstance.trigger(mockMutationRecord);
-        await page.waitForChanges();
-        expect(mockRenderDynamicChildSlots).toHaveBeenCalledTimes(1);
-        expect(mockRenderDynamicChildSlots).toHaveBeenCalledWith(mockMutationRecord, ["image", "actions"], component);
-        expect(mockHasDynamicChildSlots).toHaveBeenCalledTimes(1);
-        expect(page.root).toMatchSnapshot();
-    });
-});
-//# sourceMappingURL=ic-empty-state.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ic-empty-state.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-empty-state/test/basic/ic-empty-state.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { newSpecPage } from \"@stencil/core/testing\";\nimport { EmptyState } from \"../../ic-empty-state\";\nimport {\n  mockHasDynamicChildSlots,\n  mockMutationObserverImplementation,\n  MockMutationRecord,\n  mockRenderDynamicChildSlots,\n} from \"../../../../testspec.setup\";\n\ndescribe(\"ic-empty-state component\", () => {\n  afterAll(() => {\n    jest.restoreAllMocks();\n  });\n\n  afterEach(() => {\n    jest.clearAllMocks();\n  });\n\n  it(\"should render\", async () => {\n    const page = await newSpecPage({\n      components: [EmptyState],\n      html: `<ic-empty-state heading=\"Empty state title\"\n      subheading=\"Empty state subtitle\"\n      body=\"Body text for the empty state.\"\n    ></ic-empty-state>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with light theme\", async () => {\n    const page = await newSpecPage({\n      components: [EmptyState],\n      html: `<ic-empty-state heading=\"Empty state title\"\n      subheading=\"Empty state subtitle\"\n      body=\"Body text for the empty state.\"\n      theme=\"light\"\n    ></ic-empty-state>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with dark theme\", async () => {\n    const page = await newSpecPage({\n      components: [EmptyState],\n      html: `<ic-empty-state heading=\"Empty state title\"\n      subheading=\"Empty state subtitle\"\n      body=\"Body text for the empty state.\"\n      theme=\"dark\"\n    ></ic-empty-state>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with content in the image slot\", async () => {\n    const page = await newSpecPage({\n      components: [EmptyState],\n      html: `<ic-empty-state\n      heading=\"Empty state title\"\n      subheading=\"Empty state subtitle\"\n      body=\"Body text for the empty state.\"\n    >\n      <svg\n        slot=\"image\"\n        height:326px;width:326px;\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 1600 900\"\n      >\n        <rect fill=\"#ff7700\" width=\"1600\" height=\"1600\" y=\"-350\" />\n        <polygon fill=\"#cc0000\" points=\"957 450 539 900 1396 900\" />\n        <polygon fill=\"#aa0000\" points=\"957 450 872.9 900 1396 900\" />\n        <polygon fill=\"#c50022\" points=\"-60 900 398 662 816 900\" />\n        <polygon fill=\"#a3001b\" points=\"337 900 398 662 816 900\" />\n        <polygon fill=\"#be0044\" points=\"1203 546 1552 900 876 900\" />\n        <polygon fill=\"#9c0036\" points=\"1203 546 1552 900 1162 900\" />\n        <polygon fill=\"#b80066\" points=\"641 695 886 900 367 900\" />\n        <polygon fill=\"#960052\" points=\"587 900 641 695 886 900\" />\n        <polygon fill=\"#b10088\" points=\"1710 900 1401 632 1096 900\" />\n        <polygon fill=\"#8f006d\" points=\"1710 900 1401 632 1365 900\" />\n        <polygon fill=\"#aa00aa\" points=\"1210 900 971 687 725 900\" />\n        <polygon fill=\"#880088\" points=\"943 900 1210 900 971 687\" /></svg\n    ></ic-empty-state>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should test rendering an action after initial render\", async () => {\n    const page = await newSpecPage({\n      components: [EmptyState],\n      html: `<ic-empty-state heading=\"Empty state title\"></ic-empty-state>`,\n    });\n\n    const component = page.rootInstance;\n    const host = page.root;\n\n    const observerInstance =\n      mockMutationObserverImplementation.mock.results[0].value;\n\n    const action = document.createElement(\"button\");\n    action.setAttribute(\"slot\", \"actions\");\n\n    observerInstance.observe(host, { childList: true });\n\n    host.appendChild(action);\n\n    const mockMutationRecord: MockMutationRecord[] = [\n      {\n        addedNodes: [action],\n        removedNodes: [],\n        target: host,\n      },\n    ];\n\n    observerInstance.trigger(mockMutationRecord);\n\n    await page.waitForChanges();\n\n    expect(mockRenderDynamicChildSlots).toHaveBeenCalledTimes(1);\n    expect(mockRenderDynamicChildSlots).toHaveBeenCalledWith(\n      mockMutationRecord,\n      [\"image\", \"actions\"],\n      component\n    );\n\n    expect(mockHasDynamicChildSlots).toHaveBeenCalledTimes(1);\n\n    expect(page.root).toMatchSnapshot();\n  });\n});\n"]}

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

@@ -1,181 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { Typography } from "../../../ic-typography/ic-typography";
-import { Footer } from "../../ic-footer";
-import { DEVICE_SIZES } from "../../../../utils/helpers";
-import { mockHasDynamicChildSlots, mockMutationObserverImplementation, mockRenderDynamicChildSlots, } from "../../../../testspec.setup";
-describe("ic-footer", () => {
-    afterAll(() => {
-        jest.restoreAllMocks();
-    });
-    afterEach(() => {
-        jest.clearAllMocks();
-    });
-    it("should render", async () => {
-        const page = await newSpecPage({
-            components: [Footer],
-            html: `<ic-footer></ic-footer>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render with a description via the description slot", async () => {
-        const page = await newSpecPage({
-            components: [Footer, Typography],
-            html: `<ic-footer><ic-typography slot="description">This is a footer</ic-typography></ic-footer>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render with a caption via the caption prop", async () => {
-        const page = await newSpecPage({
-            components: [Footer],
-            html: `<ic-footer description="This is a footer" caption="Made by ICDS"></ic-footer>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render with a caption via the caption slot", async () => {
-        const page = await newSpecPage({
-            components: [Footer],
-            html: `<ic-footer description="This is a footer"><ic-typography slot="caption">Made by ICDS</ic-typography></ic-footer>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render without the copyright text when the copyright prop is false", async () => {
-        const page = await newSpecPage({
-            components: [Footer],
-            html: `<ic-footer description="This is a footer" copyright=false><ic-typography slot="caption">Made by ICDS</ic-typography></ic-footer>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render without the compliance section when there is no logo, caption or copyright", async () => {
-        const page = await newSpecPage({
-            components: [Footer],
-            html: `<ic-footer description="This is a footer" copyright=false></ic-footer>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render with links", async () => {
-        const page = await newSpecPage({
-            components: [Footer],
-            html: `
-            <ic-footer description="This is a footer" caption="Made by ICDS">
-                <ic-footer-link href="/" slot="link">Link</ic-footer-link>
-                <ic-footer-link href="/" slot="link">Link</ic-footer-link>
-            </ic-footer>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render with link groups", async () => {
-        const page = await newSpecPage({
-            components: [Footer],
-            html: `
-            <ic-footer description="This is a footer" caption="Made by ICDS">
-                <ic-footer-link-group label="Links" slot="link">
-                    <ic-footer-link href="/">Link</ic-footer-link>
-                    <ic-footer-link href="/">Link</ic-footer-link>
-                </ic-footer-link-group>
-            </ic-footer>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render with classification banner", async () => {
-        const page = await newSpecPage({
-            components: [Footer],
-            html: `<ic-classification-banner></ic-classification-banner><ic-footer></ic-footer>`,
-        });
-        expect(page.root).toMatchSnapshot("footer-classification-banner");
-    });
-    it("should update foreground colour when the brand is updated", async () => {
-        const page = await newSpecPage({
-            components: [Footer],
-            html: "<div><ic-footer id='ic-footer'></ic-footer></div>",
-        });
-        await page.rootInstance.brandChangeHandler({ detail: { mode: "light" } });
-        expect(page.rootInstance.foregroundColor).toBe("light");
-    });
-    it("should update when resized", async () => {
-        const page = await newSpecPage({
-            components: [Footer],
-            html: "<div><ic-footer id='ic-footer' caption='caption'></ic-footer></div>",
-        });
-        await page.rootInstance.runResizeObserver();
-        await page.waitForChanges();
-        await page.rootInstance.resizeObserverCallback(DEVICE_SIZES.XL);
-        await page.waitForChanges();
-        expect(page.root.shadowRoot
-            .querySelector(".footer-caption")
-            .firstElementChild.getAttribute("variant")).toBe("body");
-        await page.rootInstance.resizeObserverCallback(DEVICE_SIZES.XS);
-        await page.waitForChanges();
-        expect(page.root.shadowRoot
-            .querySelector(".footer-caption")
-            .firstElementChild.getAttribute("variant")).toBe("caption");
-        await page.rootInstance.disconnectedCallback();
-    });
-    it("should render with the correct small breakpoint at extra small device size", async () => {
-        const page = await newSpecPage({
-            components: [Footer],
-            html: "<div><ic-footer id='ic-footer' caption='caption' breakpoint='extra small'></ic-footer></div>",
-        });
-        expect(page.root).not.toBeNull;
-        expect(page.root).toMatchSnapshot("footer-xs-breakpoint");
-    });
-    it("should render with the correct small breakpoint at small device size", async () => {
-        const page = await newSpecPage({
-            components: [Footer],
-            html: "<div><ic-footer id='ic-footer' caption='caption' breakpoint='small'></ic-footer></div>",
-        });
-        expect(page.root).not.toBeNull;
-        expect(page.root).toMatchSnapshot("footer-s-breakpoint");
-    });
-    it("should render with the correct small breakpoint at medium device size", async () => {
-        const page = await newSpecPage({
-            components: [Footer],
-            html: "<div><ic-footer id='ic-footer' caption='caption' breakpoint='medium'></ic-footer></div>",
-        });
-        expect(page.root).not.toBeNull;
-        expect(page.root).toMatchSnapshot("footer-m-breakpoint");
-    });
-    it("should render with the correct small breakpoint at large device size", async () => {
-        const page = await newSpecPage({
-            components: [Footer],
-            html: "<div><ic-footer id='ic-footer' caption='caption' breakpoint='large'></ic-footer></div>",
-        });
-        expect(page.root).not.toBeNull;
-        expect(page.root).toMatchSnapshot("footer-l-breakpoint");
-    });
-    it("should render with the correct small breakpoint at extra large device size", async () => {
-        const page = await newSpecPage({
-            components: [Footer],
-            html: "<div><ic-footer id='ic-footer' caption='caption' breakpoint='extra large'></ic-footer></div>",
-        });
-        expect(page.root).not.toBeNull;
-        expect(page.root).toMatchSnapshot("footer-xl-breakpoint");
-    });
-    it("should test rendering slotted after initial render", async () => {
-        const page = await newSpecPage({
-            components: [Footer],
-            html: `<ic-footer></ic-footer>`,
-        });
-        const component = page.rootInstance;
-        const host = page.root;
-        const observerInstance = mockMutationObserverImplementation.mock.results[0].value;
-        const footerLink = page.doc.createElement("ic-footer-link");
-        footerLink.textContent = "foo";
-        footerLink.setAttribute("slot", "link");
-        observerInstance.observe(host, { childList: true });
-        host.appendChild(footerLink);
-        const mockMutationRecord = [
-            {
-                addedNodes: [footerLink],
-                removedNodes: [],
-                target: host,
-            },
-        ];
-        observerInstance.trigger(mockMutationRecord);
-        await page.waitForChanges();
-        expect(mockRenderDynamicChildSlots).toHaveBeenCalledTimes(1);
-        expect(mockRenderDynamicChildSlots).toHaveBeenCalledWith(mockMutationRecord, "link", component);
-        expect(mockHasDynamicChildSlots).toHaveBeenCalledTimes(1);
-        expect(page.root).toMatchSnapshot();
-    });
-});
-//# sourceMappingURL=ic-footer.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ic-footer.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-footer/test/basic/ic-footer.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { newSpecPage } from \"@stencil/core/testing\";\nimport { Typography } from \"../../../ic-typography/ic-typography\";\nimport { Footer } from \"../../ic-footer\";\nimport { DEVICE_SIZES } from \"../../../../utils/helpers\";\nimport {\n  mockHasDynamicChildSlots,\n  mockMutationObserverImplementation,\n  MockMutationRecord,\n  mockRenderDynamicChildSlots,\n} from \"../../../../testspec.setup\";\n\ndescribe(\"ic-footer\", () => {\n  afterAll(() => {\n    jest.restoreAllMocks();\n  });\n\n  afterEach(() => {\n    jest.clearAllMocks();\n  });\n\n  it(\"should render\", async () => {\n    const page = await newSpecPage({\n      components: [Footer],\n      html: `<ic-footer></ic-footer>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with a description via the description slot\", async () => {\n    const page = await newSpecPage({\n      components: [Footer, Typography],\n      html: `<ic-footer><ic-typography slot=\"description\">This is a footer</ic-typography></ic-footer>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with a caption via the caption prop\", async () => {\n    const page = await newSpecPage({\n      components: [Footer],\n      html: `<ic-footer description=\"This is a footer\" caption=\"Made by ICDS\"></ic-footer>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with a caption via the caption slot\", async () => {\n    const page = await newSpecPage({\n      components: [Footer],\n      html: `<ic-footer description=\"This is a footer\"><ic-typography slot=\"caption\">Made by ICDS</ic-typography></ic-footer>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render without the copyright text when the copyright prop is false\", async () => {\n    const page = await newSpecPage({\n      components: [Footer],\n      html: `<ic-footer description=\"This is a footer\" copyright=false><ic-typography slot=\"caption\">Made by ICDS</ic-typography></ic-footer>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render without the compliance section when there is no logo, caption or copyright\", async () => {\n    const page = await newSpecPage({\n      components: [Footer],\n      html: `<ic-footer description=\"This is a footer\" copyright=false></ic-footer>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with links\", async () => {\n    const page = await newSpecPage({\n      components: [Footer],\n      html: `\n            <ic-footer description=\"This is a footer\" caption=\"Made by ICDS\">\n                <ic-footer-link href=\"/\" slot=\"link\">Link</ic-footer-link>\n                <ic-footer-link href=\"/\" slot=\"link\">Link</ic-footer-link>\n            </ic-footer>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with link groups\", async () => {\n    const page = await newSpecPage({\n      components: [Footer],\n      html: `\n            <ic-footer description=\"This is a footer\" caption=\"Made by ICDS\">\n                <ic-footer-link-group label=\"Links\" slot=\"link\">\n                    <ic-footer-link href=\"/\">Link</ic-footer-link>\n                    <ic-footer-link href=\"/\">Link</ic-footer-link>\n                </ic-footer-link-group>\n            </ic-footer>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with classification banner\", async () => {\n    const page = await newSpecPage({\n      components: [Footer],\n      html: `<ic-classification-banner></ic-classification-banner><ic-footer></ic-footer>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"footer-classification-banner\");\n  });\n\n  it(\"should update foreground colour when the brand is updated\", async () => {\n    const page = await newSpecPage({\n      components: [Footer],\n      html: \"<div><ic-footer id='ic-footer'></ic-footer></div>\",\n    });\n\n    await page.rootInstance.brandChangeHandler({ detail: { mode: \"light\" } });\n\n    expect(page.rootInstance.foregroundColor).toBe(\"light\");\n  });\n\n  it(\"should update when resized\", async () => {\n    const page = await newSpecPage({\n      components: [Footer],\n      html: \"<div><ic-footer id='ic-footer' caption='caption'></ic-footer></div>\",\n    });\n\n    await page.rootInstance.runResizeObserver();\n    await page.waitForChanges();\n\n    await page.rootInstance.resizeObserverCallback(DEVICE_SIZES.XL);\n    await page.waitForChanges();\n\n    expect(\n      page.root.shadowRoot\n        .querySelector(\".footer-caption\")\n        .firstElementChild.getAttribute(\"variant\")\n    ).toBe(\"body\");\n\n    await page.rootInstance.resizeObserverCallback(DEVICE_SIZES.XS);\n    await page.waitForChanges();\n\n    expect(\n      page.root.shadowRoot\n        .querySelector(\".footer-caption\")\n        .firstElementChild.getAttribute(\"variant\")\n    ).toBe(\"caption\");\n\n    await page.rootInstance.disconnectedCallback();\n  });\n\n  it(\"should render with the correct small breakpoint at extra small device size\", async () => {\n    const page = await newSpecPage({\n      components: [Footer],\n      html: \"<div><ic-footer id='ic-footer' caption='caption' breakpoint='extra small'></ic-footer></div>\",\n    });\n\n    expect(page.root).not.toBeNull;\n\n    expect(page.root).toMatchSnapshot(\"footer-xs-breakpoint\");\n  });\n\n  it(\"should render with the correct small breakpoint at small device size\", async () => {\n    const page = await newSpecPage({\n      components: [Footer],\n      html: \"<div><ic-footer id='ic-footer' caption='caption' breakpoint='small'></ic-footer></div>\",\n    });\n\n    expect(page.root).not.toBeNull;\n\n    expect(page.root).toMatchSnapshot(\"footer-s-breakpoint\");\n  });\n\n  it(\"should render with the correct small breakpoint at medium device size\", async () => {\n    const page = await newSpecPage({\n      components: [Footer],\n      html: \"<div><ic-footer id='ic-footer' caption='caption' breakpoint='medium'></ic-footer></div>\",\n    });\n\n    expect(page.root).not.toBeNull;\n\n    expect(page.root).toMatchSnapshot(\"footer-m-breakpoint\");\n  });\n\n  it(\"should render with the correct small breakpoint at large device size\", async () => {\n    const page = await newSpecPage({\n      components: [Footer],\n      html: \"<div><ic-footer id='ic-footer' caption='caption' breakpoint='large'></ic-footer></div>\",\n    });\n\n    expect(page.root).not.toBeNull;\n\n    expect(page.root).toMatchSnapshot(\"footer-l-breakpoint\");\n  });\n\n  it(\"should render with the correct small breakpoint at extra large device size\", async () => {\n    const page = await newSpecPage({\n      components: [Footer],\n      html: \"<div><ic-footer id='ic-footer' caption='caption' breakpoint='extra large'></ic-footer></div>\",\n    });\n\n    expect(page.root).not.toBeNull;\n\n    expect(page.root).toMatchSnapshot(\"footer-xl-breakpoint\");\n  });\n\n  it(\"should test rendering slotted after initial render\", async () => {\n    const page = await newSpecPage({\n      components: [Footer],\n      html: `<ic-footer></ic-footer>`,\n    });\n\n    const component = page.rootInstance;\n    const host = page.root;\n\n    const observerInstance =\n      mockMutationObserverImplementation.mock.results[0].value;\n\n    const footerLink = page.doc.createElement(\"ic-footer-link\");\n    footerLink.textContent = \"foo\";\n    footerLink.setAttribute(\"slot\", \"link\");\n\n    observerInstance.observe(host, { childList: true });\n\n    host.appendChild(footerLink);\n\n    const mockMutationRecord: MockMutationRecord[] = [\n      {\n        addedNodes: [footerLink],\n        removedNodes: [],\n        target: host,\n      },\n    ];\n\n    observerInstance.trigger(mockMutationRecord);\n\n    await page.waitForChanges();\n\n    expect(mockRenderDynamicChildSlots).toHaveBeenCalledTimes(1);\n    expect(mockRenderDynamicChildSlots).toHaveBeenCalledWith(\n      mockMutationRecord,\n      \"link\",\n      component\n    );\n\n    expect(mockHasDynamicChildSlots).toHaveBeenCalledTimes(1);\n\n    expect(page.root).toMatchSnapshot();\n  });\n});\n"]}

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

@@ -1,46 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { FooterLink } from "../../ic-footer-link";
-describe("ic-footer-link", () => {
-    it("should render", async () => {
-        const page = await newSpecPage({
-            components: [FooterLink],
-            html: `<ic-footer-link href="/">Link</ic-footer-link>`,
-        });
-        expect(page.root).toMatchSnapshot("footer-link");
-    });
-    it("should render small with grouped links", async () => {
-        const page = await newSpecPage({
-            components: [FooterLink],
-            html: `<ic-footer-link href="/">Link</ic-footer-link>`,
-        });
-        page.rootInstance.footerConfig = { small: true, grouped: true };
-        await page.waitForChanges();
-        expect(page.root).toMatchSnapshot("small-footer-link-with-grouped-links");
-    });
-    it("should set foregroundColor on theme change", async () => {
-        const page = await newSpecPage({
-            components: [FooterLink],
-            html: `<ic-footer-link label="button1" onclick="alert('test')">
-      </ic-footer-link>`,
-        });
-        await page.rootInstance.footerBrandChangeHandler({
-            detail: { mode: "light" },
-        });
-        await page.waitForChanges();
-        expect(page.rootInstance.foregroundColor).toEqual("light");
-    });
-    it("should test footer resize handler", async () => {
-        const page = await newSpecPage({
-            components: [FooterLink],
-            html: `<ic-footer-link label="button1" onclick="alert('test')">
-      </ic-footer-link>`,
-        });
-        await page.rootInstance.footerResizeHandler();
-        await page.waitForChanges();
-        expect(page.rootInstance.footerConfig).toStrictEqual({
-            grouped: false,
-            small: false,
-        });
-    });
-});
-//# sourceMappingURL=ic-footer-link.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ic-footer-link.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-footer-link/test/basic/ic-footer-link.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC9B,EAAE,CAAC,eAAe,EAAE,KAAK,IAAI,EAAE;QAC7B,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,gDAAgD;SACvD,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;IACnD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wCAAwC,EAAE,KAAK,IAAI,EAAE;QACtD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,gDAAgD;SACvD,CAAC,CAAC;QAEH,IAAI,CAAC,YAAY,CAAC,YAAY,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;QAChE,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,sCAAsC,CAAC,CAAC;IAC5E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4CAA4C,EAAE,KAAK,IAAI,EAAE;QAC1D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE;wBACY;SACnB,CAAC,CAAC;QAEH,MAAM,IAAI,CAAC,YAAY,CAAC,wBAAwB,CAAC;YAC/C,MAAM,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC1B,CAAC,CAAC;QACH,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QACjD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE;wBACY;SACnB,CAAC,CAAC;QAEH,MAAM,IAAI,CAAC,YAAY,CAAC,mBAAmB,EAAE,CAAC;QAC9C,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,aAAa,CAAC;YACnD,OAAO,EAAE,KAAK;YACd,KAAK,EAAE,KAAK;SACb,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from \"@stencil/core/testing\";\nimport { FooterLink } from \"../../ic-footer-link\";\n\ndescribe(\"ic-footer-link\", () => {\n  it(\"should render\", async () => {\n    const page = await newSpecPage({\n      components: [FooterLink],\n      html: `<ic-footer-link href=\"/\">Link</ic-footer-link>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"footer-link\");\n  });\n\n  it(\"should render small with grouped links\", async () => {\n    const page = await newSpecPage({\n      components: [FooterLink],\n      html: `<ic-footer-link href=\"/\">Link</ic-footer-link>`,\n    });\n\n    page.rootInstance.footerConfig = { small: true, grouped: true };\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot(\"small-footer-link-with-grouped-links\");\n  });\n\n  it(\"should set foregroundColor on theme change\", async () => {\n    const page = await newSpecPage({\n      components: [FooterLink],\n      html: `<ic-footer-link label=\"button1\" onclick=\"alert('test')\">\n      </ic-footer-link>`,\n    });\n\n    await page.rootInstance.footerBrandChangeHandler({\n      detail: { mode: \"light\" },\n    });\n    await page.waitForChanges();\n\n    expect(page.rootInstance.foregroundColor).toEqual(\"light\");\n  });\n\n  it(\"should test footer resize handler\", async () => {\n    const page = await newSpecPage({\n      components: [FooterLink],\n      html: `<ic-footer-link label=\"button1\" onclick=\"alert('test')\">\n      </ic-footer-link>`,\n    });\n\n    await page.rootInstance.footerResizeHandler();\n    await page.waitForChanges();\n\n    expect(page.rootInstance.footerConfig).toStrictEqual({\n      grouped: false,\n      small: false,\n    });\n  });\n});\n"]}

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

@@ -1,66 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { Footer } from "../../../ic-footer/ic-footer";
-import { FooterLinkGroup } from "../../ic-footer-link-group";
-import { FooterLink } from "../../../ic-footer-link/ic-footer-link";
-describe("ic-footer-link-group", () => {
-    it("should render", async () => {
-        const page = await newSpecPage({
-            components: [FooterLinkGroup],
-            html: `<ic-footer-link-group label="Link group"></ic-footer-link-group>`,
-        });
-        expect(page.root).toMatchSnapshot("footer-link-group");
-    });
-    it("should render with links", async () => {
-        const page = await newSpecPage({
-            components: [FooterLinkGroup, FooterLink],
-            html: `<ic-footer-link-group label="Link group"><ic-footer-link href="/">Link</ic-footer-link></ic-footer-link-group>`,
-        });
-        expect(page.root).toMatchSnapshot("footer-link-group-with-links");
-    });
-    it("should render within footer", async () => {
-        const page = await newSpecPage({
-            components: [Footer, FooterLinkGroup, FooterLink],
-            html: `<ic-footer><ic-footer-link-group label="Link group"><ic-footer-link href="/">Link</ic-footer-link></ic-footer-link-group><ic-footer>`,
-        });
-        expect(page.root).toMatchSnapshot("footer-link-group-in-footer");
-    });
-    it("should expand and collapse", async () => {
-        const page = await newSpecPage({
-            components: [Footer, FooterLinkGroup, FooterLink],
-            html: `<ic-footer-link-group label="Link group"><ic-footer-link href="/">Link</ic-footer-link></ic-footer-link-group>`,
-        });
-        expect(page.rootInstance.expanded).toBe(false);
-        const event = new KeyboardEvent("keydown", { key: "Enter" });
-        await page.rootInstance.handleKeydown(event);
-        expect(page.rootInstance.expanded).toBe(true);
-        await page.rootInstance.handleKeydown(event);
-        expect(page.rootInstance.expanded).toBe(false);
-    });
-    it("should check and set small state", async () => {
-        const page = await newSpecPage({
-            components: [Footer, FooterLinkGroup, FooterLink],
-            html: `<ic-footer-link-group label="Link group"><ic-footer-link href="/">Link</ic-footer-link></ic-footer-link-group>`,
-        });
-        await page.rootInstance.footerResizeHandler();
-        expect(page.rootInstance.small).toBe(false);
-    });
-    it("should update theme", async () => {
-        const page = await newSpecPage({
-            components: [Footer, FooterLinkGroup, FooterLink],
-            html: `<ic-footer-link-group label="Link group"><ic-footer-link href="/">Link</ic-footer-link></ic-footer-link-group>`,
-        });
-        await page.rootInstance.footerBrandChangeHandler({
-            detail: { mode: "dark" },
-        });
-        expect(page.rootInstance.dropdownIconStyle).toBe("dark");
-    });
-    it("should render small", async () => {
-        const page = await newSpecPage({
-            components: [Footer, FooterLinkGroup, FooterLink],
-            html: `<ic-footer breakpoint="extra large"><ic-footer-link-group small=true label="Link group"><ic-footer-link href="/">Link</ic-footer-link></ic-footer-link-group></ic-footer>`,
-        });
-        expect(page.root).not.toBeNull;
-        expect(page.root).toMatchSnapshot("footer-link-group-small");
-    });
-});
-//# sourceMappingURL=ic-footer-link-group.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ic-footer-link-group.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-footer-link-group/test/basic/ic-footer-link-group.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { newSpecPage } from \"@stencil/core/testing\";\nimport { Footer } from \"../../../ic-footer/ic-footer\";\nimport { FooterLinkGroup } from \"../../ic-footer-link-group\";\nimport { FooterLink } from \"../../../ic-footer-link/ic-footer-link\";\n\ndescribe(\"ic-footer-link-group\", () => {\n  it(\"should render\", async () => {\n    const page = await newSpecPage({\n      components: [FooterLinkGroup],\n      html: `<ic-footer-link-group label=\"Link group\"></ic-footer-link-group>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"footer-link-group\");\n  });\n\n  it(\"should render with links\", async () => {\n    const page = await newSpecPage({\n      components: [FooterLinkGroup, FooterLink],\n      html: `<ic-footer-link-group label=\"Link group\"><ic-footer-link href=\"/\">Link</ic-footer-link></ic-footer-link-group>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"footer-link-group-with-links\");\n  });\n\n  it(\"should render within footer\", async () => {\n    const page = await newSpecPage({\n      components: [Footer, FooterLinkGroup, FooterLink],\n      html: `<ic-footer><ic-footer-link-group label=\"Link group\"><ic-footer-link href=\"/\">Link</ic-footer-link></ic-footer-link-group><ic-footer>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"footer-link-group-in-footer\");\n  });\n\n  it(\"should expand and collapse\", async () => {\n    const page = await newSpecPage({\n      components: [Footer, FooterLinkGroup, FooterLink],\n      html: `<ic-footer-link-group label=\"Link group\"><ic-footer-link href=\"/\">Link</ic-footer-link></ic-footer-link-group>`,\n    });\n\n    expect(page.rootInstance.expanded).toBe(false);\n\n    const event = new KeyboardEvent(\"keydown\", { key: \"Enter\" });\n\n    await page.rootInstance.handleKeydown(event);\n\n    expect(page.rootInstance.expanded).toBe(true);\n\n    await page.rootInstance.handleKeydown(event);\n\n    expect(page.rootInstance.expanded).toBe(false);\n  });\n\n  it(\"should check and set small state\", async () => {\n    const page = await newSpecPage({\n      components: [Footer, FooterLinkGroup, FooterLink],\n      html: `<ic-footer-link-group label=\"Link group\"><ic-footer-link href=\"/\">Link</ic-footer-link></ic-footer-link-group>`,\n    });\n\n    await page.rootInstance.footerResizeHandler();\n\n    expect(page.rootInstance.small).toBe(false);\n  });\n\n  it(\"should update theme\", async () => {\n    const page = await newSpecPage({\n      components: [Footer, FooterLinkGroup, FooterLink],\n      html: `<ic-footer-link-group label=\"Link group\"><ic-footer-link href=\"/\">Link</ic-footer-link></ic-footer-link-group>`,\n    });\n\n    await page.rootInstance.footerBrandChangeHandler({\n      detail: { mode: \"dark\" },\n    });\n\n    expect(page.rootInstance.dropdownIconStyle).toBe(\"dark\");\n  });\n\n  it(\"should render small\", async () => {\n    const page = await newSpecPage({\n      components: [Footer, FooterLinkGroup, FooterLink],\n      html: `<ic-footer breakpoint=\"extra large\"><ic-footer-link-group small=true label=\"Link group\"><ic-footer-link href=\"/\">Link</ic-footer-link></ic-footer-link-group></ic-footer>`,\n    });\n\n    expect(page.root).not.toBeNull;\n\n    expect(page.root).toMatchSnapshot(\"footer-link-group-small\");\n  });\n});\n"]}

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

@@ -1,109 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { Hero } from "../../ic-hero";
-import { mockHasDynamicChildSlots, mockMutationObserverImplementation, mockRenderDynamicChildSlots, } from "../../../../testspec.setup";
-describe("ic-hero component", () => {
-    afterAll(() => {
-        jest.restoreAllMocks();
-    });
-    afterEach(() => {
-        jest.clearAllMocks();
-    });
-    it("should render", async () => {
-        const page = await newSpecPage({
-            components: [Hero],
-            html: `<ic-hero heading="Test title" subheading="Test text"></ic-hero>`,
-        });
-        expect(page.root).toMatchSnapshot("renders");
-    });
-    it("should render with a secondary heading", async () => {
-        const page = await newSpecPage({
-            components: [Hero],
-            html: `<ic-hero heading="Test title" subheading="Test text" secondary-heading="Test title" secondary-subheading="Test text"></ic-hero>`,
-        });
-        expect(page.root).toMatchSnapshot("renders-with-secondary-heading");
-    });
-    it("should render with interaction content", async () => {
-        const page = await newSpecPage({
-            components: [Hero],
-            html: `<ic-hero heading="Test title" subheading="Test text"><ic-button slot="interaction">Button</ic-button></ic-hero>`,
-        });
-        expect(page.root).toMatchSnapshot("renders-with-interaction-content");
-    });
-    it("should render with secondary content", async () => {
-        const page = await newSpecPage({
-            components: [Hero],
-            html: `<ic-hero heading="Test title" subheading="Test text"><ic-card-vertical slot="secondary" heading="Test card"></ic-card-vertical></ic-hero>`,
-        });
-        expect(page.root).toMatchSnapshot("renders-with-secondary-content");
-    });
-    it("should render with a background image when given", async () => {
-        const page = await newSpecPage({
-            components: [Hero],
-            html: `<ic-hero heading="Test title" subheading="Test text" background-image="test.png"><ic-card-vertical slot="secondary" heading="Test card"></ic-card-vertical></ic-hero>`,
-        });
-        expect(page.root).toMatchSnapshot("renders-with-background-image");
-    });
-    it("should use parallax on scroll when a background image is given", async () => {
-        const page = await newSpecPage({
-            components: [Hero],
-            html: `<ic-hero heading="Test title" subheading="Test text" background-image="test.png"><ic-card-vertical slot="secondary" heading="Test card"></ic-card-vertical></ic-hero>`,
-        });
-        page.doc.scrollingElement.scrollTop = 50;
-        page.doc.dispatchEvent(new CustomEvent("scroll"));
-        await page.waitForChanges();
-        expect(page.root).toMatchSnapshot("renders-with-parallax-on-scroll");
-    });
-    it("should use not parallax on scroll when a background image is given, but parallax disabled", async () => {
-        const page = await newSpecPage({
-            components: [Hero],
-            html: `<ic-hero heading="Test title" disable-background-parallax subheading="Test text" background-image="test.png"><ic-card-vertical slot="secondary" heading="Test card"></ic-card-vertical></ic-hero>`,
-        });
-        page.doc.scrollingElement.scrollTop = 50;
-        page.doc.dispatchEvent(new CustomEvent("scroll"));
-        await page.waitForChanges();
-        expect(page.root).toMatchSnapshot("renders-with-parallax-on-scroll-disabled");
-    });
-    it("should render at size small", async () => {
-        const page = await newSpecPage({
-            components: [Hero],
-            html: `<ic-hero size="small" heading="Test title" subheading="Test text"></ic-hero>`,
-        });
-        expect(page.root).toMatchSnapshot("renders-small-variant");
-    });
-    it("should correctly set foregroundColor on brand change", async () => {
-        const page = await newSpecPage({
-            components: [Hero],
-            html: `<ic-hero heading="Test title" subheading="Test text"></ic-hero>`,
-        });
-        await page.rootInstance.brandChangeHandler({ detail: { mode: "dark" } });
-        await page.waitForChanges();
-        expect(page.rootInstance.foregroundColor).toBe("dark");
-    });
-    it("should test rendering secondary slot after initial render", async () => {
-        const page = await newSpecPage({
-            components: [Hero],
-            html: `<ic-hero heading="Test title" subheading="Test text"></ic-hero>`,
-        });
-        const component = page.rootInstance;
-        const host = page.root;
-        const observerInstance = mockMutationObserverImplementation.mock.results[0].value;
-        const icon = document.createElement("svg");
-        icon.setAttribute("slot", "secondary");
-        observerInstance.observe(host, { childList: true });
-        host.appendChild(icon);
-        const mockMutationRecord = [
-            {
-                addedNodes: [icon],
-                removedNodes: [],
-                target: host,
-            },
-        ];
-        observerInstance.trigger(mockMutationRecord);
-        await page.waitForChanges();
-        expect(mockRenderDynamicChildSlots).toHaveBeenCalledTimes(1);
-        expect(mockRenderDynamicChildSlots).toHaveBeenCalledWith(mockMutationRecord, "secondary", component);
-        expect(mockHasDynamicChildSlots).toHaveBeenCalledTimes(1);
-        expect(page.root).toMatchSnapshot();
-    });
-});
-//# sourceMappingURL=ic-hero.spec.js.map