@ukic/web-components 3.0.0 → 3.2.0

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":"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","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    expect(page.rootInstance.customColorRGBA).toEqual({\n      a: 1,\n      b: 220,\n      g: 200,\n      r: 248,\n    });\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.getBadgeForeground();\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    expect(page.rootInstance.customColorRGBA).toEqual({\n      a: 1,\n      b: 43,\n      g: 10,\n      r: 222,\n    });\n  });\n});\n"]}

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

@@ -1,118 +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>
-            <slot></slot>
-          </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 appearance="default" 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 default">
-              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 default">
-              <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;
-    });
-});
-//# 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,WAAW,CAAC;;;;;;;;;;;KAW7B,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,WAAW,CAAC;;;;;;;;;;;;;KAa7B,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,WAAW,CAAC;;;;;;;;;;;;;KAa7B,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,WAAW,CAAC;;;;;;;;;;;;;;;;;KAiB7B,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;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).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            <slot></slot>\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 appearance=\"default\" 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 default\">\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 default\">\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"]}

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 appearance styling", async () => {
-        const page = await newSpecPage({
-            components: [BreadcrumbGroup, Breadcrumb],
-            html: `<ic-breadcrumb-group appearance="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 appearance 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 appearance styling\", async () => {\n    const page = await newSpecPage({\n      components: [BreadcrumbGroup, Breadcrumb],\n      html: `<ic-breadcrumb-group appearance=\"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(\n      \"should render current appearance styling\"\n    );\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"]}