@ukic/web-components 3.0.0-alpha.11 → 3.0.0-alpha.13

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).toMatchSnapshot(`
-      <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).toMatchSnapshot(`
-      <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).toMatchSnapshot(`
-      <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).toMatchSnapshot(`
-      <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":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,QAAQ,CAAC,eAAe,EAAE,GAAG,EAAE;IAC7B,EAAE,CAAC,eAAe,EAAE,KAAK,IAAI,EAAE;QAC7B,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,iCAAiC;SACxC,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC;;;;;;;;;;;;;KAajC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wCAAwC,EAAE,KAAK,IAAI,EAAE;QACtD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,2DAA2D;SAClE,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC;;;;;;;;;;;;;KAajC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8CAA8C,EAAE,KAAK,IAAI,EAAE;QAC5D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,0EAA0E;SACjF,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC;;;;;;;;;;;;;KAajC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yBAAyB,EAAE,KAAK,IAAI,EAAE;QACvC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE;;;;;;;;;;;;;;;uBAeW;SAClB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC;;;;;;;;;;;;;;;;;KAiBjC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+DAA+D,EAAE,KAAK,IAAI,EAAE;QAC7E,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,iGAAiG;SACxG,CAAC,CAAC;QAEH,MAAM,IAAI,CAAC,YAAY,CAAC,0BAA0B,EAAE,CAAC;QAErD,MAAM,CACJ,QAAQ,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,cAAc,CAAC,CAC3E,CAAC,UAAU,CAAC;IACf,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mDAAmD,EAAE,KAAK,IAAI,EAAE;QACjE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,iCAAiC;SACxC,CAAC,CAAC;QAEH,6EAA6E;QAC7E,MAAM,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC,gBAAgB,CAAC;IACtD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wEAAwE,EAAE,KAAK,IAAI,EAAE;QACtF,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,iGAAiG;SACxG,CAAC,CAAC;QAEH,IAAI,CAAC,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC;QACjC,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,QAAQ,GAAG,CAAC,CAAC;QAC/C,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,mHAAmH;QACnH,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;QAClD,IAAI,CAAC,YAAY,CAAC,aAAa,GAAG,aAAa,CAAC;QAChD,IAAI;aACD,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,iBAAiB,CAAC;aACzD,kBAAkB,EAAE,CAAC;QAExB,IAAI,CAAC,YAAY,CAAC,uBAAuB,EAAE,CAAC;QAC5C,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;QAC5D,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC,gBAAgB,EAAE,CAAC;IAC7E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2EAA2E,EAAE,KAAK,IAAI,EAAE;QACzF,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,CAAC;YACxB,IAAI,EAAE,iGAAiG;SACxG,CAAC,CAAC;QAEH,MAAM,aAAa,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;QAClD,IAAI,CAAC,YAAY,CAAC,aAAa,GAAG,aAAa,CAAC;QAChD,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,IAAI;aACD,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,cAAc,CAAC;aACtD,kBAAkB,EAAE,CAAC;QAExB,IAAI,CAAC,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC;QACjC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,IAAI,CAAC,YAAY,CAAC,OAAO,GAAG,KAAK,CAAC;QAClC,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,QAAQ,GAAG,CAAC,CAAC,CAAC;QAChD,IAAI,CAAC,YAAY,CAAC,uBAAuB,EAAE,CAAC;QAC5C,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAC3D,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC,gBAAgB,EAAE,CAAC;QAExE,IAAI,CAAC,YAAY,CAAC,eAAe,GAAG,IAAI,CAAC;QACzC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,gBAAgB,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC1D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","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).toMatchSnapshot(`\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).toMatchSnapshot(`\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).toMatchSnapshot(`\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).toMatchSnapshot(`\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"]}

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

@@ -1,219 +0,0 @@
-import { BreadcrumbGroup } from "../../ic-breadcrumb-group";
-import { newSpecPage } from "@stencil/core/testing";
-import { Breadcrumb } from "../../../ic-breadcrumb/ic-breadcrumb";
-import { DEVICE_SIZES } from "../../../../utils/helpers";
-import * as helpers from "../../../../utils/helpers";
-import { waitForTimeout } from "../../../../testspec.setup";
-describe("ic-breadcrumb-group", () => {
-    it("should render", async () => {
-        const page = await newSpecPage({
-            components: [BreadcrumbGroup],
-            html: `<ic-breadcrumb-group></ic-breadcrumb-group>`,
-        });
-        expect(page.root).toMatchSnapshot("should render");
-    });
-    it("should render styling from props", async () => {
-        const page = await newSpecPage({
-            components: [BreadcrumbGroup],
-            html: `<ic-breadcrumb-group collapsed="true" back-breadcrumb-only="true"></ic-breadcrumb-group>`,
-        });
-        expect(page.root).toMatchSnapshot("should render styling from props");
-    });
-    it("should render current theme styling", async () => {
-        const page = await newSpecPage({
-            components: [BreadcrumbGroup, Breadcrumb],
-            html: `<ic-breadcrumb-group theme="light">
-      <ic-breadcrumb page-title="Breadcrumb 1" href="/breadcrumb-1">
-        <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>
-      <ic-breadcrumb page-title="Breadcrumb 2" current="true" href="/">
-        <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>
-    </ic-breadcrumb-group>`,
-        });
-        expect(page.root).toMatchSnapshot("should render current theme styling");
-    });
-    it("should render with ic-breadcrumb", async () => {
-        const page = await newSpecPage({
-            components: [BreadcrumbGroup, Breadcrumb],
-            html: `<ic-breadcrumb-group><ic-breadcrumb></ic-breadcrumb></ic-breadcrumb-group>`,
-        });
-        expect(page.root).toMatchSnapshot("should render with ic-breadcrumb");
-    });
-    it("should render with collapse button", async () => {
-        const page = await newSpecPage({
-            components: [BreadcrumbGroup, Breadcrumb],
-            html: `
-        <ic-breadcrumb-group collapsed="true">
-          <ic-breadcrumb page-title="Breadcrumb 1" href="/breadcrumb-1"></ic-breadcrumb>
-          <ic-breadcrumb page-title="Breadcrumb 2" href="/breadcrumb-2"></ic-breadcrumb>
-          <ic-breadcrumb current="true" page-title="Breadcrumb 3" href="/breadcrumb-3"></ic-breadcrumb>
-        </ic-breadcrumb-group>`,
-        });
-        expect(page.root).toMatchSnapshot("should render with collapse button");
-    });
-    it("should set hasShadowDom", async () => {
-        const page = await newSpecPage({
-            components: [BreadcrumbGroup],
-            html: `<ic-breadcrumb-group></ic-breadcrumb-group>`,
-        });
-        const element = page.root.shadowRoot.querySelector("nav");
-        expect(helpers.hasShadowDom(element)).toBe(false);
-    });
-    it("should handle the hidden collapsed breadcrumbs", async () => {
-        const page = await newSpecPage({
-            components: [BreadcrumbGroup, Breadcrumb],
-            html: `
-        <ic-breadcrumb-group collapsed="true">
-          <ic-breadcrumb page-title="Breadcrumb 1" href="/breadcrumb-1"></ic-breadcrumb>
-          <ic-breadcrumb page-title="Breadcrumb 2" href="/breadcrumb-2"></ic-breadcrumb>
-          <ic-breadcrumb current="true" page-title="Breadcrumb 3" href="/breadcrumb-3"></ic-breadcrumb>
-        </ic-breadcrumb-group>`,
-        });
-        const collapsedEllipsis = page.doc.getElementById("collapsed-ellipsis");
-        collapsedEllipsis.click();
-        await page.waitForChanges();
-        expect(page.root).toMatchSnapshot("should handle the hidden collapsed breadcrumbs");
-    });
-    it("should test collapsed behaviour on resize to small devices", async () => {
-        const page = await newSpecPage({
-            components: [BreadcrumbGroup, Breadcrumb],
-            html: `<ic-breadcrumb-group collapsed="true">
-      <ic-breadcrumb current="true" page-title="Breadcrumb 1" href="/breadcrumb-1"></ic-breadcrumb>
-      <ic-breadcrumb page-title="Breadcrumb 2" href="/breadcrumb-2"></ic-breadcrumb>
-      <ic-breadcrumb page-title="Breadcrumb 3" href="/breadcrumb-3"></ic-breadcrumb>
-      <ic-breadcrumb page-title="Breadcrumb 4" href="/breadcrumb-4"></ic-breadcrumb>
-      </ic-breadcrumb-group>`,
-        });
-        page.rootInstance.resizeObserverCallback(DEVICE_SIZES.S);
-        expect(page.root).toMatchSnapshot("should test collapsed behaviour on resize to small devices");
-    });
-    it("should test behaviour on small devices", async () => {
-        const page = await newSpecPage({
-            components: [BreadcrumbGroup, Breadcrumb],
-            html: `<ic-breadcrumb-group>
-      <ic-breadcrumb page-title="Breadcrumb 1" href="/breadcrumb-1"></ic-breadcrumb>
-      <ic-breadcrumb page-title="Breadcrumb 2" href="/breadcrumb-2"></ic-breadcrumb>
-      <ic-breadcrumb current="true" page-title="Breadcrumb 3" href="/breadcrumb-3"></ic-breadcrumb>
-      </ic-breadcrumb-group>`,
-        });
-        page.rootInstance.resizeObserverCallback(DEVICE_SIZES.S);
-        expect(page.rootInstance.backBreadcrumbOnly).toBe(true);
-        //call runResizeObserver
-        await page.rootInstance.runResizeObserver();
-    });
-    it("should test behaviour on change to medium devices", async () => {
-        const page = await newSpecPage({
-            components: [BreadcrumbGroup, Breadcrumb],
-            html: `<ic-breadcrumb-group collapsed="true">
-          <ic-breadcrumb current="true" page-title="Breadcrumb 1" href="/breadcrumb-1"></ic-breadcrumb>
-          <ic-breadcrumb page-title="Breadcrumb 2" href="/breadcrumb-2"></ic-breadcrumb>
-          <ic-breadcrumb page-title="Breadcrumb 3" href="/breadcrumb-3"></ic-breadcrumb>
-          <ic-breadcrumb page-title="Breadcrumb 4" href="/breadcrumb-4"></ic-breadcrumb>
-      </ic-breadcrumb-group>`,
-        });
-        page.rootInstance.expandedBreadcrumbGroup = true;
-        page.rootInstance.resizeObserverCallback(DEVICE_SIZES.S);
-        page.rootInstance.resizeObserverCallback(DEVICE_SIZES.M);
-        expect(page.rootInstance.backBreadcrumbOnly).toBe(false);
-        //call runResizeObserver
-        await page.rootInstance.runResizeObserver();
-    });
-    it("should test resize observer after expanding breadcrumbs", async () => {
-        const page = await newSpecPage({
-            components: [BreadcrumbGroup, Breadcrumb],
-            html: `<ic-breadcrumb-group collapsed="true">
-          <ic-breadcrumb current="true" page-title="Breadcrumb 1" href="/breadcrumb-1"></ic-breadcrumb>
-          <ic-breadcrumb page-title="Breadcrumb 2" href="/breadcrumb-2"></ic-breadcrumb>
-          <ic-breadcrumb page-title="Breadcrumb 3" href="/breadcrumb-3"></ic-breadcrumb>
-          <ic-breadcrumb page-title="Breadcrumb 4" href="/breadcrumb-4"></ic-breadcrumb>
-      </ic-breadcrumb-group>`,
-        });
-        // page.rootInstance.expandedBreadcrumbGroup = true;
-        page.rootInstance.resizeObserverCallback(DEVICE_SIZES.S);
-        expect(page.rootInstance.expandedBreadcrumbs).toBe(false);
-        const button = page.root.querySelector("#collapsed-ellipsis");
-        button.click();
-        await page.waitForChanges();
-        //delay to test setTimeout in code
-        await waitForTimeout(100);
-        page.rootInstance.resizeObserverCallback(DEVICE_SIZES.M);
-        await page.waitForChanges();
-        expect(page.rootInstance.expandedBreadcrumbs).toBe(true);
-        //call runResizeObserver
-        await page.rootInstance.runResizeObserver();
-    });
-    it("should test resize observer with collapsed false", async () => {
-        const page = await newSpecPage({
-            components: [BreadcrumbGroup, Breadcrumb],
-            html: `<ic-breadcrumb-group>
-          <ic-breadcrumb current="true" page-title="Breadcrumb 1" href="/breadcrumb-1"></ic-breadcrumb>
-          <ic-breadcrumb page-title="Breadcrumb 2" href="/breadcrumb-2"></ic-breadcrumb>
-          <ic-breadcrumb page-title="Breadcrumb 3" href="/breadcrumb-3"></ic-breadcrumb>
-          <ic-breadcrumb page-title="Breadcrumb 4" href="/breadcrumb-4"></ic-breadcrumb>
-      </ic-breadcrumb-group>`,
-        });
-        // page.rootInstance.expandedBreadcrumbGroup = true;
-        page.rootInstance.resizeObserverCallback(DEVICE_SIZES.S);
-        await page.waitForChanges();
-        page.rootInstance.resizeObserverCallback(DEVICE_SIZES.M);
-        await page.waitForChanges();
-        // expect(true).toBeTruthy;
-        expect(page.rootInstance.expandedBreadcrumbs).toBe(false);
-        // expect(page.rootInstance.backBreadcrumbOnly).toBe(false);
-        //call runResizeObserver
-        await page.rootInstance.runResizeObserver();
-    });
-    it("should return null for last parent breadcrumb when there is only 1 breadcrumb", async () => {
-        const page = await newSpecPage({
-            components: [BreadcrumbGroup, Breadcrumb],
-            html: `<ic-breadcrumb-group>
-          <ic-breadcrumb current="true" page-title="Breadcrumb 1" href="/breadcrumb-1"></ic-breadcrumb>
-      </ic-breadcrumb-group>`,
-        });
-        expect(page.rootInstance.getLastParentBreadcrumb()).toBeNull();
-    });
-    //this test has to go last as it changes the device size
-    it("should render collapse on already small devices", async () => {
-        const myfunc = jest.fn().mockReturnValue(DEVICE_SIZES.S);
-        Object.defineProperty(helpers, "getCurrentDeviceSize", {
-            value: myfunc,
-        });
-        const page = await newSpecPage({
-            components: [BreadcrumbGroup, Breadcrumb],
-            html: `<ic-breadcrumb-group collapsed="true">
-      <ic-breadcrumb current="true" page-title="Breadcrumb 1" href="/breadcrumb-1"></ic-breadcrumb>
-      <ic-breadcrumb page-title="Breadcrumb 2" href="/breadcrumb-2"></ic-breadcrumb>
-      <ic-breadcrumb page-title="Breadcrumb 3" href="/breadcrumb-3"></ic-breadcrumb>
-      <ic-breadcrumb page-title="Breadcrumb 4" href="/breadcrumb-4"></ic-breadcrumb>
-      </ic-breadcrumb-group>`,
-        });
-        await page.waitForChanges();
-        expect(page.root).toMatchSnapshot("should render collapse on already small devices");
-    });
-});
-//# sourceMappingURL=ic-breadcrumb-group.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ic-breadcrumb-group.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-breadcrumb-group/test/basic/ic-breadcrumb-group.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { BreadcrumbGroup } from \"../../ic-breadcrumb-group\";\nimport { newSpecPage } from \"@stencil/core/testing\";\nimport { Breadcrumb } from \"../../../ic-breadcrumb/ic-breadcrumb\";\nimport { DEVICE_SIZES } from \"../../../../utils/helpers\";\nimport * as helpers from \"../../../../utils/helpers\";\nimport { waitForTimeout } from \"../../../../testspec.setup\";\n\ndescribe(\"ic-breadcrumb-group\", () => {\n  it(\"should render\", async () => {\n    const page = await newSpecPage({\n      components: [BreadcrumbGroup],\n      html: `<ic-breadcrumb-group></ic-breadcrumb-group>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"should render\");\n  });\n\n  it(\"should render styling from props\", async () => {\n    const page = await newSpecPage({\n      components: [BreadcrumbGroup],\n      html: `<ic-breadcrumb-group collapsed=\"true\" back-breadcrumb-only=\"true\"></ic-breadcrumb-group>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"should render styling from props\");\n  });\n\n  it(\"should render current theme styling\", async () => {\n    const page = await newSpecPage({\n      components: [BreadcrumbGroup, Breadcrumb],\n      html: `<ic-breadcrumb-group theme=\"light\">\n      <ic-breadcrumb page-title=\"Breadcrumb 1\" href=\"/breadcrumb-1\">\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      <ic-breadcrumb page-title=\"Breadcrumb 2\" current=\"true\" href=\"/\">\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    </ic-breadcrumb-group>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"should render current theme styling\");\n  });\n\n  it(\"should render with ic-breadcrumb\", async () => {\n    const page = await newSpecPage({\n      components: [BreadcrumbGroup, Breadcrumb],\n      html: `<ic-breadcrumb-group><ic-breadcrumb></ic-breadcrumb></ic-breadcrumb-group>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"should render with ic-breadcrumb\");\n  });\n\n  it(\"should render with collapse button\", async () => {\n    const page = await newSpecPage({\n      components: [BreadcrumbGroup, Breadcrumb],\n      html: `\n        <ic-breadcrumb-group collapsed=\"true\">\n          <ic-breadcrumb page-title=\"Breadcrumb 1\" href=\"/breadcrumb-1\"></ic-breadcrumb>\n          <ic-breadcrumb page-title=\"Breadcrumb 2\" href=\"/breadcrumb-2\"></ic-breadcrumb>\n          <ic-breadcrumb current=\"true\" page-title=\"Breadcrumb 3\" href=\"/breadcrumb-3\"></ic-breadcrumb>\n        </ic-breadcrumb-group>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"should render with collapse button\");\n  });\n\n  it(\"should set hasShadowDom\", async () => {\n    const page = await newSpecPage({\n      components: [BreadcrumbGroup],\n      html: `<ic-breadcrumb-group></ic-breadcrumb-group>`,\n    });\n\n    const element = page.root.shadowRoot.querySelector(\"nav\");\n    expect(helpers.hasShadowDom(element)).toBe(false);\n  });\n\n  it(\"should handle the hidden collapsed breadcrumbs\", async () => {\n    const page = await newSpecPage({\n      components: [BreadcrumbGroup, Breadcrumb],\n      html: `\n        <ic-breadcrumb-group collapsed=\"true\">\n          <ic-breadcrumb page-title=\"Breadcrumb 1\" href=\"/breadcrumb-1\"></ic-breadcrumb>\n          <ic-breadcrumb page-title=\"Breadcrumb 2\" href=\"/breadcrumb-2\"></ic-breadcrumb>\n          <ic-breadcrumb current=\"true\" page-title=\"Breadcrumb 3\" href=\"/breadcrumb-3\"></ic-breadcrumb>\n        </ic-breadcrumb-group>`,\n    });\n\n    const collapsedEllipsis: HTMLElement =\n      page.doc.getElementById(\"collapsed-ellipsis\");\n    collapsedEllipsis.click();\n\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot(\n      \"should handle the hidden collapsed breadcrumbs\"\n    );\n  });\n\n  it(\"should test collapsed behaviour on resize to small devices\", async () => {\n    const page = await newSpecPage({\n      components: [BreadcrumbGroup, Breadcrumb],\n      html: `<ic-breadcrumb-group collapsed=\"true\">\n      <ic-breadcrumb current=\"true\" page-title=\"Breadcrumb 1\" href=\"/breadcrumb-1\"></ic-breadcrumb>\n      <ic-breadcrumb page-title=\"Breadcrumb 2\" href=\"/breadcrumb-2\"></ic-breadcrumb>\n      <ic-breadcrumb page-title=\"Breadcrumb 3\" href=\"/breadcrumb-3\"></ic-breadcrumb>\n      <ic-breadcrumb page-title=\"Breadcrumb 4\" href=\"/breadcrumb-4\"></ic-breadcrumb>\n      </ic-breadcrumb-group>`,\n    });\n\n    page.rootInstance.resizeObserverCallback(DEVICE_SIZES.S);\n\n    expect(page.root).toMatchSnapshot(\n      \"should test collapsed behaviour on resize to small devices\"\n    );\n  });\n\n  it(\"should test behaviour on small devices\", async () => {\n    const page = await newSpecPage({\n      components: [BreadcrumbGroup, Breadcrumb],\n      html: `<ic-breadcrumb-group>\n      <ic-breadcrumb page-title=\"Breadcrumb 1\" href=\"/breadcrumb-1\"></ic-breadcrumb>\n      <ic-breadcrumb page-title=\"Breadcrumb 2\" href=\"/breadcrumb-2\"></ic-breadcrumb>\n      <ic-breadcrumb current=\"true\" page-title=\"Breadcrumb 3\" href=\"/breadcrumb-3\"></ic-breadcrumb>\n      </ic-breadcrumb-group>`,\n    });\n\n    page.rootInstance.resizeObserverCallback(DEVICE_SIZES.S);\n\n    expect(page.rootInstance.backBreadcrumbOnly).toBe(true);\n\n    //call runResizeObserver\n    await page.rootInstance.runResizeObserver();\n  });\n\n  it(\"should test behaviour on change to medium devices\", async () => {\n    const page = await newSpecPage({\n      components: [BreadcrumbGroup, Breadcrumb],\n      html: `<ic-breadcrumb-group collapsed=\"true\">\n          <ic-breadcrumb current=\"true\" page-title=\"Breadcrumb 1\" href=\"/breadcrumb-1\"></ic-breadcrumb>\n          <ic-breadcrumb page-title=\"Breadcrumb 2\" href=\"/breadcrumb-2\"></ic-breadcrumb>\n          <ic-breadcrumb page-title=\"Breadcrumb 3\" href=\"/breadcrumb-3\"></ic-breadcrumb>\n          <ic-breadcrumb page-title=\"Breadcrumb 4\" href=\"/breadcrumb-4\"></ic-breadcrumb>\n      </ic-breadcrumb-group>`,\n    });\n\n    page.rootInstance.expandedBreadcrumbGroup = true;\n    page.rootInstance.resizeObserverCallback(DEVICE_SIZES.S);\n\n    page.rootInstance.resizeObserverCallback(DEVICE_SIZES.M);\n\n    expect(page.rootInstance.backBreadcrumbOnly).toBe(false);\n\n    //call runResizeObserver\n    await page.rootInstance.runResizeObserver();\n  });\n\n  it(\"should test resize observer after expanding breadcrumbs\", async () => {\n    const page = await newSpecPage({\n      components: [BreadcrumbGroup, Breadcrumb],\n      html: `<ic-breadcrumb-group collapsed=\"true\">\n          <ic-breadcrumb current=\"true\" page-title=\"Breadcrumb 1\" href=\"/breadcrumb-1\"></ic-breadcrumb>\n          <ic-breadcrumb page-title=\"Breadcrumb 2\" href=\"/breadcrumb-2\"></ic-breadcrumb>\n          <ic-breadcrumb page-title=\"Breadcrumb 3\" href=\"/breadcrumb-3\"></ic-breadcrumb>\n          <ic-breadcrumb page-title=\"Breadcrumb 4\" href=\"/breadcrumb-4\"></ic-breadcrumb>\n      </ic-breadcrumb-group>`,\n    });\n\n    // page.rootInstance.expandedBreadcrumbGroup = true;\n    page.rootInstance.resizeObserverCallback(DEVICE_SIZES.S);\n\n    expect(page.rootInstance.expandedBreadcrumbs).toBe(false);\n\n    const button = page.root.querySelector(\n      \"#collapsed-ellipsis\"\n    ) as HTMLButtonElement;\n    button.click();\n    await page.waitForChanges();\n    //delay to test setTimeout in code\n    await waitForTimeout(100);\n\n    page.rootInstance.resizeObserverCallback(DEVICE_SIZES.M);\n\n    await page.waitForChanges();\n\n    expect(page.rootInstance.expandedBreadcrumbs).toBe(true);\n\n    //call runResizeObserver\n    await page.rootInstance.runResizeObserver();\n  });\n\n  it(\"should test resize observer with collapsed false\", async () => {\n    const page = await newSpecPage({\n      components: [BreadcrumbGroup, Breadcrumb],\n      html: `<ic-breadcrumb-group>\n          <ic-breadcrumb current=\"true\" page-title=\"Breadcrumb 1\" href=\"/breadcrumb-1\"></ic-breadcrumb>\n          <ic-breadcrumb page-title=\"Breadcrumb 2\" href=\"/breadcrumb-2\"></ic-breadcrumb>\n          <ic-breadcrumb page-title=\"Breadcrumb 3\" href=\"/breadcrumb-3\"></ic-breadcrumb>\n          <ic-breadcrumb page-title=\"Breadcrumb 4\" href=\"/breadcrumb-4\"></ic-breadcrumb>\n      </ic-breadcrumb-group>`,\n    });\n\n    // page.rootInstance.expandedBreadcrumbGroup = true;\n    page.rootInstance.resizeObserverCallback(DEVICE_SIZES.S);\n\n    await page.waitForChanges();\n    page.rootInstance.resizeObserverCallback(DEVICE_SIZES.M);\n\n    await page.waitForChanges();\n\n    // expect(true).toBeTruthy;\n\n    expect(page.rootInstance.expandedBreadcrumbs).toBe(false);\n    // expect(page.rootInstance.backBreadcrumbOnly).toBe(false);\n\n    //call runResizeObserver\n    await page.rootInstance.runResizeObserver();\n  });\n\n  it(\"should return null for last parent breadcrumb when there is only 1 breadcrumb\", async () => {\n    const page = await newSpecPage({\n      components: [BreadcrumbGroup, Breadcrumb],\n      html: `<ic-breadcrumb-group>\n          <ic-breadcrumb current=\"true\" page-title=\"Breadcrumb 1\" href=\"/breadcrumb-1\"></ic-breadcrumb>\n      </ic-breadcrumb-group>`,\n    });\n\n    expect(page.rootInstance.getLastParentBreadcrumb()).toBeNull();\n  });\n\n  //this test has to go last as it changes the device size\n  it(\"should render collapse on already small devices\", async () => {\n    const myfunc = jest.fn().mockReturnValue(DEVICE_SIZES.S);\n    Object.defineProperty(helpers, \"getCurrentDeviceSize\", {\n      value: myfunc,\n    });\n\n    const page = await newSpecPage({\n      components: [BreadcrumbGroup, Breadcrumb],\n      html: `<ic-breadcrumb-group collapsed=\"true\">\n      <ic-breadcrumb current=\"true\" page-title=\"Breadcrumb 1\" href=\"/breadcrumb-1\"></ic-breadcrumb>\n      <ic-breadcrumb page-title=\"Breadcrumb 2\" href=\"/breadcrumb-2\"></ic-breadcrumb>\n      <ic-breadcrumb page-title=\"Breadcrumb 3\" href=\"/breadcrumb-3\"></ic-breadcrumb>\n      <ic-breadcrumb page-title=\"Breadcrumb 4\" href=\"/breadcrumb-4\"></ic-breadcrumb>\n      </ic-breadcrumb-group>`,\n    });\n\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot(\n      \"should render collapse on already small devices\"\n    );\n  });\n});\n"]}