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

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

@@ -1,256 +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();
-        const badge = document.querySelector("ic-badge");
-        expect(badge.style.backgroundColor).toBe("rgba(248, 200, 220, 1)");
-    });
-    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.setBadgeColour();
-        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)";
-        const badge = document.querySelector("ic-badge");
-        expect(badge.style.backgroundColor).toBe("rgba(222, 10, 43, 1)");
-    });
-});
-//# sourceMappingURL=ic-badge.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ic-badge.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-badge/test/basic/ic-badge.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAChD,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,4CAA4C,CAAC;AAC1E,OAAO,EAAE,gBAAgB,EAAE,MAAM,oDAAoD,CAAC;AACtF,OAAO,EAAE,cAAc,EAAE,MAAM,gDAAgD,CAAC;AAEhF,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACxB,EAAE,CAAC,6CAA6C,EAAE,KAAK,IAAI,EAAE;QAC3D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC;YAC3B,IAAI,EAAE,iEAAiE;SACxE,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAC/B,6CAA6C,CAC9C,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6BAA6B,EAAE,KAAK,IAAI,EAAE;QAC3C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC;YAC3B,IAAI,EAAE,iFAAiF;SACxF,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,6BAA6B,CAAC,CAAC;IACnE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6BAA6B,EAAE,KAAK,IAAI,EAAE;QAC3C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC;YAC3B,IAAI,EAAE,iFAAiF;SACxF,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,6BAA6B,CAAC,CAAC;IACnE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+BAA+B,EAAE,KAAK,IAAI,EAAE;QAC7C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC;YAC3B,IAAI,EAAE,mFAAmF;SAC1F,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,+BAA+B,CAAC,CAAC;IACrE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+BAA+B,EAAE,KAAK,IAAI,EAAE;QAC7C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC;YAC3B,IAAI,EAAE,mFAAmF;SAC1F,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,+BAA+B,CAAC,CAAC;IACrE,CAAC,CAAC,CAAC;IACH,EAAE,CAAC,4BAA4B,EAAE,KAAK,IAAI,EAAE;QAC1C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC;YAC3B,IAAI,EAAE,gFAAgF;SACvF,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,4BAA4B,CAAC,CAAC;IAClE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wDAAwD,EAAE,KAAK,IAAI,EAAE;QACtE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC;YAC3B,IAAI,EAAE,yGAAyG;SAChH,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAC/B,wDAAwD,CACzD,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wDAAwD,EAAE,KAAK,IAAI,EAAE;QACtE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC;YAC3B,IAAI,EAAE,kHAAkH;SACzH,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAC/B,wDAAwD,CACzD,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wCAAwC,EAAE,KAAK,IAAI,EAAE;QACtD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC;YAC3B,IAAI,EAAE,kFAAkF;SACzF,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,wCAAwC,CAAC,CAAC;IAC9E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE,KAAK,IAAI,EAAE;QACnD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC;YAC3B,IAAI,EAAE,yGAAyG;SAChH,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,qCAAqC,CAAC,CAAC;IAC3E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0BAA0B,EAAE,KAAK,IAAI,EAAE;QACxC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC;YAC3B,IAAI,EAAE,gFAAgF;SACvF,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,0BAA0B,CAAC,CAAC;IAChE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0BAA0B,EAAE,KAAK,IAAI,EAAE;QACxC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC;YAC3B,IAAI,EAAE,gFAAgF;SACvF,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,0BAA0B,CAAC,CAAC;IAChE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wBAAwB,EAAE,KAAK,IAAI,EAAE;QACtC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC;YAC3B,IAAI,EAAE,kEAAkE;SACzE,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,wBAAwB,CAAC,CAAC;IAC9D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yBAAyB,EAAE,KAAK,IAAI,EAAE;QACvC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC;YAC3B,IAAI,EAAE;;;;;oCAKwB;SAC/B,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,yBAAyB,CAAC,CAAC;IAC/D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE,KAAK,IAAI,EAAE;QAChD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC;YAC3B,IAAI,EAAE,iFAAiF;SACxF,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,kCAAkC,CAAC,CAAC;IACxE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iCAAiC,EAAE,KAAK,IAAI,EAAE;QAC/C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC;YACzB,IAAI,EAAE,qFAAqF;SAC5F,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,iCAAiC,CAAC,CAAC;IACvE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6DAA6D,EAAE,KAAK,IAAI,EAAE;QAC3E,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC;YACxB,IAAI,EAAE,0EAA0E;SACjF,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,gCAAgC,CAAC,CAAC;IACtE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uEAAuE,EAAE,KAAK,IAAI,EAAE;QACrF,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC;YACjC,IAAI,EAAE,yGAAyG;SAChH,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,iCAAiC,CAAC,CAAC;IACvE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8CAA8C,EAAE,KAAK,IAAI,EAAE;QAC5D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,gBAAgB,EAAE,KAAK,CAAC;YACrC,IAAI,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;4BA0BgB;SACvB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAC/B,8CAA8C,CAC/C,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4CAA4C,EAAE,KAAK,IAAI,EAAE;QAC1D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,cAAc,EAAE,KAAK,CAAC;YACnC,IAAI,EAAE;;;;;;;;;;;;;;;;;;;;0BAoBc;SACrB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAC/B,4CAA4C,CAC7C,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mDAAmD,EAAE,KAAK,IAAI,EAAE;QACjE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,KAAK,CAAC;YACnB,IAAI,EAAE,iEAAiE;SACxE,CAAC,CAAC;QAEH,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QAEjD,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAE7C,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC;QACtB,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAE9C,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC;QACrB,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC/C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE,KAAK,IAAI,EAAE;QACnD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,KAAK,CAAC;YACnB,IAAI,EAAE,yGAAyG;SAChH,CAAC,CAAC;QAEH,MAAM,IAAI,CAAC,YAAY,CAAC,cAAc,EAAE,CAAC;QAEzC,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QACjD,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC;IACrE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0CAA0C,EAAE,KAAK,IAAI,EAAE;QACxD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,KAAK,CAAC;YACnB,IAAI,EAAE,yGAAyG;SAChH,CAAC,CAAC;QAEH,MAAM,IAAI,CAAC,YAAY,CAAC,cAAc,EAAE,CAAC;QAEzC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qDAAqD,EAAE,KAAK,IAAI,EAAE;QACnE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,KAAK,CAAC;YACnB,IAAI,EAAE,kFAAkF;SACzF,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAClD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2BAA2B,EAAE,KAAK,IAAI,EAAE;QACzC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC;YAC3B,IAAI,EAAE,8EAA8E;SACrF,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,uBAAuB,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qEAAqE,EAAE,KAAK,IAAI,EAAE;QACnF,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,KAAK,CAAC;YACnB,IAAI,EAAE,yGAAyG;SAChH,CAAC,CAAC;QAEH,IAAI,CAAC,YAAY,CAAC,WAAW,GAAG,gBAAgB,CAAC;QAEjD,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;QACjD,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;IACnE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from \"@stencil/core/testing\";\nimport { Badge } from \"../../ic-badge\";\nimport { Button } from \"../../../ic-button/ic-button\";\nimport { Chip } from \"../../../ic-chip/ic-chip\";\nimport { Tab } from \"../../../ic-tab/ic-tab\";\nimport { CardVertical } from \"../../../ic-card-vertical/ic-card-vertical\";\nimport { NavigationButton } from \"../../../ic-navigation-button/ic-navigation-button\";\nimport { NavigationItem } from \"../../../ic-navigation-item/ic-navigation-item\";\n\ndescribe(\"ic-badge\", () => {\n  it(\"should render with text slotted in a button\", async () => {\n    const page = await newSpecPage({\n      components: [Button, Badge],\n      html: `<ic-button>Button<ic-badge slot=\"badge\" label=\"1\"/></ic-button>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\n      \"should render with text slotted in a button\"\n    );\n  });\n\n  it(\"should render light variant\", async () => {\n    const page = await newSpecPage({\n      components: [Button, Badge],\n      html: `<ic-button>Button<ic-badge slot=\"badge\" variant=\"light\" label=\"1\"/></ic-button>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"should render light variant\");\n  });\n\n  it(\"should render error variant\", async () => {\n    const page = await newSpecPage({\n      components: [Button, Badge],\n      html: `<ic-button>Button<ic-badge slot=\"badge\" variant=\"error\" label=\"1\"/></ic-button>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"should render error variant\");\n  });\n\n  it(\"should render success variant\", async () => {\n    const page = await newSpecPage({\n      components: [Button, Badge],\n      html: `<ic-button>Button<ic-badge slot=\"badge\" variant=\"success\" label=\"1\"/></ic-button>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"should render success variant\");\n  });\n\n  it(\"should render warning variant\", async () => {\n    const page = await newSpecPage({\n      components: [Button, Badge],\n      html: `<ic-button>Button<ic-badge slot=\"badge\" variant=\"warning\" label=\"1\"/></ic-button>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"should render warning variant\");\n  });\n  it(\"should render info variant\", async () => {\n    const page = await newSpecPage({\n      components: [Button, Badge],\n      html: `<ic-button>Button<ic-badge slot=\"badge\" variant=\"info\" label=\"1\"/></ic-button>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"should render info variant\");\n  });\n\n  it(\"should render custom variant with custom colour in hex\", async () => {\n    const page = await newSpecPage({\n      components: [Button, Badge],\n      html: `<ic-button>Button<ic-badge slot=\"badge\" variant=\"custom\" label=\"1\" custom-color=\"#F8C8DC\"/></ic-button>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\n      \"should render custom variant with custom colour in hex\"\n    );\n  });\n\n  it(\"should render custom variant with custom colour in rgb\", async () => {\n    const page = await newSpecPage({\n      components: [Button, Badge],\n      html: `<ic-button>Button<ic-badge slot=\"badge\" variant=\"custom\" label=\"1\" custom-color=\"rgb(248,200,220)\"/></ic-button>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\n      \"should render custom variant with custom colour in rgb\"\n    );\n  });\n\n  it(\"should render with max number prop set\", async () => {\n    const page = await newSpecPage({\n      components: [Button, Badge],\n      html: `<ic-button>Button<ic-badge slot=\"badge\" label=\"100\" max-number=\"9\"/></ic-button>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"should render with max number prop set\");\n  });\n\n  it(\"should render with accessible label\", async () => {\n    const page = await newSpecPage({\n      components: [Button, Badge],\n      html: `<ic-button>Button<ic-badge slot=\"badge\" label=\"1\" accessible-label=\"1 notification found\"/></ic-button>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"should render with accessible label\");\n  });\n\n  it(\"should render size small\", async () => {\n    const page = await newSpecPage({\n      components: [Button, Badge],\n      html: `<ic-button>Button<ic-badge slot=\"badge\" label=\"100\" size=\"small\"/></ic-button>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"should render size small\");\n  });\n\n  it(\"should render size large\", async () => {\n    const page = await newSpecPage({\n      components: [Button, Badge],\n      html: `<ic-button>Button<ic-badge slot=\"badge\" label=\"100\" size=\"large\"/></ic-button>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"should render size large\");\n  });\n\n  it(\"should render type dot\", async () => {\n    const page = await newSpecPage({\n      components: [Button, Badge],\n      html: `<ic-button>Button<ic-badge slot=\"badge\" type=\"dot\"/></ic-button>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"should render type dot\");\n  });\n\n  it(\"should render type icon\", async () => {\n    const page = await newSpecPage({\n      components: [Button, Badge],\n      html: `<ic-button>Button<ic-badge slot=\"badge\" type=\"icon\">\n            <svg slot='badge-icon' xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 0 24 24\" width=\"24px\" fill=\"#000000\">\n            <path d=\"M0 0h24v24H0V0z\" fill=\"none\"/>\n            <path d=\"M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z\"/>\n            </svg>\n            </ic-badge></ic-button>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"should render type icon\");\n  });\n\n  it(\"should render with visible false\", async () => {\n    const page = await newSpecPage({\n      components: [Button, Badge],\n      html: `<ic-button>Button<ic-badge slot=\"badge\" visible=\"false\" label=\"1\"/></ic-button>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"should render with visible false\");\n  });\n\n  it(\"should render slotted in a chip\", async () => {\n    const page = await newSpecPage({\n      components: [Chip, Badge],\n      html: `<ic-chip label=\"Badge\"><ic-badge slot=\"badge\" label=\"1\" position=\"near\"/></ic-chip>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"should render slotted in a chip\");\n  });\n\n  it(\"should render slotted in a tab with aria-label set on badge\", async () => {\n    const page = await newSpecPage({\n      components: [Tab, Badge],\n      html: `<ic-tab>Tab<ic-badge slot=\"badge\" label=\"1\" position=\"inline\"/></ic-tab>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"should render slotted in a tab\");\n  });\n\n  it(\"should render slotted in a vertical card with aria-label set on badge\", async () => {\n    const page = await newSpecPage({\n      components: [CardVertical, Badge],\n      html: `<ic-card-vertical heading=\"Badge\"><ic-badge slot=\"badge\" label=\"1\" position=\"near\"/></ic-card-vertical>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"should render slotted in a card\");\n  });\n\n  it(\"should render slotted in a navigation button\", async () => {\n    const page = await newSpecPage({\n      components: [NavigationButton, Badge],\n      html: `<ic-navigation-button\n      label=\"Button One\"\n      slot=\"buttons\"\n      href=\"https://www.google.com\"\n      target=\"_blank\"\n      title=\"Google 1\"\n    >\n      <svg\n        slot=\"icon\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        height=\"24px\"\n        viewBox=\"0 0 24 24\"\n        width=\"24px\"\n        fill=\"#000000\"\n      >\n        <path d=\"M0 0h24v24H0V0z\" fill=\"none\" />\n        <path\n          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\"\n        />\n      </svg>\n      <ic-badge\n        label=\"1\"\n        slot=\"badge\"\n        position=\"near\"\n        variant=\"light\"\n      ></ic-badge>\n    </ic-navigation-button>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\n      \"should render slotted in a navigation button\"\n    );\n  });\n\n  it(\"should render slotted in a navigation item\", async () => {\n    const page = await newSpecPage({\n      components: [NavigationItem, Badge],\n      html: `<ic-navigation-item label=\"Navigation\" href=\"/\">\n      <ic-badge\n        label=\"1\"\n        slot=\"badge\"\n        variant=\"light\"\n        position=\"far\"\n      ></ic-badge>\n      <svg\n        slot=\"icon\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"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\"\n          fill=\"currentColor\"\n        />\n      </svg>\n    </ic-navigation-item>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\n      \"should render slotted in a navigation item\"\n    );\n  });\n\n  it(\"should hide and show the badge using visible prop\", async () => {\n    const page = await newSpecPage({\n      components: [Badge],\n      html: `<ic-button>Button<ic-badge slot=\"badge\" label=\"1\"/></ic-button>`,\n    });\n\n    const badge = document.querySelector(\"ic-badge\");\n\n    expect(page.rootInstance.visible).toBe(true);\n\n    badge.visible = false;\n    await page.waitForChanges();\n\n    expect(page.rootInstance.visible).toBe(false);\n\n    badge.visible = true;\n    await page.waitForChanges();\n\n    expect(page.rootInstance.visible).toBe(true);\n  });\n\n  it(\"should set the correct badge colour\", async () => {\n    const page = await newSpecPage({\n      components: [Badge],\n      html: `<ic-button>Button<ic-badge slot=\"badge\" variant=\"custom\" label=\"1\" custom-color=\"#F8C8DC\"/></ic-button>`,\n    });\n\n    await page.rootInstance.setBadgeColour();\n\n    const badge = document.querySelector(\"ic-badge\");\n    expect(badge.style.backgroundColor).toBe(\"rgba(248, 200, 220, 1)\");\n  });\n\n  it(\"should set the correct foreground colour\", async () => {\n    const page = await newSpecPage({\n      components: [Badge],\n      html: `<ic-button>Button<ic-badge slot=\"badge\" variant=\"custom\" label=\"1\" custom-color=\"#F8C8DC\"/></ic-button>`,\n    });\n\n    await page.rootInstance.setBadgeColour();\n\n    expect(page.rootInstance.foregroundColour).toBe(\"dark\");\n  });\n\n  it(\"should set the correct label when max number is set\", async () => {\n    const page = await newSpecPage({\n      components: [Badge],\n      html: `<ic-button>Button<ic-badge slot=\"badge\" label=\"100\" max-number=\"9\"/></ic-button>`,\n    });\n\n    expect(page.rootInstance.getLabel()).toBe(\"9+\");\n  });\n\n  it(\"should render with id set\", async () => {\n    const page = await newSpecPage({\n      components: [Button, Badge],\n      html: `<ic-button>Button<ic-badge slot=\"badge\" id=\"badge-1\" label=\"1\"/></ic-button>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"should render with id\");\n  });\n\n  it(\"should set the correct badge colour if the custom colour is updated\", async () => {\n    const page = await newSpecPage({\n      components: [Badge],\n      html: `<ic-button>Button<ic-badge slot=\"badge\" variant=\"custom\" label=\"1\" custom-color=\"#F8C8DC\"/></ic-button>`,\n    });\n\n    page.rootInstance.customColor = \"rgb(222,10,43)\";\n\n    const badge = document.querySelector(\"ic-badge\");\n    expect(badge.style.backgroundColor).toBe(\"rgba(222, 10, 43, 1)\");\n  });\n});\n"]}

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

@@ -1,162 +0,0 @@
-import { Breadcrumb } from "../../ic-breadcrumb";
-import { newSpecPage } from "@stencil/core/testing";
-describe("ic-breadcrumb", () => {
-    it("should render", async () => {
-        const page = await newSpecPage({
-            components: [Breadcrumb],
-            html: `<ic-breadcrumb></ic-breadcrumb>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <ic-breadcrumb role="listitem">
-        <mock:shadow-root>
-          <div class="breadcrumb">
-            <span aria-hidden="true" class="chevron">
-              svg
-            </span>
-            <span class="link-wrapper" tabindex="0">
-              <slot></slot>
-            </span>
-          </div>
-        </mock:shadow-root>
-      </ic-breadcrumb>
-    `);
-    });
-    it("should render with page-title and href", async () => {
-        const page = await newSpecPage({
-            components: [Breadcrumb],
-            html: `<ic-breadcrumb page-title="foo" href="/"></ic-breadcrumb>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <ic-breadcrumb href="/" page-title="foo" role="listitem">
-        <mock:shadow-root>
-          <div class="breadcrumb">
-            <span aria-hidden="true" class="chevron">
-              svg
-            </span>
-            <ic-link theme="inherit" class="breadcrumb-link" href="/">
-              foo
-            </ic-link>
-          </div>
-        </mock:shadow-root>
-      </ic-breadcrumb>
-    `);
-    });
-    it("should render with page-title, href, current", async () => {
-        const page = await newSpecPage({
-            components: [Breadcrumb],
-            html: `<ic-breadcrumb page-title="foo" href="/" current="true"></ic-breadcrumb>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <ic-breadcrumb current="true" href="/" page-title="foo" role="listitem" aria-current="page">
-        <mock:shadow-root>
-          <div class="breadcrumb">
-            <span aria-hidden="true" class="chevron">
-              svg
-            </span>
-            <span class="current-page-container">
-              foo
-            </span>
-          </div>
-        </mock:shadow-root>
-      </ic-breadcrumb>
-    `);
-    });
-    it("should render with icon", async () => {
-        const page = await newSpecPage({
-            components: [Breadcrumb],
-            html: `
-      <ic-breadcrumb page-title="foo" href="/" current="true">
-        <svg
-          slot="icon"
-          width="24"
-          height="24"
-          viewBox="0 0 24 24"
-          fill="none"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z"
-            fill="currentColor"
-          ></path>
-        </svg>
-      </ic-breadcrumb>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <ic-breadcrumb current="true" href="/" page-title="foo" aria-current="page" role="listitem">
-        <mock:shadow-root>
-          <div class="breadcrumb">
-            <span aria-hidden="true" class="chevron">
-              svg
-            </span>
-            <span class="current-page-container">
-              <slot name="icon"></slot>
-              foo
-            </span>
-          </div>
-        </mock:shadow-root>
-        <svg fill="none" height="24" slot="icon" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg">
-          <path d="M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z" fill="currentColor"></path>
-        </svg>
-      </ic-breadcrumb>
-    `);
-    });
-    it("should add the 'current-page' class when current prop is true", async () => {
-        const page = await newSpecPage({
-            components: [Breadcrumb],
-            html: "<ic-breadcrumb id='ic-breadcrumb' current=true><ic-link href='/'>Link</ic-link></ic-breadcrumb>",
-        });
-        await page.rootInstance.setSlottedCurrentPageClass();
-        expect(document.querySelector("ic-breadcrumb").classList.contains("current-page")).toBeTruthy;
-    });
-    it("should call 'setFocus' when breadcrumb is focused", async () => {
-        const page = await newSpecPage({
-            components: [Breadcrumb],
-            html: `<ic-breadcrumb></ic-breadcrumb>`,
-        });
-        //Can't expect anything in this test - this is to increase code coverage only
-        await page.rootInstance.setFocus().toHaveBeenCalled;
-    });
-    it("should prevent focus on the slotted link within the current breadcrumb", async () => {
-        const page = await newSpecPage({
-            components: [Breadcrumb],
-            html: "<ic-breadcrumb id='ic-breadcrumb' current=true><ic-link href='/'>Link</ic-link></ic-breadcrumb>",
-        });
-        page.rootInstance.current = true;
-        page.rootInstance.linkSlotContent.tabIndex = 0;
-        await page.waitForChanges();
-        // Cannot check for actual slot updates in the HTML due to assignedElements not being available in test environment
-        const slottedLinkEl = document.createElement("a");
-        page.rootInstance.slottedLinkEl = slottedLinkEl;
-        jest
-            .spyOn(page.rootInstance.slottedLinkEl, "removeAttribute")
-            .mockImplementation();
-        page.rootInstance.updatedSlottedLinkFocus();
-        await page.waitForChanges();
-        expect(page.rootInstance.linkSlotContent.tabIndex).toBe(-1);
-        expect(page.rootInstance.slottedLinkEl.removeAttribute).toHaveBeenCalled();
-    });
-    it("should change to allow focus on slotted link when current prop is removed", async () => {
-        const page = await newSpecPage({
-            components: [Breadcrumb],
-            html: "<ic-breadcrumb id='ic-breadcrumb' current=true><ic-link href='/'>Link</ic-link></ic-breadcrumb>",
-        });
-        const slottedLinkEl = document.createElement("a");
-        page.rootInstance.slottedLinkEl = slottedLinkEl;
-        await page.waitForChanges();
-        jest
-            .spyOn(page.rootInstance.slottedLinkEl, "setAttribute")
-            .mockImplementation();
-        page.rootInstance.current = true;
-        await page.waitForChanges();
-        page.rootInstance.current = false;
-        page.rootInstance.linkSlotContent.tabIndex = -1;
-        page.rootInstance.updatedSlottedLinkFocus();
-        await page.waitForChanges();
-        expect(page.rootInstance.linkSlotContent.tabIndex).toBe(0);
-        expect(page.rootInstance.slottedLinkEl.setAttribute).toHaveBeenCalled();
-        page.rootInstance.linkSlotContent = null;
-        await page.waitForChanges();
-        expect(page.rootInstance.getSlottedLinkEl()).toBe(null);
-    });
-});
-//# sourceMappingURL=ic-breadcrumb.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ic-breadcrumb.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-breadcrumb/test/basic/ic-breadcrumb.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { Breadcrumb } from \"../../ic-breadcrumb\";\nimport { newSpecPage } from \"@stencil/core/testing\";\n\ndescribe(\"ic-breadcrumb\", () => {\n  it(\"should render\", async () => {\n    const page = await newSpecPage({\n      components: [Breadcrumb],\n      html: `<ic-breadcrumb></ic-breadcrumb>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <ic-breadcrumb role=\"listitem\">\n        <mock:shadow-root>\n          <div class=\"breadcrumb\">\n            <span aria-hidden=\"true\" class=\"chevron\">\n              svg\n            </span>\n            <span class=\"link-wrapper\" tabindex=\"0\">\n              <slot></slot>\n            </span>\n          </div>\n        </mock:shadow-root>\n      </ic-breadcrumb>\n    `);\n  });\n\n  it(\"should render with page-title and href\", async () => {\n    const page = await newSpecPage({\n      components: [Breadcrumb],\n      html: `<ic-breadcrumb page-title=\"foo\" href=\"/\"></ic-breadcrumb>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <ic-breadcrumb href=\"/\" page-title=\"foo\" role=\"listitem\">\n        <mock:shadow-root>\n          <div class=\"breadcrumb\">\n            <span aria-hidden=\"true\" class=\"chevron\">\n              svg\n            </span>\n            <ic-link theme=\"inherit\" class=\"breadcrumb-link\" href=\"/\">\n              foo\n            </ic-link>\n          </div>\n        </mock:shadow-root>\n      </ic-breadcrumb>\n    `);\n  });\n\n  it(\"should render with page-title, href, current\", async () => {\n    const page = await newSpecPage({\n      components: [Breadcrumb],\n      html: `<ic-breadcrumb page-title=\"foo\" href=\"/\" current=\"true\"></ic-breadcrumb>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <ic-breadcrumb current=\"true\" href=\"/\" page-title=\"foo\" role=\"listitem\" aria-current=\"page\">\n        <mock:shadow-root>\n          <div class=\"breadcrumb\">\n            <span aria-hidden=\"true\" class=\"chevron\">\n              svg\n            </span>\n            <span class=\"current-page-container\">\n              foo\n            </span>\n          </div>\n        </mock:shadow-root>\n      </ic-breadcrumb>\n    `);\n  });\n\n  it(\"should render with icon\", async () => {\n    const page = await newSpecPage({\n      components: [Breadcrumb],\n      html: `\n      <ic-breadcrumb page-title=\"foo\" href=\"/\" current=\"true\">\n        <svg\n          slot=\"icon\"\n          width=\"24\"\n          height=\"24\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\"\n            fill=\"currentColor\"\n          ></path>\n        </svg>\n      </ic-breadcrumb>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <ic-breadcrumb current=\"true\" href=\"/\" page-title=\"foo\" aria-current=\"page\" role=\"listitem\">\n        <mock:shadow-root>\n          <div class=\"breadcrumb\">\n            <span aria-hidden=\"true\" class=\"chevron\">\n              svg\n            </span>\n            <span class=\"current-page-container\">\n              <slot name=\"icon\"></slot>\n              foo\n            </span>\n          </div>\n        </mock:shadow-root>\n        <svg fill=\"none\" height=\"24\" slot=\"icon\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path d=\"M12 6.19L17 10.69V18.5H15V12.5H9V18.5H7V10.69L12 6.19ZM12 3.5L2 12.5H5V20.5H11V14.5H13V20.5H19V12.5H22L12 3.5Z\" fill=\"currentColor\"></path>\n        </svg>\n      </ic-breadcrumb>\n    `);\n  });\n\n  it(\"should add the 'current-page' class when current prop is true\", async () => {\n    const page = await newSpecPage({\n      components: [Breadcrumb],\n      html: \"<ic-breadcrumb id='ic-breadcrumb' current=true><ic-link href='/'>Link</ic-link></ic-breadcrumb>\",\n    });\n\n    await page.rootInstance.setSlottedCurrentPageClass();\n\n    expect(\n      document.querySelector(\"ic-breadcrumb\").classList.contains(\"current-page\")\n    ).toBeTruthy;\n  });\n\n  it(\"should call 'setFocus' when breadcrumb is focused\", async () => {\n    const page = await newSpecPage({\n      components: [Breadcrumb],\n      html: `<ic-breadcrumb></ic-breadcrumb>`,\n    });\n\n    //Can't expect anything in this test - this is to increase code coverage only\n    await page.rootInstance.setFocus().toHaveBeenCalled;\n  });\n\n  it(\"should prevent focus on the slotted link within the current breadcrumb\", async () => {\n    const page = await newSpecPage({\n      components: [Breadcrumb],\n      html: \"<ic-breadcrumb id='ic-breadcrumb' current=true><ic-link href='/'>Link</ic-link></ic-breadcrumb>\",\n    });\n\n    page.rootInstance.current = true;\n    page.rootInstance.linkSlotContent.tabIndex = 0;\n    await page.waitForChanges();\n\n    // Cannot check for actual slot updates in the HTML due to assignedElements not being available in test environment\n    const slottedLinkEl = document.createElement(\"a\");\n    page.rootInstance.slottedLinkEl = slottedLinkEl;\n    jest\n      .spyOn(page.rootInstance.slottedLinkEl, \"removeAttribute\")\n      .mockImplementation();\n\n    page.rootInstance.updatedSlottedLinkFocus();\n    await page.waitForChanges();\n\n    expect(page.rootInstance.linkSlotContent.tabIndex).toBe(-1);\n    expect(page.rootInstance.slottedLinkEl.removeAttribute).toHaveBeenCalled();\n  });\n\n  it(\"should change to allow focus on slotted link when current prop is removed\", async () => {\n    const page = await newSpecPage({\n      components: [Breadcrumb],\n      html: \"<ic-breadcrumb id='ic-breadcrumb' current=true><ic-link href='/'>Link</ic-link></ic-breadcrumb>\",\n    });\n\n    const slottedLinkEl = document.createElement(\"a\");\n    page.rootInstance.slottedLinkEl = slottedLinkEl;\n    await page.waitForChanges();\n\n    jest\n      .spyOn(page.rootInstance.slottedLinkEl, \"setAttribute\")\n      .mockImplementation();\n\n    page.rootInstance.current = true;\n    await page.waitForChanges();\n\n    page.rootInstance.current = false;\n    page.rootInstance.linkSlotContent.tabIndex = -1;\n    page.rootInstance.updatedSlottedLinkFocus();\n    await page.waitForChanges();\n\n    expect(page.rootInstance.linkSlotContent.tabIndex).toBe(0);\n    expect(page.rootInstance.slottedLinkEl.setAttribute).toHaveBeenCalled();\n\n    page.rootInstance.linkSlotContent = null;\n    await page.waitForChanges();\n\n    expect(page.rootInstance.getSlottedLinkEl()).toBe(null);\n  });\n});\n"]}