@ukic/web-components 3.0.0 → 3.1.0

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

@@ -1,197 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { Alert } from "../../ic-alert";
-describe("ic-alert component", () => {
-    it("should render with a heading when supplied", async () => {
-        const page = await newSpecPage({
-            components: [Alert],
-            html: `<ic-alert heading="Test heading"></ic-alert>`,
-        });
-        expect(page.root).toEqualHtml(`
-        <ic-alert class="dark" heading="Test heading" role="alert">
-            <mock:shadow-root>
-                <div class="container container-neutral">
-                    <div class="alert-icon-container">
-                        <div class="divider divider-neutral"></div>
-                        <span class="alert-icon icon-neutral svg-container">
-                            svg
-                        </span>
-                    </div>
-                    <div class="alert-content">
-                        <div class="alert-message">
-                            <ic-typography class="alert-title" variant="subtitle-large">
-                                <p>
-                                    Test heading
-                                </p>
-                            </ic-typography>
-                            <slot name="message">
-                                <ic-typography variant="body"></ic-typography>
-                            </slot>
-                        </div>
-                    </div>
-                    <div class="dismiss-icon-container">
-                    </div>
-                </div>
-            </mock:shadow-root>
-        </ic-alert>`);
-    });
-    it("should render with a message when supplied", async () => {
-        const page = await newSpecPage({
-            components: [Alert],
-            html: `<ic-alert message="Test message"></ic-alert>`,
-        });
-        expect(page.root).toEqualHtml(`
-        <ic-alert class="dark" message="Test message" role="alert">
-            <mock:shadow-root>
-                <div class="container container-neutral">
-                    <div class="alert-icon-container">
-                    <div class="divider divider-neutral"></div>
-                        <span class="alert-icon icon-neutral svg-container">
-                            svg
-                        </span>
-                    </div>
-                    <div class="alert-content">
-                        <div class="alert-message">
-                            <slot name="message">
-                                <ic-typography variant="body">
-                                    Test message
-                                </ic-typography>
-                            </slot>
-                        </div>
-                    </div>
-                    <div class="dismiss-icon-container">
-                    </div>
-                </div>
-            </mock:shadow-root>
-        </ic-alert>`);
-    });
-    it("should render an action in the correct position when supplied", async () => {
-        const page = await newSpecPage({
-            components: [Alert],
-            html: `<ic-alert message="This has an action"><button slot="action"></button></ic-alert>`,
-        });
-        expect(page.root).toEqualHtml(`
-        <ic-alert class="dark" message="This has an action" role="alert">
-            <mock:shadow-root>
-                <div class="container container-neutral">
-                    <div class="alert-icon-container">
-                        <div class="divider divider-neutral"></div>
-                        <span class="alert-icon icon-neutral svg-container">
-                            svg
-                        </span>
-                    </div>
-                    <div class="alert-content">
-                        <div class="alert-message">
-                            <slot name="message">
-                                <ic-typography variant="body">
-                                    This has an action
-                                </ic-typography>
-                            </slot>
-                        </div>
-                        <div class="alert-action-container">
-                            <slot name="action"></slot>
-                        </div>
-                    </div>
-                    <div class="dismiss-icon-container">
-                    </div>
-                </div>
-            </mock:shadow-root>
-            <button slot="action"></button>
-        </ic-alert>`);
-    });
-    it("should render with a dismiss icon when the prop is applied", async () => {
-        const page = await newSpecPage({
-            components: [Alert],
-            html: `<ic-alert message="This is dismissible" dismissible=true></ic-alert>`,
-        });
-        expect(page.root).toEqualHtml(`
-            <ic-alert class="dark" message="This is dismissible" dismissible=true role="alert">
-                <mock:shadow-root>
-                    <div class="container container-neutral">
-                        <div class="alert-icon-container">
-                            <div class="divider divider-neutral"></div>
-                            <span class="alert-icon icon-neutral svg-container">
-                                svg
-                            </span>
-                        </div>
-                        <div class="alert-content">
-                            <div class="alert-message">
-                                <slot name="message">
-                                    <ic-typography variant="body">
-                                        This is dismissible
-                                    </ic-typography>
-                                </slot>
-                            </div>
-                        </div>
-                        <div class="dismiss-icon-container">
-                            <ic-button appearance="dark" class="dismiss-icon svg-container" title="dismiss" variant="icon">
-                                svg
-                            </ic-button>
-                        </div>
-                    </div>
-                </mock:shadow-root>
-            </ic-alert>`);
-    });
-    it("should render an element in the message slot", async () => {
-        const page = await newSpecPage({
-            components: [Alert],
-            html: `<ic-alert heading="Using custom message"><ic-typography variant="h1" slot="message">Custom h1 message</ic-typography></ic-alert>`,
-        });
-        expect(page.root).toEqualHtml(`
-        <ic-alert class="dark" heading="Using custom message" role="alert">
-            <mock:shadow-root>
-                <div class="container container-neutral">
-                    <div class="alert-icon-container">
-                        <div class="divider divider-neutral"></div>
-                            <span class="alert-icon icon-neutral svg-container">
-                                svg
-                            </span>
-                        </div>
-                    <div class="alert-content">
-                        <div class="alert-message">
-                            <ic-typography class="alert-title" variant="subtitle-large">
-                                <p>
-                                    Using custom message
-                                </p>
-                            </ic-typography>
-                            <slot name="message">
-                                <ic-typography variant="body"></ic-typography>
-                            </slot>
-                        </div>
-                    </div>
-                    <div class="dismiss-icon-container"></div>
-                </div>
-            </mock:shadow-root>
-            <ic-typography variant="h1" slot="message">Custom h1 message</ic-typography>
-        </ic-alert>`);
-    });
-    it("should close on dismiss icon click", async () => {
-        const page = await newSpecPage({
-            components: [Alert],
-            html: `<ic-alert message="This is dismissible" dismissible=true></ic-alert>`,
-        });
-        let alert = await page.root.shadowRoot.querySelector("div.container-neutral");
-        const dismissButton = await page.root.shadowRoot.querySelector("ic-button");
-        expect(alert).not.toBeNull();
-        expect(dismissButton).not.toBeNull();
-        await dismissButton.click();
-        await page.waitForChanges();
-        alert = await page.root.shadowRoot.querySelector("div.container-neutral");
-        expect(alert).toBeNull();
-    });
-    it("should test rendering an action after initial render", async () => {
-        const page = await newSpecPage({
-            components: [Alert],
-            html: `<ic-alert heading="Test heading"></ic-alert>`,
-        });
-        const action = document.createElement("button");
-        action.setAttribute("slot", "action");
-        page.rootInstance.hostMutationCallback([
-            {
-                type: "childList",
-                addedNodes: [action],
-                removedNodes: [],
-            },
-        ]);
-    });
-});
-//# sourceMappingURL=ic-alert.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ic-alert.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-alert/test/basic/ic-alert.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEvC,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;IAClC,EAAE,CAAC,4CAA4C,EAAE,KAAK,IAAI,EAAE;QAC1D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,KAAK,CAAC;YACnB,IAAI,EAAE,8CAA8C;SACrD,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;oBA0Bd,CAAC,CAAC;IACpB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4CAA4C,EAAE,KAAK,IAAI,EAAE;QAC1D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,KAAK,CAAC;YACnB,IAAI,EAAE,8CAA8C;SACrD,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;oBAuBd,CAAC,CAAC;IACpB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+DAA+D,EAAE,KAAK,IAAI,EAAE;QAC7E,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,KAAK,CAAC;YACnB,IAAI,EAAE,mFAAmF;SAC1F,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;oBA2Bd,CAAC,CAAC;IACpB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4DAA4D,EAAE,KAAK,IAAI,EAAE;QAC1E,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,KAAK,CAAC;YACnB,IAAI,EAAE,sEAAsE;SAC7E,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;wBA0BV,CAAC,CAAC;IACxB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8CAA8C,EAAE,KAAK,IAAI,EAAE;QAC5D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,KAAK,CAAC;YACnB,IAAI,EAAE,kIAAkI;SACzI,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;oBA0Bd,CAAC,CAAC;IACpB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oCAAoC,EAAE,KAAK,IAAI,EAAE;QAClD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,KAAK,CAAC;YACnB,IAAI,EAAE,sEAAsE;SAC7E,CAAC,CAAC;QAEH,IAAI,KAAK,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAClD,uBAAuB,CACxB,CAAC;QACF,MAAM,aAAa,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;QAE5E,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QAC7B,MAAM,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC;QAErC,MAAM,aAAa,CAAC,KAAK,EAAE,CAAC;QAE5B,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,KAAK,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAAC;QAE1E,MAAM,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE,CAAC;IAC3B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sDAAsD,EAAE,KAAK,IAAI,EAAE;QACpE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,KAAK,CAAC;YACnB,IAAI,EAAE,8CAA8C;SACrD,CAAC,CAAC;QAEH,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAChD,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QAEtC,IAAI,CAAC,YAAY,CAAC,oBAAoB,CAAC;YACrC;gBACE,IAAI,EAAE,WAAW;gBACjB,UAAU,EAAE,CAAC,MAAM,CAAC;gBACpB,YAAY,EAAE,EAAE;aACjB;SACF,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from \"@stencil/core/testing\";\nimport { Alert } from \"../../ic-alert\";\n\ndescribe(\"ic-alert component\", () => {\n  it(\"should render with a heading when supplied\", async () => {\n    const page = await newSpecPage({\n      components: [Alert],\n      html: `<ic-alert heading=\"Test heading\"></ic-alert>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n        <ic-alert class=\"dark\" heading=\"Test heading\" role=\"alert\">\n            <mock:shadow-root>\n                <div class=\"container container-neutral\">\n                    <div class=\"alert-icon-container\">\n                        <div class=\"divider divider-neutral\"></div>\n                        <span class=\"alert-icon icon-neutral svg-container\">\n                            svg\n                        </span>\n                    </div>\n                    <div class=\"alert-content\">\n                        <div class=\"alert-message\">\n                            <ic-typography class=\"alert-title\" variant=\"subtitle-large\">\n                                <p>\n                                    Test heading\n                                </p>\n                            </ic-typography>\n                            <slot name=\"message\">\n                                <ic-typography variant=\"body\"></ic-typography>\n                            </slot>\n                        </div>\n                    </div>\n                    <div class=\"dismiss-icon-container\">\n                    </div>\n                </div>\n            </mock:shadow-root>\n        </ic-alert>`);\n  });\n\n  it(\"should render with a message when supplied\", async () => {\n    const page = await newSpecPage({\n      components: [Alert],\n      html: `<ic-alert message=\"Test message\"></ic-alert>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n        <ic-alert class=\"dark\" message=\"Test message\" role=\"alert\">\n            <mock:shadow-root>\n                <div class=\"container container-neutral\">\n                    <div class=\"alert-icon-container\">\n                    <div class=\"divider divider-neutral\"></div>\n                        <span class=\"alert-icon icon-neutral svg-container\">\n                            svg\n                        </span>\n                    </div>\n                    <div class=\"alert-content\">\n                        <div class=\"alert-message\">\n                            <slot name=\"message\">\n                                <ic-typography variant=\"body\">\n                                    Test message\n                                </ic-typography>\n                            </slot>\n                        </div>\n                    </div>\n                    <div class=\"dismiss-icon-container\">\n                    </div>\n                </div>\n            </mock:shadow-root>\n        </ic-alert>`);\n  });\n\n  it(\"should render an action in the correct position when supplied\", async () => {\n    const page = await newSpecPage({\n      components: [Alert],\n      html: `<ic-alert message=\"This has an action\"><button slot=\"action\"></button></ic-alert>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n        <ic-alert class=\"dark\" message=\"This has an action\" role=\"alert\">\n            <mock:shadow-root>\n                <div class=\"container container-neutral\">\n                    <div class=\"alert-icon-container\">\n                        <div class=\"divider divider-neutral\"></div>\n                        <span class=\"alert-icon icon-neutral svg-container\">\n                            svg\n                        </span>\n                    </div>\n                    <div class=\"alert-content\">\n                        <div class=\"alert-message\">\n                            <slot name=\"message\">\n                                <ic-typography variant=\"body\">\n                                    This has an action\n                                </ic-typography>\n                            </slot>\n                        </div>\n                        <div class=\"alert-action-container\">\n                            <slot name=\"action\"></slot>\n                        </div>\n                    </div>\n                    <div class=\"dismiss-icon-container\">\n                    </div>\n                </div>\n            </mock:shadow-root>\n            <button slot=\"action\"></button>\n        </ic-alert>`);\n  });\n\n  it(\"should render with a dismiss icon when the prop is applied\", async () => {\n    const page = await newSpecPage({\n      components: [Alert],\n      html: `<ic-alert message=\"This is dismissible\" dismissible=true></ic-alert>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n            <ic-alert class=\"dark\" message=\"This is dismissible\" dismissible=true role=\"alert\">\n                <mock:shadow-root>\n                    <div class=\"container container-neutral\">\n                        <div class=\"alert-icon-container\">\n                            <div class=\"divider divider-neutral\"></div>\n                            <span class=\"alert-icon icon-neutral svg-container\">\n                                svg\n                            </span>\n                        </div>\n                        <div class=\"alert-content\">\n                            <div class=\"alert-message\">\n                                <slot name=\"message\">\n                                    <ic-typography variant=\"body\">\n                                        This is dismissible\n                                    </ic-typography>\n                                </slot>\n                            </div>\n                        </div>\n                        <div class=\"dismiss-icon-container\">\n                            <ic-button appearance=\"dark\" class=\"dismiss-icon svg-container\" title=\"dismiss\" variant=\"icon\">\n                                svg\n                            </ic-button>\n                        </div>\n                    </div>\n                </mock:shadow-root>\n            </ic-alert>`);\n  });\n\n  it(\"should render an element in the message slot\", async () => {\n    const page = await newSpecPage({\n      components: [Alert],\n      html: `<ic-alert heading=\"Using custom message\"><ic-typography variant=\"h1\" slot=\"message\">Custom h1 message</ic-typography></ic-alert>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n        <ic-alert class=\"dark\" heading=\"Using custom message\" role=\"alert\">\n            <mock:shadow-root>\n                <div class=\"container container-neutral\">\n                    <div class=\"alert-icon-container\">\n                        <div class=\"divider divider-neutral\"></div>\n                            <span class=\"alert-icon icon-neutral svg-container\">\n                                svg\n                            </span>\n                        </div>\n                    <div class=\"alert-content\">\n                        <div class=\"alert-message\">\n                            <ic-typography class=\"alert-title\" variant=\"subtitle-large\">\n                                <p>\n                                    Using custom message\n                                </p>\n                            </ic-typography>\n                            <slot name=\"message\">\n                                <ic-typography variant=\"body\"></ic-typography>\n                            </slot>\n                        </div>\n                    </div>\n                    <div class=\"dismiss-icon-container\"></div>\n                </div>\n            </mock:shadow-root>\n            <ic-typography variant=\"h1\" slot=\"message\">Custom h1 message</ic-typography>\n        </ic-alert>`);\n  });\n\n  it(\"should close on dismiss icon click\", async () => {\n    const page = await newSpecPage({\n      components: [Alert],\n      html: `<ic-alert message=\"This is dismissible\" dismissible=true></ic-alert>`,\n    });\n\n    let alert = await page.root.shadowRoot.querySelector(\n      \"div.container-neutral\"\n    );\n    const dismissButton = await page.root.shadowRoot.querySelector(\"ic-button\");\n\n    expect(alert).not.toBeNull();\n    expect(dismissButton).not.toBeNull();\n\n    await dismissButton.click();\n\n    await page.waitForChanges();\n    alert = await page.root.shadowRoot.querySelector(\"div.container-neutral\");\n\n    expect(alert).toBeNull();\n  });\n\n  it(\"should test rendering an action after initial render\", async () => {\n    const page = await newSpecPage({\n      components: [Alert],\n      html: `<ic-alert heading=\"Test heading\"></ic-alert>`,\n    });\n\n    const action = document.createElement(\"button\");\n    action.setAttribute(\"slot\", \"action\");\n\n    page.rootInstance.hostMutationCallback([\n      {\n        type: \"childList\",\n        addedNodes: [action],\n        removedNodes: [],\n      },\n    ]);\n  });\n});\n"]}

package/dist/collection/components/ic-back-to-top/test/basic/ic-back-to-top.spec.js

@@ -1,131 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { ClassificationBanner } from "../../../ic-classification-banner/ic-classification-banner";
-import { Footer } from "../../../ic-footer/ic-footer";
-import { BackToTop } from "../../ic-back-to-top";
-import { Button } from "../../../ic-button/ic-button";
-beforeAll(() => {
-    // IntersectionObserver isn't available in test environment
-    const mockIntersectionObserver = jest.fn();
-    mockIntersectionObserver.mockReturnValue({
-        observe: jest.fn().mockReturnValue(null),
-        unobserve: jest.fn().mockReturnValue(null),
-        disconnect: jest.fn().mockReturnValue(null),
-    });
-    Object.defineProperty(global, "IntersectionObserver", {
-        value: mockIntersectionObserver,
-    });
-});
-describe("ic-back-to-top", () => {
-    it("should render", async () => {
-        const page = await newSpecPage({
-            components: [BackToTop, Button],
-            html: `<div id="topEl"><ic-back-to-top target="topEl"></ic-back-to-top></div>`,
-        });
-        expect(page.root).toMatchSnapshot("should render");
-    });
-    it("should render with footer", async () => {
-        const page = await newSpecPage({
-            components: [BackToTop, Button, Footer],
-            html: `<div id="topEl"><ic-back-to-top target="topEl"></ic-back-to-top></div><ic-footer></ic-footer>`,
-        });
-        expect(page.body).toMatchSnapshot("should render with footer");
-    });
-    it("should render with no targetId set", async () => {
-        jest.spyOn(console, "error").mockImplementation(jest.fn());
-        const page = await newSpecPage({
-            components: [BackToTop, Button],
-            html: `<ic-back-to-top></ic-back-to-top>`,
-        });
-        expect(page.root).toMatchSnapshot("should render with no targetId set");
-    });
-    it("should render when target starts with #", async () => {
-        const page = await newSpecPage({
-            components: [BackToTop, Button],
-            html: `<div id="topEl"><ic-back-to-top target="#topEl"></ic-back-to-top></div>`,
-        });
-        expect(page.root).toMatchSnapshot("should render when target starts with #");
-    });
-    it("should offset due to classification banner", async () => {
-        const page = await newSpecPage({
-            components: [BackToTop, ClassificationBanner],
-            html: `<div id="topEl"><ic-back-to-top target="topEl"></ic-back-to-top><ic-classification-banner></ic-classification-banner></div>`,
-        });
-        expect(page.rootInstance.bannerOffset).toBe(true);
-    });
-    it("should scroll to 0,0 if target is null", async () => {
-        jest.spyOn(console, "error").mockImplementation(jest.fn());
-        const page = await newSpecPage({
-            components: [BackToTop],
-            html: `<div id="topEl"><ic-back-to-top></ic-back-to-top></div>`,
-        });
-        expect(page.rootInstance.isTargetElNull).toBe(true);
-        page.root.shadowRoot.querySelector("ic-button").click();
-        expect(page.win.screenX).toBe(0);
-        expect(page.win.screenY).toBe(0);
-    });
-    it("should scroll targetEl into view", async () => {
-        const page = await newSpecPage({
-            components: [BackToTop],
-            html: `<div id="topEl"><ic-back-to-top target="topEl"></ic-back-to-top></div>`,
-        });
-        page.root.shadowRoot.querySelector("ic-button").click();
-        expect(page.rootInstance.targetElVisible).toBe(true);
-    });
-    it("should return null targetElement when there's no target matching that given in back to top", async () => {
-        jest.spyOn(console, "error").mockImplementation(jest.fn());
-        const page = await newSpecPage({
-            components: [BackToTop],
-            html: `<div><ic-back-to-top target="topEl"></ic-back-to-top></div>`,
-        });
-        const findTarget = page.rootInstance.findTargetEl("topEl");
-        expect(findTarget).toBeNull();
-    });
-    it("should stop observing observedEl when topObserver exists", async () => {
-        const page = await newSpecPage({
-            components: [BackToTop],
-            html: `<div id="topEl"><ic-back-to-top target="topEl"></ic-back-to-top></div>`,
-        });
-        page.rootInstance.watchPropHandler(undefined, "topEl");
-        page.rootInstance.createTopObserver("topEl");
-        expect(page.rootInstance.topObserver).not.toBeNull();
-    });
-    it("should set footerVisible", async () => {
-        const page = await newSpecPage({
-            components: [BackToTop],
-            html: `<div id="topEl"><ic-back-to-top target="topEl"></ic-back-to-top></div>`,
-        });
-        page.rootInstance.footerObserverCallback([{ isIntersecting: true }]);
-        //value is false as scrollY is always 0
-        expect(page.rootInstance.footerVisible).toBe(false);
-        page.rootInstance.footerObserverCallback([{ isIntersecting: false }]);
-        expect(page.rootInstance.footerVisible).toBe(false);
-    });
-    it("should set targetElVisible", async () => {
-        const page = await newSpecPage({
-            components: [BackToTop],
-            html: `<div id="topEl"><ic-back-to-top target="topEl"></ic-back-to-top></div>`,
-        });
-        page.rootInstance.targetElObserverCallback([{ isIntersecting: true }]);
-        expect(page.rootInstance.targetElVisible).toBe(true);
-        page.rootInstance.targetElObserverCallback([{ isIntersecting: false }]);
-        expect(page.rootInstance.targetElVisible).toBe(false);
-    });
-    it("should test update of target from undefined to value", async () => {
-        jest.spyOn(console, "error").mockImplementation(jest.fn());
-        const page = await newSpecPage({
-            components: [BackToTop],
-            html: `<div id="topEl"><ic-back-to-top></ic-back-to-top></div>`,
-        });
-        page.root.target = "topEl";
-        await page.waitForChanges();
-        expect(page.rootInstance.target).toBe("topEl");
-    });
-    it("should render with an icon only", async () => {
-        const page = await newSpecPage({
-            components: [BackToTop, Button],
-            html: `<div id="topEl"><ic-back-to-top target="topEl" variant="icon"></ic-back-to-top></div>`,
-        });
-        expect(page.root).toMatchSnapshot("should render with an icon only");
-    });
-});
-//# sourceMappingURL=ic-back-to-top.spec.js.map

package/dist/collection/components/ic-back-to-top/test/basic/ic-back-to-top.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ic-back-to-top.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-back-to-top/test/basic/ic-back-to-top.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import { newSpecPage } from \"@stencil/core/testing\";\nimport { ClassificationBanner } from \"../../../ic-classification-banner/ic-classification-banner\";\nimport { Footer } from \"../../../ic-footer/ic-footer\";\nimport { BackToTop } from \"../../ic-back-to-top\";\nimport { Button } from \"../../../ic-button/ic-button\";\n\nbeforeAll(() => {\n  // IntersectionObserver isn't available in test environment\n  const mockIntersectionObserver = jest.fn();\n  mockIntersectionObserver.mockReturnValue({\n    observe: jest.fn().mockReturnValue(null),\n    unobserve: jest.fn().mockReturnValue(null),\n    disconnect: jest.fn().mockReturnValue(null),\n  });\n\n  Object.defineProperty(global, \"IntersectionObserver\", {\n    value: mockIntersectionObserver,\n  });\n});\n\ndescribe(\"ic-back-to-top\", () => {\n  it(\"should render\", async () => {\n    const page = await newSpecPage({\n      components: [BackToTop, Button],\n      html: `<div id=\"topEl\"><ic-back-to-top target=\"topEl\"></ic-back-to-top></div>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"should render\");\n  });\n\n  it(\"should render with footer\", async () => {\n    const page = await newSpecPage({\n      components: [BackToTop, Button, Footer],\n      html: `<div id=\"topEl\"><ic-back-to-top target=\"topEl\"></ic-back-to-top></div><ic-footer></ic-footer>`,\n    });\n\n    expect(page.body).toMatchSnapshot(\"should render with footer\");\n  });\n\n  it(\"should render with no targetId set\", async () => {\n    jest.spyOn(console, \"error\").mockImplementation(jest.fn());\n    const page = await newSpecPage({\n      components: [BackToTop, Button],\n      html: `<ic-back-to-top></ic-back-to-top>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"should render with no targetId set\");\n  });\n\n  it(\"should render when target starts with #\", async () => {\n    const page = await newSpecPage({\n      components: [BackToTop, Button],\n      html: `<div id=\"topEl\"><ic-back-to-top target=\"#topEl\"></ic-back-to-top></div>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\n      \"should render when target starts with #\"\n    );\n  });\n\n  it(\"should offset due to classification banner\", async () => {\n    const page = await newSpecPage({\n      components: [BackToTop, ClassificationBanner],\n      html: `<div id=\"topEl\"><ic-back-to-top target=\"topEl\"></ic-back-to-top><ic-classification-banner></ic-classification-banner></div>`,\n    });\n\n    expect(page.rootInstance.bannerOffset).toBe(true);\n  });\n\n  it(\"should scroll to 0,0 if target is null\", async () => {\n    jest.spyOn(console, \"error\").mockImplementation(jest.fn());\n    const page = await newSpecPage({\n      components: [BackToTop],\n      html: `<div id=\"topEl\"><ic-back-to-top></ic-back-to-top></div>`,\n    });\n\n    expect(page.rootInstance.isTargetElNull).toBe(true);\n\n    page.root.shadowRoot.querySelector(\"ic-button\").click();\n    expect(page.win.screenX).toBe(0);\n    expect(page.win.screenY).toBe(0);\n  });\n\n  it(\"should scroll targetEl into view\", async () => {\n    const page = await newSpecPage({\n      components: [BackToTop],\n      html: `<div id=\"topEl\"><ic-back-to-top target=\"topEl\"></ic-back-to-top></div>`,\n    });\n\n    page.root.shadowRoot.querySelector(\"ic-button\").click();\n    expect(page.rootInstance.targetElVisible).toBe(true);\n  });\n\n  it(\"should return null targetElement when there's no target matching that given in back to top\", async () => {\n    jest.spyOn(console, \"error\").mockImplementation(jest.fn());\n    const page = await newSpecPage({\n      components: [BackToTop],\n      html: `<div><ic-back-to-top target=\"topEl\"></ic-back-to-top></div>`,\n    });\n\n    const findTarget = page.rootInstance.findTargetEl(\"topEl\");\n\n    expect(findTarget).toBeNull();\n  });\n\n  it(\"should stop observing observedEl when topObserver exists\", async () => {\n    const page = await newSpecPage({\n      components: [BackToTop],\n      html: `<div id=\"topEl\"><ic-back-to-top target=\"topEl\"></ic-back-to-top></div>`,\n    });\n\n    page.rootInstance.watchPropHandler(undefined, \"topEl\");\n    page.rootInstance.createTopObserver(\"topEl\");\n    expect(page.rootInstance.topObserver).not.toBeNull();\n  });\n\n  it(\"should set footerVisible\", async () => {\n    const page = await newSpecPage({\n      components: [BackToTop],\n      html: `<div id=\"topEl\"><ic-back-to-top target=\"topEl\"></ic-back-to-top></div>`,\n    });\n\n    page.rootInstance.footerObserverCallback([{ isIntersecting: true }]);\n    //value is false as scrollY is always 0\n    expect(page.rootInstance.footerVisible).toBe(false);\n\n    page.rootInstance.footerObserverCallback([{ isIntersecting: false }]);\n    expect(page.rootInstance.footerVisible).toBe(false);\n  });\n\n  it(\"should set targetElVisible\", async () => {\n    const page = await newSpecPage({\n      components: [BackToTop],\n      html: `<div id=\"topEl\"><ic-back-to-top target=\"topEl\"></ic-back-to-top></div>`,\n    });\n\n    page.rootInstance.targetElObserverCallback([{ isIntersecting: true }]);\n    expect(page.rootInstance.targetElVisible).toBe(true);\n\n    page.rootInstance.targetElObserverCallback([{ isIntersecting: false }]);\n    expect(page.rootInstance.targetElVisible).toBe(false);\n  });\n\n  it(\"should test update of target from undefined to value\", async () => {\n    jest.spyOn(console, \"error\").mockImplementation(jest.fn());\n    const page = await newSpecPage({\n      components: [BackToTop],\n      html: `<div id=\"topEl\"><ic-back-to-top></ic-back-to-top></div>`,\n    });\n\n    page.root.target = \"topEl\";\n    await page.waitForChanges();\n\n    expect(page.rootInstance.target).toBe(\"topEl\");\n  });\n\n  it(\"should render with an icon only\", async () => {\n    const page = await newSpecPage({\n      components: [BackToTop, Button],\n      html: `<div id=\"topEl\"><ic-back-to-top target=\"topEl\" variant=\"icon\"></ic-back-to-top></div>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"should render with an icon only\");\n  });\n});\n"]}

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

@@ -1,264 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { Badge } from "../../ic-badge";
-import { Button } from "../../../ic-button/ic-button";
-import { Chip } from "../../../ic-chip/ic-chip";
-import { Tab } from "../../../ic-tab/ic-tab";
-import { CardVertical } from "../../../ic-card-vertical/ic-card-vertical";
-import { NavigationButton } from "../../../ic-navigation-button/ic-navigation-button";
-import { NavigationItem } from "../../../ic-navigation-item/ic-navigation-item";
-describe("ic-badge", () => {
-    it("should render with text slotted in a button", async () => {
-        const page = await newSpecPage({
-            components: [Button, Badge],
-            html: `<ic-button>Button<ic-badge slot="badge" label="1"/></ic-button>`,
-        });
-        expect(page.root).toMatchSnapshot("should render with text slotted in a button");
-    });
-    it("should render light variant", async () => {
-        const page = await newSpecPage({
-            components: [Button, Badge],
-            html: `<ic-button>Button<ic-badge slot="badge" variant="light" label="1"/></ic-button>`,
-        });
-        expect(page.root).toMatchSnapshot("should render light variant");
-    });
-    it("should render error variant", async () => {
-        const page = await newSpecPage({
-            components: [Button, Badge],
-            html: `<ic-button>Button<ic-badge slot="badge" variant="error" label="1"/></ic-button>`,
-        });
-        expect(page.root).toMatchSnapshot("should render error variant");
-    });
-    it("should render success variant", async () => {
-        const page = await newSpecPage({
-            components: [Button, Badge],
-            html: `<ic-button>Button<ic-badge slot="badge" variant="success" label="1"/></ic-button>`,
-        });
-        expect(page.root).toMatchSnapshot("should render success variant");
-    });
-    it("should render warning variant", async () => {
-        const page = await newSpecPage({
-            components: [Button, Badge],
-            html: `<ic-button>Button<ic-badge slot="badge" variant="warning" label="1"/></ic-button>`,
-        });
-        expect(page.root).toMatchSnapshot("should render warning variant");
-    });
-    it("should render info variant", async () => {
-        const page = await newSpecPage({
-            components: [Button, Badge],
-            html: `<ic-button>Button<ic-badge slot="badge" variant="info" label="1"/></ic-button>`,
-        });
-        expect(page.root).toMatchSnapshot("should render info variant");
-    });
-    it("should render custom variant with custom colour in hex", async () => {
-        const page = await newSpecPage({
-            components: [Button, Badge],
-            html: `<ic-button>Button<ic-badge slot="badge" variant="custom" label="1" custom-color="#F8C8DC"/></ic-button>`,
-        });
-        expect(page.root).toMatchSnapshot("should render custom variant with custom colour in hex");
-    });
-    it("should render custom variant with custom colour in rgb", async () => {
-        const page = await newSpecPage({
-            components: [Button, Badge],
-            html: `<ic-button>Button<ic-badge slot="badge" variant="custom" label="1" custom-color="rgb(248,200,220)"/></ic-button>`,
-        });
-        expect(page.root).toMatchSnapshot("should render custom variant with custom colour in rgb");
-    });
-    it("should render with max number prop set", async () => {
-        const page = await newSpecPage({
-            components: [Button, Badge],
-            html: `<ic-button>Button<ic-badge slot="badge" label="100" max-number="9"/></ic-button>`,
-        });
-        expect(page.root).toMatchSnapshot("should render with max number prop set");
-    });
-    it("should render with accessible label", async () => {
-        const page = await newSpecPage({
-            components: [Button, Badge],
-            html: `<ic-button>Button<ic-badge slot="badge" label="1" accessible-label="1 notification found"/></ic-button>`,
-        });
-        expect(page.root).toMatchSnapshot("should render with accessible label");
-    });
-    it("should render size small", async () => {
-        const page = await newSpecPage({
-            components: [Button, Badge],
-            html: `<ic-button>Button<ic-badge slot="badge" label="100" size="small"/></ic-button>`,
-        });
-        expect(page.root).toMatchSnapshot("should render size small");
-    });
-    it("should render size large", async () => {
-        const page = await newSpecPage({
-            components: [Button, Badge],
-            html: `<ic-button>Button<ic-badge slot="badge" label="100" size="large"/></ic-button>`,
-        });
-        expect(page.root).toMatchSnapshot("should render size large");
-    });
-    it("should render type dot", async () => {
-        const page = await newSpecPage({
-            components: [Button, Badge],
-            html: `<ic-button>Button<ic-badge slot="badge" type="dot"/></ic-button>`,
-        });
-        expect(page.root).toMatchSnapshot("should render type dot");
-    });
-    it("should render type icon", async () => {
-        const page = await newSpecPage({
-            components: [Button, Badge],
-            html: `<ic-button>Button<ic-badge slot="badge" type="icon">
-            <svg slot='badge-icon' xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000">
-            <path d="M0 0h24v24H0V0z" fill="none"/>
-            <path d="M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z"/>
-            </svg>
-            </ic-badge></ic-button>`,
-        });
-        expect(page.root).toMatchSnapshot("should render type icon");
-    });
-    it("should render with visible false", async () => {
-        const page = await newSpecPage({
-            components: [Button, Badge],
-            html: `<ic-button>Button<ic-badge slot="badge" visible="false" label="1"/></ic-button>`,
-        });
-        expect(page.root).toMatchSnapshot("should render with visible false");
-    });
-    it("should render slotted in a chip", async () => {
-        const page = await newSpecPage({
-            components: [Chip, Badge],
-            html: `<ic-chip label="Badge"><ic-badge slot="badge" label="1" position="near"/></ic-chip>`,
-        });
-        expect(page.root).toMatchSnapshot("should render slotted in a chip");
-    });
-    it("should render slotted in a tab with aria-label set on badge", async () => {
-        const page = await newSpecPage({
-            components: [Tab, Badge],
-            html: `<ic-tab>Tab<ic-badge slot="badge" label="1" position="inline"/></ic-tab>`,
-        });
-        expect(page.root).toMatchSnapshot("should render slotted in a tab");
-    });
-    it("should render slotted in a vertical card with aria-label set on badge", async () => {
-        const page = await newSpecPage({
-            components: [CardVertical, Badge],
-            html: `<ic-card-vertical heading="Badge"><ic-badge slot="badge" label="1" position="near"/></ic-card-vertical>`,
-        });
-        expect(page.root).toMatchSnapshot("should render slotted in a card");
-    });
-    it("should render slotted in a navigation button", async () => {
-        const page = await newSpecPage({
-            components: [NavigationButton, Badge],
-            html: `<ic-navigation-button
-      label="Button One"
-      slot="buttons"
-      href="https://www.google.com"
-      target="_blank"
-      title="Google 1"
-    >
-      <svg
-        slot="icon"
-        xmlns="http://www.w3.org/2000/svg"
-        height="24px"
-        viewBox="0 0 24 24"
-        width="24px"
-        fill="#000000"
-      >
-        <path d="M0 0h24v24H0V0z" fill="none" />
-        <path
-          d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-5.5-2.5l7.51-3.49L17.5 6.5 9.99 9.99 6.5 17.5zm5.5-6.6c.61 0 1.1.49 1.1 1.1s-.49 1.1-1.1 1.1-1.1-.49-1.1-1.1.49-1.1 1.1-1.1z"
-        />
-      </svg>
-      <ic-badge
-        label="1"
-        slot="badge"
-        position="near"
-        variant="light"
-      ></ic-badge>
-    </ic-navigation-button>`,
-        });
-        expect(page.root).toMatchSnapshot("should render slotted in a navigation button");
-    });
-    it("should render slotted in a navigation item", async () => {
-        const page = await newSpecPage({
-            components: [NavigationItem, Badge],
-            html: `<ic-navigation-item label="Navigation" href="/">
-      <ic-badge
-        label="1"
-        slot="badge"
-        variant="light"
-        position="far"
-      ></ic-badge>
-      <svg
-        slot="icon"
-        width="24"
-        height="24"
-        viewBox="0 0 24 24"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <path
-          d="M23 8C23 9.1 22.1 10 21 10C20.82 10 20.65 9.98 20.49 9.93L16.93 13.48C16.98 13.64 17 13.82 17 14C17 15.1 16.1 16 15 16C13.9 16 13 15.1 13 14C13 13.82 13.02 13.64 13.07 13.48L10.52 10.93C10.36 10.98 10.18 11 10 11C9.82 11 9.64 10.98 9.48 10.93L4.93 15.49C4.98 15.65 5 15.82 5 16C5 17.1 4.1 18 3 18C1.9 18 1 17.1 1 16C1 14.9 1.9 14 3 14C3.18 14 3.35 14.02 3.51 14.07L8.07 9.52C8.02 9.36 8 9.18 8 9C8 7.9 8.9 7 10 7C11.1 7 12 7.9 12 9C12 9.18 11.98 9.36 11.93 9.52L14.48 12.07C14.64 12.02 14.82 12 15 12C15.18 12 15.36 12.02 15.52 12.07L19.07 8.51C19.02 8.35 19 8.18 19 8C19 6.9 19.9 6 21 6C22.1 6 23 6.9 23 8Z"
-          fill="currentColor"
-        />
-      </svg>
-    </ic-navigation-item>`,
-        });
-        expect(page.root).toMatchSnapshot("should render slotted in a navigation item");
-    });
-    it("should hide and show the badge using visible prop", async () => {
-        const page = await newSpecPage({
-            components: [Badge],
-            html: `<ic-button>Button<ic-badge slot="badge" label="1"/></ic-button>`,
-        });
-        const badge = document.querySelector("ic-badge");
-        expect(page.rootInstance.visible).toBe(true);
-        badge.visible = false;
-        await page.waitForChanges();
-        expect(page.rootInstance.visible).toBe(false);
-        badge.visible = true;
-        await page.waitForChanges();
-        expect(page.rootInstance.visible).toBe(true);
-    });
-    it("should set the correct badge colour", async () => {
-        const page = await newSpecPage({
-            components: [Badge],
-            html: `<ic-button>Button<ic-badge slot="badge" variant="custom" label="1" custom-color="#F8C8DC"/></ic-button>`,
-        });
-        await page.rootInstance.setBadgeColour();
-        expect(page.rootInstance.customColorRGBA).toEqual({
-            a: 1,
-            b: 220,
-            g: 200,
-            r: 248,
-        });
-    });
-    it("should set the correct foreground colour", async () => {
-        const page = await newSpecPage({
-            components: [Badge],
-            html: `<ic-button>Button<ic-badge slot="badge" variant="custom" label="1" custom-color="#F8C8DC"/></ic-button>`,
-        });
-        await page.rootInstance.getBadgeForeground();
-        expect(page.rootInstance.foregroundColour).toBe("dark");
-    });
-    it("should set the correct label when max number is set", async () => {
-        const page = await newSpecPage({
-            components: [Badge],
-            html: `<ic-button>Button<ic-badge slot="badge" label="100" max-number="9"/></ic-button>`,
-        });
-        expect(page.rootInstance.getLabel()).toBe("9+");
-    });
-    it("should render with id set", async () => {
-        const page = await newSpecPage({
-            components: [Button, Badge],
-            html: `<ic-button>Button<ic-badge slot="badge" id="badge-1" label="1"/></ic-button>`,
-        });
-        expect(page.root).toMatchSnapshot("should render with id");
-    });
-    it("should set the correct badge colour if the custom colour is updated", async () => {
-        const page = await newSpecPage({
-            components: [Badge],
-            html: `<ic-button>Button<ic-badge slot="badge" variant="custom" label="1" custom-color="#F8C8DC"/></ic-button>`,
-        });
-        page.rootInstance.customColor = "rgb(222,10,43)";
-        expect(page.rootInstance.customColorRGBA).toEqual({
-            a: 1,
-            b: 43,
-            g: 10,
-            r: 222,
-        });
-    });
-});
-//# sourceMappingURL=ic-badge.spec.js.map