@ukic/web-components 3.0.0 → 3.1.0

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

@@ -1,140 +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";
-describe("ic-footer", () => {
-    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 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 theme is updated", async () => {
-        const page = await newSpecPage({
-            components: [Footer],
-            html: "<div><ic-footer id='ic-footer'></ic-footer></div>",
-        });
-        await page.rootInstance.themeChangeHandler({ 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");
-    });
-});
-//# 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\";\n\ndescribe(\"ic-footer\", () => {\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 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 theme 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.themeChangeHandler({ 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"]}

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.footerThemeChangeHandler({
-            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.footerThemeChangeHandler({\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.footerThemeChangeHandler({
-            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.footerThemeChangeHandler({\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,91 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { Hero } from "../../ic-hero";
-describe("ic-hero component", () => {
-    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 theme change", async () => {
-        const page = await newSpecPage({
-            components: [Hero],
-            html: `<ic-hero heading="Test title" subheading="Test text"></ic-hero>`,
-        });
-        await page.rootInstance.themeChangeHandler({ 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 icon = document.createElement("svg");
-        icon.setAttribute("slot", "secondary");
-        page.rootInstance.hostMutationCallback([
-            {
-                type: "childList",
-                addedNodes: [icon],
-                removedNodes: [],
-            },
-        ]);
-    });
-});
-//# sourceMappingURL=ic-hero.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ic-hero.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-hero/test/basic/ic-hero.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { newSpecPage } from \"@stencil/core/testing\";\nimport { Hero } from \"../../ic-hero\";\n\ndescribe(\"ic-hero component\", () => {\n  it(\"should render\", async () => {\n    const page = await newSpecPage({\n      components: [Hero],\n      html: `<ic-hero heading=\"Test title\" subheading=\"Test text\"></ic-hero>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders\");\n  });\n\n  it(\"should render with a secondary heading\", async () => {\n    const page = await newSpecPage({\n      components: [Hero],\n      html: `<ic-hero heading=\"Test title\" subheading=\"Test text\" secondary-heading=\"Test title\" secondary-subheading=\"Test text\"></ic-hero>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders-with-secondary-heading\");\n  });\n\n  it(\"should render with interaction content\", async () => {\n    const page = await newSpecPage({\n      components: [Hero],\n      html: `<ic-hero heading=\"Test title\" subheading=\"Test text\"><ic-button slot=\"interaction\">Button</ic-button></ic-hero>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders-with-interaction-content\");\n  });\n\n  it(\"should render with secondary content\", async () => {\n    const page = await newSpecPage({\n      components: [Hero],\n      html: `<ic-hero heading=\"Test title\" subheading=\"Test text\"><ic-card-vertical slot=\"secondary\" heading=\"Test card\"></ic-card-vertical></ic-hero>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders-with-secondary-content\");\n  });\n\n  it(\"should render with a background image when given\", async () => {\n    const page = await newSpecPage({\n      components: [Hero],\n      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>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders-with-background-image\");\n  });\n\n  it(\"should use parallax on scroll when a background image is given\", async () => {\n    const page = await newSpecPage({\n      components: [Hero],\n      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>`,\n    });\n\n    page.doc.scrollingElement.scrollTop = 50;\n    page.doc.dispatchEvent(new CustomEvent(\"scroll\"));\n\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot(\"renders-with-parallax-on-scroll\");\n  });\n\n  it(\"should use not parallax on scroll when a background image is given, but parallax disabled\", async () => {\n    const page = await newSpecPage({\n      components: [Hero],\n      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>`,\n    });\n\n    page.doc.scrollingElement.scrollTop = 50;\n    page.doc.dispatchEvent(new CustomEvent(\"scroll\"));\n\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot(\n      \"renders-with-parallax-on-scroll-disabled\"\n    );\n  });\n\n  it(\"should render at size small\", async () => {\n    const page = await newSpecPage({\n      components: [Hero],\n      html: `<ic-hero size=\"small\" heading=\"Test title\" subheading=\"Test text\"></ic-hero>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders-small-variant\");\n  });\n\n  it(\"should correctly set foregroundColor on theme change\", async () => {\n    const page = await newSpecPage({\n      components: [Hero],\n      html: `<ic-hero heading=\"Test title\" subheading=\"Test text\"></ic-hero>`,\n    });\n\n    await page.rootInstance.themeChangeHandler({ detail: { mode: \"dark\" } });\n    await page.waitForChanges();\n\n    expect(page.rootInstance.foregroundColor).toBe(\"dark\");\n  });\n\n  it(\"should test rendering secondary slot after initial render\", async () => {\n    const page = await newSpecPage({\n      components: [Hero],\n      html: `<ic-hero heading=\"Test title\" subheading=\"Test text\"></ic-hero>`,\n    });\n\n    const icon = document.createElement(\"svg\");\n    icon.setAttribute(\"slot\", \"secondary\");\n\n    page.rootInstance.hostMutationCallback([\n      {\n        type: \"childList\",\n        addedNodes: [icon],\n        removedNodes: [],\n      },\n    ]);\n  });\n});\n"]}

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

@@ -1,180 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { NavigationItem } from "../../../ic-navigation-item/ic-navigation-item";
-import { HorizontalScroll } from "../../ic-horizontal-scroll";
-const testHorizontalScroll = `<ic-horizontal-scroll>
-  <div>
-    <ic-navigation-item label="Test nav item 1"></ic-navigation-item>
-    <ic-navigation-item label="Test nav item 2"></ic-navigation-item>
-    <ic-navigation-item label="Test nav item 3"></ic-navigation-item>
-    <ic-navigation-item label="Test nav item 4"></ic-navigation-item>
-    <ic-navigation-item label="Test nav item 5"></ic-navigation-item>
-    <ic-navigation-item label="Test nav item 6"></ic-navigation-item>
-  </div>
-  </ic-horizontal-scroll>`;
-describe("ic-horizontal-scroll", () => {
-    it("should render", async () => {
-        const page = await newSpecPage({
-            components: [HorizontalScroll, NavigationItem],
-            html: testHorizontalScroll,
-        });
-        expect(page.root).toMatchSnapshot("renders");
-    });
-    it("should render the correct HTML for the chosen appearance", async () => {
-        const page = await newSpecPage({
-            components: [HorizontalScroll, NavigationItem],
-            html: testHorizontalScroll,
-        });
-        expect(page.root).toMatchSnapshot("renders-appearance");
-    });
-    it("should scroll item into view", async () => {
-        const page = await newSpecPage({
-            components: [HorizontalScroll, NavigationItem],
-            html: testHorizontalScroll,
-        });
-        page.rootInstance.scrollItemIntoView(6);
-        expect(page.rootInstance.buttonStateSet).toBe(true);
-    });
-    it("should long scroll left", async () => {
-        const page = await newSpecPage({
-            components: [HorizontalScroll, NavigationItem],
-            html: testHorizontalScroll,
-        });
-        page.rootInstance.longScrollLeft();
-        page.waitForChanges();
-        expect(page.rootInstance.scrollDelay._idleNext.msecs).toBe(200);
-    });
-    it("should long scroll right", async () => {
-        const page = await newSpecPage({
-            components: [HorizontalScroll, NavigationItem],
-            html: testHorizontalScroll,
-        });
-        page.rootInstance.longScrollRight();
-        page.waitForChanges();
-        expect(page.rootInstance.scrollDelay._idleNext.msecs).toBe(200);
-    });
-    it("should delay on left arrow mouse down and set a timeout after the scrolling ends", async () => {
-        const page = await newSpecPage({
-            components: [HorizontalScroll, NavigationItem],
-            html: testHorizontalScroll,
-        });
-        const event = new Event("mousedown", {
-            bubbles: true,
-            cancelable: true,
-        });
-        page.rootInstance.leftArrowMouseDownHandler(event);
-        page.waitForChanges();
-        expect(page.rootInstance.scrollDelay._idleNext.msecs).toBe(200);
-        page.rootInstance.isScrolling = 200;
-        page.waitForChanges();
-        page.rootInstance.scrollHandler();
-        expect(page.rootInstance.isScrolling._idleNext.msecs).toBe(50);
-    });
-    it("should delay on right arrow mouse down and revoke delay on mouse up", async () => {
-        const page = await newSpecPage({
-            components: [HorizontalScroll, NavigationItem],
-            html: testHorizontalScroll,
-        });
-        const event = new Event("mousedown", {
-            bubbles: true,
-            cancelable: true,
-        });
-        page.rootInstance.rightArrowMouseDownHandler(event);
-        page.waitForChanges();
-        expect(page.rootInstance.scrollDelay._idleNext.msecs).toBe(200);
-        page.rootInstance.arrowMouseUpHandler();
-        expect(page.rootInstance.scrollDelay._idleNext).toBeNull();
-    });
-    it("should stop scrolling if mouse leaves the scroll button", async () => {
-        const page = await newSpecPage({
-            components: [HorizontalScroll, NavigationItem],
-            html: testHorizontalScroll,
-        });
-        const scrollContainer = page.root.shadowRoot.querySelector(".scroll-container-right");
-        const mouseDownEvent = new Event("mousedown", {
-            bubbles: true,
-            cancelable: true,
-        });
-        const mouseLeaveEvent = new Event("mouseleave", {
-            bubbles: true,
-            cancelable: true,
-        });
-        page.rootInstance.rightArrowMouseDownHandler(mouseDownEvent);
-        page.waitForChanges();
-        scrollContainer.dispatchEvent(mouseLeaveEvent);
-        page.waitForChanges();
-        expect(page.rootInstance.arrowMouseUpHandler()).toHaveBeenCalled;
-    });
-    it("should stop scrolling", async () => {
-        const page = await newSpecPage({
-            components: [HorizontalScroll, NavigationItem],
-            html: testHorizontalScroll,
-        });
-        //when buttonStateSet is true
-        page.rootInstance.buttonStateSet = true;
-        page.rootInstance.scrollStopped();
-        page.waitForChanges();
-        expect(page.rootInstance.buttonStateSet).toBe(false);
-        //when buttonStateSet is false
-        page.rootInstance.itemsContainerEl.scrollLeft = 0;
-        page.rootInstance.scrollStopped();
-        page.waitForChanges();
-        expect(page.rootInstance.firstItemVisible).toBe(true);
-    });
-    it("should handle item focus", async () => {
-        const page = await newSpecPage({
-            components: [HorizontalScroll, NavigationItem],
-            html: testHorizontalScroll,
-        });
-        page.rootInstance.itemOverflow = true;
-        page.waitForChanges();
-        const item = page.root.querySelector("[label='Test nav item 4']");
-        item.focus();
-        page.waitForChanges();
-        expect(page.rootInstance.itemFocusHandler()).toHaveBeenCalled;
-        expect(page.rootInstance.firstItemVisible).toBe(false);
-    });
-    it("should render scroll arrows when items overflow", async () => {
-        const page = await newSpecPage({
-            components: [HorizontalScroll, NavigationItem],
-            html: `<ic-horizontal-scroll>
-        <div>
-        <ic-navigation-item label="Test nav item 1"></ic-navigation-item>
-        <ic-navigation-item label="Test nav item 2"></ic-navigation-item>
-        <ic-navigation-item label="Test nav item 3"></ic-navigation-item>
-        <ic-navigation-item label="Test nav item 4"></ic-navigation-item>
-        <ic-navigation-item label="Test nav item 5"></ic-navigation-item>
-        <ic-navigation-item label="Test nav item 6"></ic-navigation-item>
-        </div>
-      </ic-horizontal-scroll>`,
-        });
-        page.rootInstance.itemOverflow = true;
-        page.waitForChanges();
-        const scroll = page.root.shadowRoot.querySelector(".scroll-arrow");
-        expect(scroll).not.toBeNull();
-        //call runResizeObserver
-        page.rootInstance.runResizeObserver();
-        //test disconnected callback
-        page.setContent("");
-    });
-    it("should set itemOverflow to true where scrollWidth > clientWidth on the scroll container element", async () => {
-        const page = await newSpecPage({
-            components: [HorizontalScroll, NavigationItem],
-            html: `<ic-horizontal-scroll>
-        <div>
-        <ic-navigation-item label="Test nav item 1"></ic-navigation-item>
-        <ic-navigation-item label="Test nav item 2"></ic-navigation-item>
-        <ic-navigation-item label="Test nav item 3"></ic-navigation-item>
-        <ic-navigation-item label="Test nav item 4"></ic-navigation-item>
-        <ic-navigation-item label="Test nav item 5"></ic-navigation-item>
-        <ic-navigation-item label="Test nav item 6"></ic-navigation-item>
-        </div>
-      </ic-horizontal-scroll>`,
-        });
-        page.rootInstance.itemsContainerEl.scrollWidth = 100;
-        page.rootInstance.itemsContainerEl.clientWidth = 50;
-        page.rootInstance.resizeObserverCallback();
-        page.waitForChanges();
-        expect(page.rootInstance.itemOverflow).toBe(true);
-    });
-});
-//# sourceMappingURL=ic-horizontal-scroll.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ic-horizontal-scroll.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-horizontal-scroll/test/basic/ic-horizontal-scroll.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { newSpecPage } from \"@stencil/core/testing\";\nimport { NavigationItem } from \"../../../ic-navigation-item/ic-navigation-item\";\nimport { HorizontalScroll } from \"../../ic-horizontal-scroll\";\n\nconst testHorizontalScroll = `<ic-horizontal-scroll>\n  <div>\n    <ic-navigation-item label=\"Test nav item 1\"></ic-navigation-item>\n    <ic-navigation-item label=\"Test nav item 2\"></ic-navigation-item>\n    <ic-navigation-item label=\"Test nav item 3\"></ic-navigation-item>\n    <ic-navigation-item label=\"Test nav item 4\"></ic-navigation-item>\n    <ic-navigation-item label=\"Test nav item 5\"></ic-navigation-item>\n    <ic-navigation-item label=\"Test nav item 6\"></ic-navigation-item>\n  </div>\n  </ic-horizontal-scroll>`;\n\ndescribe(\"ic-horizontal-scroll\", () => {\n  it(\"should render\", async () => {\n    const page = await newSpecPage({\n      components: [HorizontalScroll, NavigationItem],\n      html: testHorizontalScroll,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders\");\n  });\n\n  it(\"should render the correct HTML for the chosen appearance\", async () => {\n    const page = await newSpecPage({\n      components: [HorizontalScroll, NavigationItem],\n      html: testHorizontalScroll,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders-appearance\");\n  });\n\n  it(\"should scroll item into view\", async () => {\n    const page = await newSpecPage({\n      components: [HorizontalScroll, NavigationItem],\n      html: testHorizontalScroll,\n    });\n\n    page.rootInstance.scrollItemIntoView(6);\n    expect(page.rootInstance.buttonStateSet).toBe(true);\n  });\n\n  it(\"should long scroll left\", async () => {\n    const page = await newSpecPage({\n      components: [HorizontalScroll, NavigationItem],\n      html: testHorizontalScroll,\n    });\n\n    page.rootInstance.longScrollLeft();\n    page.waitForChanges();\n\n    expect(page.rootInstance.scrollDelay._idleNext.msecs).toBe(200);\n  });\n\n  it(\"should long scroll right\", async () => {\n    const page = await newSpecPage({\n      components: [HorizontalScroll, NavigationItem],\n      html: testHorizontalScroll,\n    });\n\n    page.rootInstance.longScrollRight();\n    page.waitForChanges();\n\n    expect(page.rootInstance.scrollDelay._idleNext.msecs).toBe(200);\n  });\n\n  it(\"should delay on left arrow mouse down and set a timeout after the scrolling ends\", async () => {\n    const page = await newSpecPage({\n      components: [HorizontalScroll, NavigationItem],\n      html: testHorizontalScroll,\n    });\n\n    const event = new Event(\"mousedown\", {\n      bubbles: true,\n      cancelable: true,\n    });\n\n    page.rootInstance.leftArrowMouseDownHandler(event);\n    page.waitForChanges();\n\n    expect(page.rootInstance.scrollDelay._idleNext.msecs).toBe(200);\n\n    page.rootInstance.isScrolling = 200;\n    page.waitForChanges();\n\n    page.rootInstance.scrollHandler();\n\n    expect(page.rootInstance.isScrolling._idleNext.msecs).toBe(50);\n  });\n\n  it(\"should delay on right arrow mouse down and revoke delay on mouse up\", async () => {\n    const page = await newSpecPage({\n      components: [HorizontalScroll, NavigationItem],\n      html: testHorizontalScroll,\n    });\n\n    const event = new Event(\"mousedown\", {\n      bubbles: true,\n      cancelable: true,\n    });\n\n    page.rootInstance.rightArrowMouseDownHandler(event);\n    page.waitForChanges();\n\n    expect(page.rootInstance.scrollDelay._idleNext.msecs).toBe(200);\n\n    page.rootInstance.arrowMouseUpHandler();\n    expect(page.rootInstance.scrollDelay._idleNext).toBeNull();\n  });\n\n  it(\"should stop scrolling if mouse leaves the scroll button\", async () => {\n    const page = await newSpecPage({\n      components: [HorizontalScroll, NavigationItem],\n      html: testHorizontalScroll,\n    });\n\n    const scrollContainer = page.root.shadowRoot.querySelector(\n      \".scroll-container-right\"\n    );\n    const mouseDownEvent = new Event(\"mousedown\", {\n      bubbles: true,\n      cancelable: true,\n    });\n    const mouseLeaveEvent = new Event(\"mouseleave\", {\n      bubbles: true,\n      cancelable: true,\n    });\n\n    page.rootInstance.rightArrowMouseDownHandler(mouseDownEvent);\n    page.waitForChanges();\n\n    scrollContainer.dispatchEvent(mouseLeaveEvent);\n    page.waitForChanges();\n\n    expect(page.rootInstance.arrowMouseUpHandler()).toHaveBeenCalled;\n  });\n\n  it(\"should stop scrolling\", async () => {\n    const page = await newSpecPage({\n      components: [HorizontalScroll, NavigationItem],\n      html: testHorizontalScroll,\n    });\n\n    //when buttonStateSet is true\n    page.rootInstance.buttonStateSet = true;\n    page.rootInstance.scrollStopped();\n    page.waitForChanges();\n\n    expect(page.rootInstance.buttonStateSet).toBe(false);\n\n    //when buttonStateSet is false\n    page.rootInstance.itemsContainerEl.scrollLeft = 0;\n    page.rootInstance.scrollStopped();\n    page.waitForChanges();\n\n    expect(page.rootInstance.firstItemVisible).toBe(true);\n  });\n\n  it(\"should handle item focus\", async () => {\n    const page = await newSpecPage({\n      components: [HorizontalScroll, NavigationItem],\n      html: testHorizontalScroll,\n    });\n\n    page.rootInstance.itemOverflow = true;\n    page.waitForChanges();\n\n    const item: HTMLElement = page.root.querySelector(\n      \"[label='Test nav item 4']\"\n    );\n    item.focus();\n    page.waitForChanges();\n\n    expect(page.rootInstance.itemFocusHandler()).toHaveBeenCalled;\n    expect(page.rootInstance.firstItemVisible).toBe(false);\n  });\n\n  it(\"should render scroll arrows when items overflow\", async () => {\n    const page = await newSpecPage({\n      components: [HorizontalScroll, NavigationItem],\n      html: `<ic-horizontal-scroll>\n        <div>\n        <ic-navigation-item label=\"Test nav item 1\"></ic-navigation-item>\n        <ic-navigation-item label=\"Test nav item 2\"></ic-navigation-item>\n        <ic-navigation-item label=\"Test nav item 3\"></ic-navigation-item>\n        <ic-navigation-item label=\"Test nav item 4\"></ic-navigation-item>\n        <ic-navigation-item label=\"Test nav item 5\"></ic-navigation-item>\n        <ic-navigation-item label=\"Test nav item 6\"></ic-navigation-item>\n        </div>\n      </ic-horizontal-scroll>`,\n    });\n\n    page.rootInstance.itemOverflow = true;\n    page.waitForChanges();\n    const scroll = page.root.shadowRoot.querySelector(\".scroll-arrow\");\n\n    expect(scroll).not.toBeNull();\n\n    //call runResizeObserver\n    page.rootInstance.runResizeObserver();\n\n    //test disconnected callback\n    page.setContent(\"\");\n  });\n\n  it(\"should set itemOverflow to true where scrollWidth > clientWidth on the scroll container element\", async () => {\n    const page = await newSpecPage({\n      components: [HorizontalScroll, NavigationItem],\n      html: `<ic-horizontal-scroll>\n        <div>\n        <ic-navigation-item label=\"Test nav item 1\"></ic-navigation-item>\n        <ic-navigation-item label=\"Test nav item 2\"></ic-navigation-item>\n        <ic-navigation-item label=\"Test nav item 3\"></ic-navigation-item>\n        <ic-navigation-item label=\"Test nav item 4\"></ic-navigation-item>\n        <ic-navigation-item label=\"Test nav item 5\"></ic-navigation-item>\n        <ic-navigation-item label=\"Test nav item 6\"></ic-navigation-item>\n        </div>\n      </ic-horizontal-scroll>`,\n    });\n\n    page.rootInstance.itemsContainerEl.scrollWidth = 100;\n    page.rootInstance.itemsContainerEl.clientWidth = 50;\n    page.rootInstance.resizeObserverCallback();\n    page.waitForChanges();\n\n    expect(page.rootInstance.itemOverflow).toBe(true);\n  });\n});\n"]}