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

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

@@ -1,214 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { CardVertical } from "../../ic-card-vertical";
-import { mockHasDynamicChildSlots, mockMutationObserverImplementation, mockRenderDynamicChildSlots, } from "../../../../testspec.setup";
-describe("ic-card-vertical", () => {
-    afterAll(() => {
-        jest.restoreAllMocks();
-    });
-    afterEach(() => {
-        jest.clearAllMocks();
-    });
-    it("should render", async () => {
-        const page = await newSpecPage({
-            components: [CardVertical],
-            html: `<ic-card-vertical heading="Card" message="This is a static card"></ic-card-vertical>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render as a button", async () => {
-        const page = await newSpecPage({
-            components: [CardVertical],
-            html: `<ic-card-vertical heading="Card" message="This is a clickable card rendered as a button" clickable=true></ic-card-vertical>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render as a link", async () => {
-        const page = await newSpecPage({
-            components: [CardVertical],
-            html: `<ic-card-vertical heading="Card" message="This is a clickable card rendered as a button" clickable=true href="/"></ic-card-vertical>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render full width variant", async () => {
-        const page = await newSpecPage({
-            components: [CardVertical],
-            html: `<ic-card-vertical heading="Card" full-width=true message="This is a full width card" clickable=true></ic-card-vertical>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render with a link parent", async () => {
-        const page = await newSpecPage({
-            components: [CardVertical],
-            html: `<a href="/"><ic-card-vertical heading="Card" message="This is a clickable card" clickable=true></ic-card-vertical></a>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should correctly remove disabled attribute when setting disabled to false", async () => {
-        const page = await newSpecPage({
-            components: [CardVertical],
-            html: `<ic-card-vertical heading="Card" disabled message="This is a full width card" clickable=true></ic-card-vertical>`,
-        });
-        expect(page.root).toMatchSnapshot("disabled");
-        page.rootInstance.disabled = false;
-        await page.waitForChanges();
-        expect(page.root).toMatchSnapshot("disabled-removed");
-    });
-    it("should apply 'focussed' style when parent is focussed", async () => {
-        const page = await newSpecPage({
-            components: [CardVertical],
-            html: `<a href="/"><ic-card-vertical id="test-id" heading="Card" message="This is a clickable card" clickable=true></ic-card-vertical></a>`,
-        });
-        expect(page.root).not.toBeNull;
-        const element = await document.getElementById("test-id");
-        await expect(element.classList.contains("focussed")).toBeFalsy;
-        await element.focus();
-        await expect(element.classList.contains("focussed")).toBeTruthy;
-    });
-    it("should lose 'focussed' style when parent loses focus", async () => {
-        const page = await newSpecPage({
-            components: [CardVertical],
-            html: `<a href="/"><ic-card-vertical id="test-card" heading="Card" message="This is a clickable card" clickable=true></ic-card-vertical></a>`,
-        });
-        expect(page.root).not.toBeNull;
-        const element = await document.getElementById("test-card");
-        await element.focus();
-        await expect(element.classList.contains("focussed")).toBeTruthy;
-        await element.blur();
-        await expect(element.classList.contains("focussed")).toBeFalsy;
-        await page.rootInstance.disconnectedCallback();
-    });
-    it("should stop immediate propagation of a click event when disabled", async () => {
-        const page = await newSpecPage({
-            components: [CardVertical],
-            html: `<ic-card-vertical id="test-card" heading="Card" message="This is a clickable card" clickable=true disabled=true onclick="alert('test')"></ic-card-vertical>`,
-        });
-        jest.spyOn(window, "alert").mockImplementation();
-        const element = await document.getElementById("test-card");
-        element.click();
-        await page.waitForChanges();
-        await expect(window.alert).not.toHaveBeenCalled;
-    });
-    it("should render with a subheading", async () => {
-        const page = await newSpecPage({
-            components: [CardVertical],
-            html: `<ic-card-vertical id="test-card" heading="Card" subheading="Card subheading" message="This is a card"></ic-card-vertical>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render with an interaction button", async () => {
-        const page = await newSpecPage({
-            components: [CardVertical],
-            html: `<ic-card-vertical id="test-card" heading="Card" subheading="Card subheading" message="This is a card"><ic-button variant="primary" slot="interaction-button">Click here</ic-button></ic-card-vertical>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render with a top image", async () => {
-        const page = await newSpecPage({
-            components: [CardVertical],
-            html: `<ic-card-vertical id="test-card" heading="Card" subheading="Card subheading" message="This is a card"><div slot="image-top">Image placeholder</div></ic-card-vertical>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render with a middle image", async () => {
-        const page = await newSpecPage({
-            components: [CardVertical],
-            html: `<ic-card-vertical id="test-card" heading="Card" subheading="Card subheading" message="This is a card"><div slot="image-mid">Image placeholder</div></ic-card-vertical>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render with interaction controls", async () => {
-        const page = await newSpecPage({
-            components: [CardVertical],
-            html: `<ic-card-vertical id="test-card" heading="Card" subheading="Card subheading" message="This is a card"><ic-button slot="interaction-controls">Click here</ic-button></ic-card-vertical>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render as expandable", async () => {
-        const page = await newSpecPage({
-            components: [CardVertical],
-            html: `<ic-card-vertical id="test-card" heading="Card" subheading="Card subheading" message="This is a card" expandable></ic-card-vertical>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render content in expanded area", async () => {
-        const page = await newSpecPage({
-            components: [CardVertical],
-            html: `<ic-card-vertical id="test-card" heading="Card" subheading="Card subheading" message="This is a card" expandable><ic-typography slot="expanded-content">Extra content</ic-typography></ic-card-vertical>`,
-        });
-        page.rootInstance.areaExpanded = true;
-        await page.waitForChanges();
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should toggle expanded content when expansion toggle is clicked", async () => {
-        const page = await newSpecPage({
-            components: [CardVertical],
-            html: `<ic-card-vertical id="test-card" heading="Card" message="This is a clickable card" expandable><ic-typography slot="expanded-content">Expanded</ic-typography></ic-card-vertical>`,
-        });
-        expect(page.root).toMatchSnapshot();
-        page.rootInstance.toggleExpanded();
-        await page.waitForChanges();
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should call 'setFocus' when card as a button is focused", async () => {
-        const page = await newSpecPage({
-            components: [CardVertical],
-            html: `<ic-card-vertical heading="Card" message="This is a clickable card rendered as a button" clickable=true></ic-card-vertical>`,
-        });
-        //Can't expect anything in this test - this is to increase code coverage only
-        await page.rootInstance.setFocus().toHaveBeenCalled;
-    });
-    it("should call 'setFocus' when card as a link is focused", async () => {
-        const page = await newSpecPage({
-            components: [CardVertical],
-            html: `<ic-card-vertical heading="Card" message="This is a clickable card rendered as a button" clickable=true href="/"></ic-card-vertical>`,
-        });
-        //Can't expect anything in this test - this is to increase code coverage only
-        await page.rootInstance.setFocus().toHaveBeenCalled;
-    });
-    it("should test rendering slotted after initial render", async () => {
-        const page = await newSpecPage({
-            components: [CardVertical],
-            html: `<ic-card-vertical heading="Card" message="This is a static card"></ic-card-vertical>`,
-        });
-        const component = page.rootInstance;
-        const host = page.root;
-        const observerInstance = mockMutationObserverImplementation.mock.results[0].value;
-        observerInstance.observe(host, { childList: true });
-        const icon = document.createElement("svg");
-        icon.setAttribute("slot", "icon");
-        host.appendChild(icon);
-        const imageMid = document.createElement("svg");
-        imageMid.setAttribute("slot", "image-mid");
-        host.appendChild(imageMid);
-        const imageTop = document.createElement("svg");
-        imageTop.setAttribute("slot", "image-top");
-        host.appendChild(imageTop);
-        const button = document.createElement("button");
-        button.setAttribute("slot", "interaction-button");
-        host.appendChild(button);
-        const mockMutationRecord = [
-            {
-                addedNodes: [icon, imageMid, imageTop, button],
-                removedNodes: [],
-                target: host,
-            },
-        ];
-        observerInstance.trigger(mockMutationRecord);
-        await page.waitForChanges();
-        expect(mockRenderDynamicChildSlots).toHaveBeenCalledTimes(1);
-        expect(mockRenderDynamicChildSlots).toHaveBeenCalledWith(mockMutationRecord, [
-            "message",
-            "adornment",
-            "expanded-content",
-            "image-top",
-            "image-mid",
-            "icon",
-            "interaction-button",
-            "badge",
-            "interaction-controls",
-        ], component);
-        expect(mockHasDynamicChildSlots).toHaveBeenCalledTimes(1);
-        expect(page.root).toMatchSnapshot();
-    });
-});
-//# sourceMappingURL=ic-card-vertical.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ic-card-vertical.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-card-vertical/test/basic/ic-card-vertical.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EACL,wBAAwB,EACxB,kCAAkC,EAElC,2BAA2B,GAC5B,MAAM,4BAA4B,CAAC;AAEpC,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAChC,QAAQ,CAAC,GAAG,EAAE;QACZ,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,eAAe,EAAE,KAAK,IAAI,EAAE;QAC7B,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,sFAAsF;SAC7F,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2BAA2B,EAAE,KAAK,IAAI,EAAE;QACzC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,6HAA6H;SACpI,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yBAAyB,EAAE,KAAK,IAAI,EAAE;QACvC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,sIAAsI;SAC7I,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE,KAAK,IAAI,EAAE;QAChD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,yHAAyH;SAChI,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE,KAAK,IAAI,EAAE;QAChD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,wHAAwH;SAC/H,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2EAA2E,EAAE,KAAK,IAAI,EAAE;QACzF,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,kHAAkH;SACzH,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;QAE9C,IAAI,CAAC,YAAY,CAAC,QAAQ,GAAG,KAAK,CAAC;QAEnC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uDAAuD,EAAE,KAAK,IAAI,EAAE;QACrE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,qIAAqI;SAC5I,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC;QAE/B,MAAM,OAAO,GAAG,MAAM,QAAQ,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;QAEzD,MAAM,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC;QAE/D,MAAM,OAAO,CAAC,KAAK,EAAE,CAAC;QAEtB,MAAM,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC;IAClE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sDAAsD,EAAE,KAAK,IAAI,EAAE;QACpE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,uIAAuI;SAC9I,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,QAAQ,CAAC;QAE/B,MAAM,OAAO,GAAG,MAAM,QAAQ,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;QAE3D,MAAM,OAAO,CAAC,KAAK,EAAE,CAAC;QAEtB,MAAM,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC;QAEhE,MAAM,OAAO,CAAC,IAAI,EAAE,CAAC;QAErB,MAAM,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC;QAE/D,MAAM,IAAI,CAAC,YAAY,CAAC,oBAAoB,EAAE,CAAC;IACjD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kEAAkE,EAAE,KAAK,IAAI,EAAE;QAChF,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,6JAA6J;SACpK,CAAC,CAAC;QAEH,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,kBAAkB,EAAE,CAAC;QAEjD,MAAM,OAAO,GAAG,MAAM,QAAQ,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;QAE3D,OAAO,CAAC,KAAK,EAAE,CAAC;QAEhB,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,gBAAgB,CAAC;IAClD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iCAAiC,EAAE,KAAK,IAAI,EAAE;QAC/C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,2HAA2H;SAClI,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0CAA0C,EAAE,KAAK,IAAI,EAAE;QACxD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,wMAAwM;SAC/M,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;QAC9C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,wKAAwK;SAC/K,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QACjD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,wKAAwK;SAC/K,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yCAAyC,EAAE,KAAK,IAAI,EAAE;QACvD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,wLAAwL;SAC/L,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6BAA6B,EAAE,KAAK,IAAI,EAAE;QAC3C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,sIAAsI;SAC7I,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wCAAwC,EAAE,KAAK,IAAI,EAAE;QACtD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,0MAA0M;SACjN,CAAC,CAAC;QAEH,IAAI,CAAC,YAAY,CAAC,YAAY,GAAG,IAAI,CAAC;QAEtC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iEAAiE,EAAE,KAAK,IAAI,EAAE;QAC/E,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,kLAAkL;SACzL,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;QAEpC,IAAI,CAAC,YAAY,CAAC,cAAc,EAAE,CAAC;QAEnC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yDAAyD,EAAE,KAAK,IAAI,EAAE;QACvE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,6HAA6H;SACpI,CAAC,CAAC;QAEH,6EAA6E;QAC7E,MAAM,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC,gBAAgB,CAAC;IACtD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uDAAuD,EAAE,KAAK,IAAI,EAAE;QACrE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,sIAAsI;SAC7I,CAAC,CAAC;QAEH,6EAA6E;QAC7E,MAAM,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC,gBAAgB,CAAC;IACtD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oDAAoD,EAAE,KAAK,IAAI,EAAE;QAClE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,YAAY,CAAC;YAC1B,IAAI,EAAE,sFAAsF;SAC7F,CAAC,CAAC;QAEH,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC;QACpC,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QAEvB,MAAM,gBAAgB,GACpB,kCAAkC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;QAE3D,gBAAgB,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;QAEpD,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC3C,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAClC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAEvB,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC/C,QAAQ,CAAC,YAAY,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;QAC3C,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAE3B,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC/C,QAAQ,CAAC,YAAY,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;QAC3C,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAE3B,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAChD,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,oBAAoB,CAAC,CAAC;QAClD,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAEzB,MAAM,kBAAkB,GAAyB;YAC/C;gBACE,UAAU,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,CAAC;gBAC9C,YAAY,EAAE,EAAE;gBAChB,MAAM,EAAE,IAAI;aACb;SACF,CAAC;QAEF,gBAAgB,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC;QAE7C,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,2BAA2B,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;QAC7D,MAAM,CAAC,2BAA2B,CAAC,CAAC,oBAAoB,CACtD,kBAAkB,EAClB;YACE,SAAS;YACT,WAAW;YACX,kBAAkB;YAClB,WAAW;YACX,WAAW;YACX,MAAM;YACN,oBAAoB;YACpB,OAAO;YACP,sBAAsB;SACvB,EACD,SAAS,CACV,CAAC;QAEF,MAAM,CAAC,wBAAwB,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;QAE1D,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from \"@stencil/core/testing\";\nimport { CardVertical } from \"../../ic-card-vertical\";\nimport {\n  mockHasDynamicChildSlots,\n  mockMutationObserverImplementation,\n  MockMutationRecord,\n  mockRenderDynamicChildSlots,\n} from \"../../../../testspec.setup\";\n\ndescribe(\"ic-card-vertical\", () => {\n  afterAll(() => {\n    jest.restoreAllMocks();\n  });\n\n  afterEach(() => {\n    jest.clearAllMocks();\n  });\n\n  it(\"should render\", async () => {\n    const page = await newSpecPage({\n      components: [CardVertical],\n      html: `<ic-card-vertical heading=\"Card\" message=\"This is a static card\"></ic-card-vertical>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render as a button\", async () => {\n    const page = await newSpecPage({\n      components: [CardVertical],\n      html: `<ic-card-vertical heading=\"Card\" message=\"This is a clickable card rendered as a button\" clickable=true></ic-card-vertical>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render as a link\", async () => {\n    const page = await newSpecPage({\n      components: [CardVertical],\n      html: `<ic-card-vertical heading=\"Card\" message=\"This is a clickable card rendered as a button\" clickable=true href=\"/\"></ic-card-vertical>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render full width variant\", async () => {\n    const page = await newSpecPage({\n      components: [CardVertical],\n      html: `<ic-card-vertical heading=\"Card\" full-width=true message=\"This is a full width card\" clickable=true></ic-card-vertical>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with a link parent\", async () => {\n    const page = await newSpecPage({\n      components: [CardVertical],\n      html: `<a href=\"/\"><ic-card-vertical heading=\"Card\" message=\"This is a clickable card\" clickable=true></ic-card-vertical></a>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should correctly remove disabled attribute when setting disabled to false\", async () => {\n    const page = await newSpecPage({\n      components: [CardVertical],\n      html: `<ic-card-vertical heading=\"Card\" disabled message=\"This is a full width card\" clickable=true></ic-card-vertical>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"disabled\");\n\n    page.rootInstance.disabled = false;\n\n    await page.waitForChanges();\n    expect(page.root).toMatchSnapshot(\"disabled-removed\");\n  });\n\n  it(\"should apply 'focussed' style when parent is focussed\", async () => {\n    const page = await newSpecPage({\n      components: [CardVertical],\n      html: `<a href=\"/\"><ic-card-vertical id=\"test-id\" heading=\"Card\" message=\"This is a clickable card\" clickable=true></ic-card-vertical></a>`,\n    });\n\n    expect(page.root).not.toBeNull;\n\n    const element = await document.getElementById(\"test-id\");\n\n    await expect(element.classList.contains(\"focussed\")).toBeFalsy;\n\n    await element.focus();\n\n    await expect(element.classList.contains(\"focussed\")).toBeTruthy;\n  });\n\n  it(\"should lose 'focussed' style when parent loses focus\", async () => {\n    const page = await newSpecPage({\n      components: [CardVertical],\n      html: `<a href=\"/\"><ic-card-vertical id=\"test-card\" heading=\"Card\" message=\"This is a clickable card\" clickable=true></ic-card-vertical></a>`,\n    });\n\n    expect(page.root).not.toBeNull;\n\n    const element = await document.getElementById(\"test-card\");\n\n    await element.focus();\n\n    await expect(element.classList.contains(\"focussed\")).toBeTruthy;\n\n    await element.blur();\n\n    await expect(element.classList.contains(\"focussed\")).toBeFalsy;\n\n    await page.rootInstance.disconnectedCallback();\n  });\n\n  it(\"should stop immediate propagation of a click event when disabled\", async () => {\n    const page = await newSpecPage({\n      components: [CardVertical],\n      html: `<ic-card-vertical id=\"test-card\" heading=\"Card\" message=\"This is a clickable card\" clickable=true disabled=true onclick=\"alert('test')\"></ic-card-vertical>`,\n    });\n\n    jest.spyOn(window, \"alert\").mockImplementation();\n\n    const element = await document.getElementById(\"test-card\");\n\n    element.click();\n\n    await page.waitForChanges();\n\n    await expect(window.alert).not.toHaveBeenCalled;\n  });\n\n  it(\"should render with a subheading\", async () => {\n    const page = await newSpecPage({\n      components: [CardVertical],\n      html: `<ic-card-vertical id=\"test-card\" heading=\"Card\" subheading=\"Card subheading\" message=\"This is a card\"></ic-card-vertical>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with an interaction button\", async () => {\n    const page = await newSpecPage({\n      components: [CardVertical],\n      html: `<ic-card-vertical id=\"test-card\" heading=\"Card\" subheading=\"Card subheading\" message=\"This is a card\"><ic-button variant=\"primary\" slot=\"interaction-button\">Click here</ic-button></ic-card-vertical>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with a top image\", async () => {\n    const page = await newSpecPage({\n      components: [CardVertical],\n      html: `<ic-card-vertical id=\"test-card\" heading=\"Card\" subheading=\"Card subheading\" message=\"This is a card\"><div slot=\"image-top\">Image placeholder</div></ic-card-vertical>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with a middle image\", async () => {\n    const page = await newSpecPage({\n      components: [CardVertical],\n      html: `<ic-card-vertical id=\"test-card\" heading=\"Card\" subheading=\"Card subheading\" message=\"This is a card\"><div slot=\"image-mid\">Image placeholder</div></ic-card-vertical>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with interaction controls\", async () => {\n    const page = await newSpecPage({\n      components: [CardVertical],\n      html: `<ic-card-vertical id=\"test-card\" heading=\"Card\" subheading=\"Card subheading\" message=\"This is a card\"><ic-button slot=\"interaction-controls\">Click here</ic-button></ic-card-vertical>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render as expandable\", async () => {\n    const page = await newSpecPage({\n      components: [CardVertical],\n      html: `<ic-card-vertical id=\"test-card\" heading=\"Card\" subheading=\"Card subheading\" message=\"This is a card\" expandable></ic-card-vertical>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render content in expanded area\", async () => {\n    const page = await newSpecPage({\n      components: [CardVertical],\n      html: `<ic-card-vertical id=\"test-card\" heading=\"Card\" subheading=\"Card subheading\" message=\"This is a card\" expandable><ic-typography slot=\"expanded-content\">Extra content</ic-typography></ic-card-vertical>`,\n    });\n\n    page.rootInstance.areaExpanded = true;\n\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should toggle expanded content when expansion toggle is clicked\", async () => {\n    const page = await newSpecPage({\n      components: [CardVertical],\n      html: `<ic-card-vertical id=\"test-card\" heading=\"Card\" message=\"This is a clickable card\" expandable><ic-typography slot=\"expanded-content\">Expanded</ic-typography></ic-card-vertical>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n\n    page.rootInstance.toggleExpanded();\n\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should call 'setFocus' when card as a button is focused\", async () => {\n    const page = await newSpecPage({\n      components: [CardVertical],\n      html: `<ic-card-vertical heading=\"Card\" message=\"This is a clickable card rendered as a button\" clickable=true></ic-card-vertical>`,\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 call 'setFocus' when card as a link is focused\", async () => {\n    const page = await newSpecPage({\n      components: [CardVertical],\n      html: `<ic-card-vertical heading=\"Card\" message=\"This is a clickable card rendered as a button\" clickable=true href=\"/\"></ic-card-vertical>`,\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 test rendering slotted after initial render\", async () => {\n    const page = await newSpecPage({\n      components: [CardVertical],\n      html: `<ic-card-vertical heading=\"Card\" message=\"This is a static card\"></ic-card-vertical>`,\n    });\n\n    const component = page.rootInstance;\n    const host = page.root;\n\n    const observerInstance =\n      mockMutationObserverImplementation.mock.results[0].value;\n\n    observerInstance.observe(host, { childList: true });\n\n    const icon = document.createElement(\"svg\");\n    icon.setAttribute(\"slot\", \"icon\");\n    host.appendChild(icon);\n\n    const imageMid = document.createElement(\"svg\");\n    imageMid.setAttribute(\"slot\", \"image-mid\");\n    host.appendChild(imageMid);\n\n    const imageTop = document.createElement(\"svg\");\n    imageTop.setAttribute(\"slot\", \"image-top\");\n    host.appendChild(imageTop);\n\n    const button = document.createElement(\"button\");\n    button.setAttribute(\"slot\", \"interaction-button\");\n    host.appendChild(button);\n\n    const mockMutationRecord: MockMutationRecord[] = [\n      {\n        addedNodes: [icon, imageMid, imageTop, button],\n        removedNodes: [],\n        target: host,\n      },\n    ];\n\n    observerInstance.trigger(mockMutationRecord);\n\n    await page.waitForChanges();\n\n    expect(mockRenderDynamicChildSlots).toHaveBeenCalledTimes(1);\n    expect(mockRenderDynamicChildSlots).toHaveBeenCalledWith(\n      mockMutationRecord,\n      [\n        \"message\",\n        \"adornment\",\n        \"expanded-content\",\n        \"image-top\",\n        \"image-mid\",\n        \"icon\",\n        \"interaction-button\",\n        \"badge\",\n        \"interaction-controls\",\n      ],\n      component\n    );\n\n    expect(mockHasDynamicChildSlots).toHaveBeenCalledTimes(1);\n\n    expect(page.root).toMatchSnapshot();\n  });\n});\n"]}

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

@@ -1,284 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { CheckboxGroup } from "../../ic-checkbox-group";
-import { Checkbox } from "../../../ic-checkbox/ic-checkbox";
-import { TextField } from "../../../ic-text-field/ic-text-field";
-describe("ic-checkbox-group", () => {
-    it("should render", async () => {
-        const page = await newSpecPage({
-            components: [CheckboxGroup, Checkbox],
-            html: `<ic-checkbox-group label="test label" name="test">
-        <ic-checkbox value="test" label="test label"></ic-checkbox>    
-      </ic-checkbox-group>`,
-        });
-        expect(page.root).toMatchSnapshot("renders");
-    });
-    it("should render as required", async () => {
-        const page = await newSpecPage({
-            components: [CheckboxGroup, Checkbox],
-            html: `<ic-checkbox-group label="test label" name="test" required>
-        <ic-checkbox value="test" label="test label"></ic-checkbox>    
-      </ic-checkbox-group>`,
-        });
-        expect(page.root).toMatchSnapshot("renders-required");
-    });
-    it("should render as helper text", async () => {
-        const page = await newSpecPage({
-            components: [CheckboxGroup, Checkbox],
-            html: `<ic-checkbox-group label="test label" name="test" helper-text="helper test">
-        <ic-checkbox value="test" label="test label"></ic-checkbox>    
-      </ic-checkbox-group>`,
-        });
-        expect(page.root).toMatchSnapshot("renders-with-helpertext");
-    });
-    it("should test checkbox option as submit on form", async () => {
-        const page = await newSpecPage({
-            components: [Checkbox],
-            html: `<form id="new-form"></form><ic-checkbox id="ic-checkbox" label="IC Checkbox Test" value="test-value" form="new-form" selected></ic-checkbox>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render checked", async () => {
-        const page = await newSpecPage({
-            components: [CheckboxGroup, Checkbox],
-            html: `<ic-checkbox-group label="test label" name="test">
-        <ic-checkbox value="test" checked label="test label"></ic-checkbox>    
-      </ic-checkbox-group>`,
-        });
-        expect(page.root).toMatchSnapshot("renders-checked");
-    });
-    it("should render indeterminate", async () => {
-        const page = await newSpecPage({
-            components: [CheckboxGroup, Checkbox],
-            html: `<ic-checkbox-group label="test label" name="test">
-        <ic-checkbox value="test" checked indeterminate label="test label"></ic-checkbox>    
-      </ic-checkbox-group>`,
-        });
-        expect(page.root).toMatchSnapshot("renders-indeterminate");
-    });
-    it("should render an aria label when group label hidden", async () => {
-        const page = await newSpecPage({
-            components: [CheckboxGroup, Checkbox],
-            html: `<ic-checkbox-group label="test label" hide-label name="test">
-        <ic-checkbox value="test" label="test label"></ic-checkbox>
-      </ic-checkbox-group>`,
-        });
-        expect(page.root).toMatchSnapshot("renders-hidden-label");
-    });
-    it("should render an aria label when checkbox label hidden", async () => {
-        const page = await newSpecPage({
-            components: [CheckboxGroup, Checkbox],
-            html: `<ic-checkbox-group label="test label" name="test">
-        <ic-checkbox value="test" label="test label" hide-label></ic-checkbox>    
-      </ic-checkbox-group>`,
-        });
-        expect(page.root).toMatchSnapshot("renders-hidden-checkbox-label");
-    });
-    it("should render in a disabled state", async () => {
-        const page = await newSpecPage({
-            components: [CheckboxGroup, Checkbox],
-            html: `<ic-checkbox-group label="test label" name="test">
-        <ic-checkbox value="test" disabled label="test label"></ic-checkbox>    
-      </ic-checkbox-group>`,
-        });
-        expect(page.root).toMatchSnapshot("renders-disabled");
-        document.querySelector("ic-checkbox").disabled = false;
-        await page.waitForChanges();
-        expect(page.root).toMatchSnapshot("disabled-removed");
-    });
-    it("should render with validation status", async () => {
-        const page = await newSpecPage({
-            components: [CheckboxGroup, Checkbox],
-            html: `<ic-checkbox-group label="test label" hide-label name="test" validation-status="error">
-        <ic-checkbox value="test" label="test label"></ic-checkbox>    
-      </ic-checkbox-group>`,
-        });
-        expect(page.root).toMatchSnapshot("renders-with-validation");
-    });
-    it("should render with hidden dynamic additional field", async () => {
-        const page = await newSpecPage({
-            components: [CheckboxGroup, Checkbox, TextField],
-            html: `<ic-checkbox-group label="test label" hide-label name="test" validation-status="error">
-        <ic-checkbox value="test" additional-field-display="dynamic" label="test label">
-        <ic-text-field slot="additional-field" placeholder="Placeholder" label="Test label"></ic-text-field>
-        </ic-checkbox>    
-      </ic-checkbox-group>`,
-        });
-        expect(page.root).toMatchSnapshot("renders-with-dynamic-field");
-    });
-    it("should render with dynamic additional field when checked", async () => {
-        const page = await newSpecPage({
-            components: [CheckboxGroup, Checkbox, TextField],
-            html: `<ic-checkbox-group label="test label" hide-label name="test" validation-status="error">
-        <ic-checkbox value="test" label="test label" additional-field-display="dynamic" checked>
-        <ic-text-field slot="additional-field" placeholder="Placeholder" label="Test label"></ic-text-field>
-        </ic-checkbox>    
-      </ic-checkbox-group>`,
-        });
-        expect(page.root).toMatchSnapshot("renders-with-dynamic-field-when-checked");
-    });
-    it("should render with disabled static additional field", async () => {
-        const page = await newSpecPage({
-            components: [CheckboxGroup, Checkbox, TextField],
-            html: `<ic-checkbox-group label="test label" hide-label name="test" validation-status="error">
-        <ic-checkbox value="test" label="test label" additional-field-display="static">
-        <ic-text-field slot="additional-field" placeholder="Placeholder" label="Test label"></ic-text-field>
-        </ic-checkbox>    
-      </ic-checkbox-group>`,
-        });
-        expect(page.root).toMatchSnapshot("renders-with-disabled-additional-field");
-    });
-    it("should remove disabled attribute from static additional field when checked", async () => {
-        const page = await newSpecPage({
-            components: [CheckboxGroup, Checkbox, TextField],
-            html: `<ic-checkbox-group label="test label" hide-label name="test" validation-status="error">
-        <ic-checkbox value="test" label="test label" additional-field-display="static" checked>
-        <ic-text-field slot="additional-field" placeholder="Placeholder" label="Test label"></ic-text-field>
-        </ic-checkbox>    
-      </ic-checkbox-group>`,
-        });
-        expect(page.root).toMatchSnapshot("renders-with-disabled-attribute-removed-from-field");
-    });
-    it("should pass the size on the checkbox group to the child checkboxes when there's no size set on them individually", async () => {
-        const page = await newSpecPage({
-            components: [CheckboxGroup, Checkbox],
-            html: `<ic-checkbox-group label="test label" name="test" size="small">
-        <ic-checkbox value="test" label="test label"></ic-checkbox>
-        <ic-checkbox value="test" label="test label"></ic-checkbox>  
-      </ic-checkbox-group>`,
-        });
-        expect(page.root).toMatchSnapshot();
-        const checkboxes = page.root.querySelectorAll("ic-checkbox");
-        checkboxes.forEach((checkbox) => {
-            expect(checkbox.classList.contains("ic-checkbox-small")).toBe(true);
-        });
-    });
-    it("should prioritise the size on an individual checkbox over the size on the checkbox group", async () => {
-        const page = await newSpecPage({
-            components: [CheckboxGroup, Checkbox],
-            html: `<ic-checkbox-group label="test label" name="test" size="large">
-        <ic-checkbox value="test" label="test label" id="large-checkbox"></ic-checkbox>
-        <ic-checkbox value="test" label="test label" size="small" id="small-checkbox"></ic-checkbox>  
-      </ic-checkbox-group>`,
-        });
-        const smallCheckbox = page.root.querySelector("ic-checkbox#small-checkbox");
-        expect(smallCheckbox["size"]).toMatch("small");
-        const largeCheckbox = page.root.querySelector("ic-checkbox:not(#small-checkbox)");
-        expect(largeCheckbox.classList.contains("ic-checkbox-large")).toBe(true);
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should change checked state", async () => {
-        const page = await newSpecPage({
-            components: [Checkbox],
-            html: `<ic-checkbox value="test" label="test label" checked></ic-checkbox>`,
-        });
-        expect(page.root.checked).toBe(true);
-        page.rootInstance.handleClick();
-        await page.waitForChanges();
-        expect(page.root.checked).toBe(false);
-    });
-    it("should call 'setFocus' when checkbox is focused", async () => {
-        const page = await newSpecPage({
-            components: [Checkbox],
-            html: `<ic-checkbox value="test" label="test label" checked></ic-checkbox>`,
-        });
-        //Can't expect anything in this test - this is to increase code coverage only
-        await page.rootInstance.setFocus().toHaveBeenCalled;
-    });
-    it("should emit icCheck on click", async () => {
-        const page = await newSpecPage({
-            components: [CheckboxGroup, Checkbox],
-            html: `<ic-checkbox-group label="test label" name="test">
-        <ic-checkbox value="test" label="test label"></ic-checkbox>    
-      </ic-checkbox-group>`,
-        });
-        const eventSpy = jest.fn();
-        page.win.addEventListener("icCheck", eventSpy);
-        page.root
-            .querySelector("ic-checkbox")
-            .shadowRoot.querySelector("input")
-            .click();
-        await page.waitForChanges();
-        expect(eventSpy).toHaveBeenCalled();
-    });
-    it("should test indeterminate with 'nativeIndeterminateBehaviour' set to 'false'", async () => {
-        const page = await newSpecPage({
-            components: [Checkbox],
-            html: `<ic-checkbox value="test" label="test label" checked indeterminate></ic-checkbox>`,
-        });
-        await page.waitForChanges();
-        expect(page.rootInstance.displayIndeterminate).toBe(true);
-        page.root.shadowRoot.querySelector("input").click();
-        await page.waitForChanges();
-        expect(page.root.checked).toBe(false);
-        expect(page.rootInstance.displayIndeterminate).toBe(false);
-        page.root.shadowRoot.querySelector("input").click();
-        await page.waitForChanges();
-        expect(page.root.checked).toBe(true);
-        expect(page.rootInstance.displayIndeterminate).toBe(true);
-        page.root.indeterminate = false;
-        await page.waitForChanges();
-        expect(page.root.checked).toBe(true);
-        expect(page.rootInstance.displayIndeterminate).toBe(false);
-        page.root.indeterminate = true;
-        await page.waitForChanges();
-        expect(page.root.checked).toBe(true);
-        expect(page.rootInstance.displayIndeterminate).toBe(true);
-    });
-    it("should test indeterminate with 'nativeIndeterminateBehaviour' set to 'true'", async () => {
-        const page = await newSpecPage({
-            components: [Checkbox],
-            html: `<ic-checkbox value="test" label="test label" indeterminate native-indeterminate-behaviour></ic-checkbox>`,
-        });
-        await page.waitForChanges();
-        expect(page.rootInstance.displayIndeterminate).toBe(true);
-        page.root.shadowRoot.querySelector("input").click();
-        await page.waitForChanges();
-        expect(page.root.checked).toBe(true);
-        expect(page.rootInstance.displayIndeterminate).toBe(false);
-        page.root.shadowRoot.querySelector("input").click();
-        await page.waitForChanges();
-        expect(page.root.checked).toBe(false);
-        expect(page.rootInstance.displayIndeterminate).toBe(false);
-        page.root.indeterminate = false;
-        await page.waitForChanges();
-        page.root.indeterminate = true;
-        await page.waitForChanges();
-        expect(page.root.checked).toBe(false);
-        expect(page.rootInstance.displayIndeterminate).toBe(true);
-        page.root.shadowRoot.querySelector("input").click();
-        await page.waitForChanges();
-        expect(page.root.checked).toBe(true);
-        expect(page.rootInstance.displayIndeterminate).toBe(false);
-    });
-    it("should test form reset event", async () => {
-        const page = await newSpecPage({
-            components: [Checkbox],
-            html: `<form>
-          <ic-checkbox value="test" label="test label" checked></ic-checkbox>    
-          <button id="resetButton" type="reset">Reset</button>  
-      </form>`,
-        });
-        expect(page.root.checked).toBe(true);
-        page.root.checked = false;
-        await page.waitForChanges();
-        expect(page.root.checked).toBe(false);
-        await page.rootInstance.handleFormReset();
-        await page.waitForChanges();
-        expect(page.root.checked).toBe(true);
-        //test disconnected callback
-        page.setContent("");
-    });
-    it("should test labelNameHandler", async () => {
-        const page = await newSpecPage({
-            components: [Checkbox, CheckboxGroup],
-            html: `<ic-checkbox-group label="test label" name="test">
-      <ic-checkbox value="test" label="test label"></ic-checkbox>    
-    </ic-checkbox-group>`,
-        });
-        expect(page.root).toMatchSnapshot();
-        page.root.label = "new label";
-        await page.waitForChanges();
-        expect(page.root).toMatchSnapshot();
-    });
-});
-//# sourceMappingURL=ic-checkbox-group.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ic-checkbox-group.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-checkbox-group/test/basic/ic-checkbox-group.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAEjE,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;IACjC,EAAE,CAAC,eAAe,EAAE,KAAK,IAAI,EAAE;QAC7B,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,aAAa,EAAE,QAAQ,CAAC;YACrC,IAAI,EAAE;;2BAEe;SACtB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2BAA2B,EAAE,KAAK,IAAI,EAAE;QACzC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,aAAa,EAAE,QAAQ,CAAC;YACrC,IAAI,EAAE;;2BAEe;SACtB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8BAA8B,EAAE,KAAK,IAAI,EAAE;QAC5C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,aAAa,EAAE,QAAQ,CAAC;YACrC,IAAI,EAAE;;2BAEe;SACtB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,yBAAyB,CAAC,CAAC;IAC/D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+CAA+C,EAAE,KAAK,IAAI,EAAE;QAC7D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,QAAQ,CAAC;YACtB,IAAI,EAAE,8IAA8I;SACrJ,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uBAAuB,EAAE,KAAK,IAAI,EAAE;QACrC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,aAAa,EAAE,QAAQ,CAAC;YACrC,IAAI,EAAE;;2BAEe;SACtB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAC;IACvD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6BAA6B,EAAE,KAAK,IAAI,EAAE;QAC3C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,aAAa,EAAE,QAAQ,CAAC;YACrC,IAAI,EAAE;;2BAEe;SACtB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,uBAAuB,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qDAAqD,EAAE,KAAK,IAAI,EAAE;QACnE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,aAAa,EAAE,QAAQ,CAAC;YACrC,IAAI,EAAE;;2BAEe;SACtB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,sBAAsB,CAAC,CAAC;IAC5D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wDAAwD,EAAE,KAAK,IAAI,EAAE;QACtE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,aAAa,EAAE,QAAQ,CAAC;YACrC,IAAI,EAAE;;2BAEe;SACtB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,+BAA+B,CAAC,CAAC;IACrE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QACjD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,aAAa,EAAE,QAAQ,CAAC;YACrC,IAAI,EAAE;;2BAEe;SACtB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC;QAEtD,QAAQ,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,QAAQ,GAAG,KAAK,CAAC;QAEvD,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;QACpD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,aAAa,EAAE,QAAQ,CAAC;YACrC,IAAI,EAAE;;2BAEe;SACtB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,yBAAyB,CAAC,CAAC;IAC/D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oDAAoD,EAAE,KAAK,IAAI,EAAE;QAClE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,aAAa,EAAE,QAAQ,EAAE,SAAS,CAAC;YAChD,IAAI,EAAE;;;;2BAIe;SACtB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,4BAA4B,CAAC,CAAC;IAClE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0DAA0D,EAAE,KAAK,IAAI,EAAE;QACxE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,aAAa,EAAE,QAAQ,EAAE,SAAS,CAAC;YAChD,IAAI,EAAE;;;;2BAIe;SACtB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAC/B,yCAAyC,CAC1C,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qDAAqD,EAAE,KAAK,IAAI,EAAE;QACnE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,aAAa,EAAE,QAAQ,EAAE,SAAS,CAAC;YAChD,IAAI,EAAE;;;;2BAIe;SACtB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,wCAAwC,CAAC,CAAC;IAC9E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4EAA4E,EAAE,KAAK,IAAI,EAAE;QAC1F,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,aAAa,EAAE,QAAQ,EAAE,SAAS,CAAC;YAChD,IAAI,EAAE;;;;2BAIe;SACtB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAC/B,oDAAoD,CACrD,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kHAAkH,EAAE,KAAK,IAAI,EAAE;QAChI,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,aAAa,EAAE,QAAQ,CAAC;YACrC,IAAI,EAAE;;;2BAGe;SACtB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;QAEpC,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC;QAE7D,UAAU,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE;YAC9B,MAAM,CAAC,QAAQ,CAAC,SAAS,CAAC,QAAQ,CAAC,mBAAmB,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACtE,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0FAA0F,EAAE,KAAK,IAAI,EAAE;QACxG,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,aAAa,EAAE,QAAQ,CAAC;YACrC,IAAI,EAAE;;;2BAGe;SACtB,CAAC,CAAC;QAEH,MAAM,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAC3C,4BAA4B,CACJ,CAAC;QAC3B,MAAM,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAE/C,MAAM,aAAa,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,CAC3C,kCAAkC,CACV,CAAC;QAC3B,MAAM,CAAC,aAAa,CAAC,SAAS,CAAC,QAAQ,CAAC,mBAAmB,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAEzE,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6BAA6B,EAAE,KAAK,IAAI,EAAE;QAC3C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,QAAQ,CAAC;YACtB,IAAI,EAAE,qEAAqE;SAC5E,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAErC,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,CAAC;QAChC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iDAAiD,EAAE,KAAK,IAAI,EAAE;QAC/D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,QAAQ,CAAC;YACtB,IAAI,EAAE,qEAAqE;SAC5E,CAAC,CAAC;QAEH,6EAA6E;QAC7E,MAAM,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC,gBAAgB,CAAC;IACtD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8BAA8B,EAAE,KAAK,IAAI,EAAE;QAC5C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,aAAa,EAAE,QAAQ,CAAC;YACrC,IAAI,EAAE;;2BAEe;SACtB,CAAC,CAAC;QAEH,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAE3B,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;QAE/C,IAAI,CAAC,IAAI;aACN,aAAa,CAAC,aAAa,CAAC;aAC5B,UAAU,CAAC,aAAa,CAAC,OAAO,CAAC;aACjC,KAAK,EAAE,CAAC;QAEX,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,QAAQ,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8EAA8E,EAAE,KAAK,IAAI,EAAE;QAC5F,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,QAAQ,CAAC;YACtB,IAAI,EAAE,mFAAmF;SAC1F,CAAC,CAAC;QACH,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAE1D,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,CAAC;QAEpD,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACtC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAE3D,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,CAAC;QAEpD,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACrC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAE1D,IAAI,CAAC,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAChC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACrC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAE3D,IAAI,CAAC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;QAC/B,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACrC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC5D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6EAA6E,EAAE,KAAK,IAAI,EAAE;QAC3F,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,QAAQ,CAAC;YACtB,IAAI,EAAE,0GAA0G;SACjH,CAAC,CAAC;QACH,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAE1D,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,CAAC;QAEpD,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACrC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAE3D,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,CAAC;QAEpD,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACtC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAE3D,IAAI,CAAC,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAChC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,IAAI,CAAC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;QAC/B,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACtC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAE1D,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,CAAC;QAEpD,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACrC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8BAA8B,EAAE,KAAK,IAAI,EAAE;QAC5C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,QAAQ,CAAC;YACtB,IAAI,EAAE;;;cAGE;SACT,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAErC,IAAI,CAAC,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QAC1B,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAEtC,MAAM,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,CAAC;QAC1C,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAErC,4BAA4B;QAC5B,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;IACtB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8BAA8B,EAAE,KAAK,IAAI,EAAE;QAC5C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,QAAQ,EAAE,aAAa,CAAC;YACrC,IAAI,EAAE;;yBAEa;SACpB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;QAEpC,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,WAAW,CAAC;QAC9B,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from \"@stencil/core/testing\";\nimport { CheckboxGroup } from \"../../ic-checkbox-group\";\nimport { Checkbox } from \"../../../ic-checkbox/ic-checkbox\";\nimport { TextField } from \"../../../ic-text-field/ic-text-field\";\n\ndescribe(\"ic-checkbox-group\", () => {\n  it(\"should render\", async () => {\n    const page = await newSpecPage({\n      components: [CheckboxGroup, Checkbox],\n      html: `<ic-checkbox-group label=\"test label\" name=\"test\">\n        <ic-checkbox value=\"test\" label=\"test label\"></ic-checkbox>    \n      </ic-checkbox-group>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders\");\n  });\n\n  it(\"should render as required\", async () => {\n    const page = await newSpecPage({\n      components: [CheckboxGroup, Checkbox],\n      html: `<ic-checkbox-group label=\"test label\" name=\"test\" required>\n        <ic-checkbox value=\"test\" label=\"test label\"></ic-checkbox>    \n      </ic-checkbox-group>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders-required\");\n  });\n\n  it(\"should render as helper text\", async () => {\n    const page = await newSpecPage({\n      components: [CheckboxGroup, Checkbox],\n      html: `<ic-checkbox-group label=\"test label\" name=\"test\" helper-text=\"helper test\">\n        <ic-checkbox value=\"test\" label=\"test label\"></ic-checkbox>    \n      </ic-checkbox-group>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders-with-helpertext\");\n  });\n\n  it(\"should test checkbox option as submit on form\", async () => {\n    const page = await newSpecPage({\n      components: [Checkbox],\n      html: `<form id=\"new-form\"></form><ic-checkbox id=\"ic-checkbox\" label=\"IC Checkbox Test\" value=\"test-value\" form=\"new-form\" selected></ic-checkbox>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render checked\", async () => {\n    const page = await newSpecPage({\n      components: [CheckboxGroup, Checkbox],\n      html: `<ic-checkbox-group label=\"test label\" name=\"test\">\n        <ic-checkbox value=\"test\" checked label=\"test label\"></ic-checkbox>    \n      </ic-checkbox-group>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders-checked\");\n  });\n\n  it(\"should render indeterminate\", async () => {\n    const page = await newSpecPage({\n      components: [CheckboxGroup, Checkbox],\n      html: `<ic-checkbox-group label=\"test label\" name=\"test\">\n        <ic-checkbox value=\"test\" checked indeterminate label=\"test label\"></ic-checkbox>    \n      </ic-checkbox-group>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders-indeterminate\");\n  });\n\n  it(\"should render an aria label when group label hidden\", async () => {\n    const page = await newSpecPage({\n      components: [CheckboxGroup, Checkbox],\n      html: `<ic-checkbox-group label=\"test label\" hide-label name=\"test\">\n        <ic-checkbox value=\"test\" label=\"test label\"></ic-checkbox>\n      </ic-checkbox-group>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders-hidden-label\");\n  });\n\n  it(\"should render an aria label when checkbox label hidden\", async () => {\n    const page = await newSpecPage({\n      components: [CheckboxGroup, Checkbox],\n      html: `<ic-checkbox-group label=\"test label\" name=\"test\">\n        <ic-checkbox value=\"test\" label=\"test label\" hide-label></ic-checkbox>    \n      </ic-checkbox-group>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders-hidden-checkbox-label\");\n  });\n\n  it(\"should render in a disabled state\", async () => {\n    const page = await newSpecPage({\n      components: [CheckboxGroup, Checkbox],\n      html: `<ic-checkbox-group label=\"test label\" name=\"test\">\n        <ic-checkbox value=\"test\" disabled label=\"test label\"></ic-checkbox>    \n      </ic-checkbox-group>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders-disabled\");\n\n    document.querySelector(\"ic-checkbox\").disabled = false;\n\n    await page.waitForChanges();\n    expect(page.root).toMatchSnapshot(\"disabled-removed\");\n  });\n\n  it(\"should render with validation status\", async () => {\n    const page = await newSpecPage({\n      components: [CheckboxGroup, Checkbox],\n      html: `<ic-checkbox-group label=\"test label\" hide-label name=\"test\" validation-status=\"error\">\n        <ic-checkbox value=\"test\" label=\"test label\"></ic-checkbox>    \n      </ic-checkbox-group>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders-with-validation\");\n  });\n\n  it(\"should render with hidden dynamic additional field\", async () => {\n    const page = await newSpecPage({\n      components: [CheckboxGroup, Checkbox, TextField],\n      html: `<ic-checkbox-group label=\"test label\" hide-label name=\"test\" validation-status=\"error\">\n        <ic-checkbox value=\"test\" additional-field-display=\"dynamic\" label=\"test label\">\n        <ic-text-field slot=\"additional-field\" placeholder=\"Placeholder\" label=\"Test label\"></ic-text-field>\n        </ic-checkbox>    \n      </ic-checkbox-group>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders-with-dynamic-field\");\n  });\n\n  it(\"should render with dynamic additional field when checked\", async () => {\n    const page = await newSpecPage({\n      components: [CheckboxGroup, Checkbox, TextField],\n      html: `<ic-checkbox-group label=\"test label\" hide-label name=\"test\" validation-status=\"error\">\n        <ic-checkbox value=\"test\" label=\"test label\" additional-field-display=\"dynamic\" checked>\n        <ic-text-field slot=\"additional-field\" placeholder=\"Placeholder\" label=\"Test label\"></ic-text-field>\n        </ic-checkbox>    \n      </ic-checkbox-group>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\n      \"renders-with-dynamic-field-when-checked\"\n    );\n  });\n\n  it(\"should render with disabled static additional field\", async () => {\n    const page = await newSpecPage({\n      components: [CheckboxGroup, Checkbox, TextField],\n      html: `<ic-checkbox-group label=\"test label\" hide-label name=\"test\" validation-status=\"error\">\n        <ic-checkbox value=\"test\" label=\"test label\" additional-field-display=\"static\">\n        <ic-text-field slot=\"additional-field\" placeholder=\"Placeholder\" label=\"Test label\"></ic-text-field>\n        </ic-checkbox>    \n      </ic-checkbox-group>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders-with-disabled-additional-field\");\n  });\n\n  it(\"should remove disabled attribute from static additional field when checked\", async () => {\n    const page = await newSpecPage({\n      components: [CheckboxGroup, Checkbox, TextField],\n      html: `<ic-checkbox-group label=\"test label\" hide-label name=\"test\" validation-status=\"error\">\n        <ic-checkbox value=\"test\" label=\"test label\" additional-field-display=\"static\" checked>\n        <ic-text-field slot=\"additional-field\" placeholder=\"Placeholder\" label=\"Test label\"></ic-text-field>\n        </ic-checkbox>    \n      </ic-checkbox-group>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\n      \"renders-with-disabled-attribute-removed-from-field\"\n    );\n  });\n\n  it(\"should pass the size on the checkbox group to the child checkboxes when there's no size set on them individually\", async () => {\n    const page = await newSpecPage({\n      components: [CheckboxGroup, Checkbox],\n      html: `<ic-checkbox-group label=\"test label\" name=\"test\" size=\"small\">\n        <ic-checkbox value=\"test\" label=\"test label\"></ic-checkbox>\n        <ic-checkbox value=\"test\" label=\"test label\"></ic-checkbox>  \n      </ic-checkbox-group>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n\n    const checkboxes = page.root.querySelectorAll(\"ic-checkbox\");\n\n    checkboxes.forEach((checkbox) => {\n      expect(checkbox.classList.contains(\"ic-checkbox-small\")).toBe(true);\n    });\n  });\n\n  it(\"should prioritise the size on an individual checkbox over the size on the checkbox group\", async () => {\n    const page = await newSpecPage({\n      components: [CheckboxGroup, Checkbox],\n      html: `<ic-checkbox-group label=\"test label\" name=\"test\" size=\"large\">\n        <ic-checkbox value=\"test\" label=\"test label\" id=\"large-checkbox\"></ic-checkbox>\n        <ic-checkbox value=\"test\" label=\"test label\" size=\"small\" id=\"small-checkbox\"></ic-checkbox>  \n      </ic-checkbox-group>`,\n    });\n\n    const smallCheckbox = page.root.querySelector(\n      \"ic-checkbox#small-checkbox\"\n    ) as HTMLIcCheckboxElement;\n    expect(smallCheckbox[\"size\"]).toMatch(\"small\");\n\n    const largeCheckbox = page.root.querySelector(\n      \"ic-checkbox:not(#small-checkbox)\"\n    ) as HTMLIcCheckboxElement;\n    expect(largeCheckbox.classList.contains(\"ic-checkbox-large\")).toBe(true);\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should change checked state\", async () => {\n    const page = await newSpecPage({\n      components: [Checkbox],\n      html: `<ic-checkbox value=\"test\" label=\"test label\" checked></ic-checkbox>`,\n    });\n\n    expect(page.root.checked).toBe(true);\n\n    page.rootInstance.handleClick();\n    await page.waitForChanges();\n\n    expect(page.root.checked).toBe(false);\n  });\n\n  it(\"should call 'setFocus' when checkbox is focused\", async () => {\n    const page = await newSpecPage({\n      components: [Checkbox],\n      html: `<ic-checkbox value=\"test\" label=\"test label\" checked></ic-checkbox>`,\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 emit icCheck on click\", async () => {\n    const page = await newSpecPage({\n      components: [CheckboxGroup, Checkbox],\n      html: `<ic-checkbox-group label=\"test label\" name=\"test\">\n        <ic-checkbox value=\"test\" label=\"test label\"></ic-checkbox>    \n      </ic-checkbox-group>`,\n    });\n\n    const eventSpy = jest.fn();\n\n    page.win.addEventListener(\"icCheck\", eventSpy);\n\n    page.root\n      .querySelector(\"ic-checkbox\")\n      .shadowRoot.querySelector(\"input\")\n      .click();\n\n    await page.waitForChanges();\n\n    expect(eventSpy).toHaveBeenCalled();\n  });\n\n  it(\"should test indeterminate with 'nativeIndeterminateBehaviour' set to 'false'\", async () => {\n    const page = await newSpecPage({\n      components: [Checkbox],\n      html: `<ic-checkbox value=\"test\" label=\"test label\" checked indeterminate></ic-checkbox>`,\n    });\n    await page.waitForChanges();\n\n    expect(page.rootInstance.displayIndeterminate).toBe(true);\n\n    page.root.shadowRoot.querySelector(\"input\").click();\n\n    await page.waitForChanges();\n\n    expect(page.root.checked).toBe(false);\n    expect(page.rootInstance.displayIndeterminate).toBe(false);\n\n    page.root.shadowRoot.querySelector(\"input\").click();\n\n    await page.waitForChanges();\n\n    expect(page.root.checked).toBe(true);\n    expect(page.rootInstance.displayIndeterminate).toBe(true);\n\n    page.root.indeterminate = false;\n    await page.waitForChanges();\n\n    expect(page.root.checked).toBe(true);\n    expect(page.rootInstance.displayIndeterminate).toBe(false);\n\n    page.root.indeterminate = true;\n    await page.waitForChanges();\n\n    expect(page.root.checked).toBe(true);\n    expect(page.rootInstance.displayIndeterminate).toBe(true);\n  });\n\n  it(\"should test indeterminate with 'nativeIndeterminateBehaviour' set to 'true'\", async () => {\n    const page = await newSpecPage({\n      components: [Checkbox],\n      html: `<ic-checkbox value=\"test\" label=\"test label\" indeterminate native-indeterminate-behaviour></ic-checkbox>`,\n    });\n    await page.waitForChanges();\n\n    expect(page.rootInstance.displayIndeterminate).toBe(true);\n\n    page.root.shadowRoot.querySelector(\"input\").click();\n\n    await page.waitForChanges();\n\n    expect(page.root.checked).toBe(true);\n    expect(page.rootInstance.displayIndeterminate).toBe(false);\n\n    page.root.shadowRoot.querySelector(\"input\").click();\n\n    await page.waitForChanges();\n\n    expect(page.root.checked).toBe(false);\n    expect(page.rootInstance.displayIndeterminate).toBe(false);\n\n    page.root.indeterminate = false;\n    await page.waitForChanges();\n\n    page.root.indeterminate = true;\n    await page.waitForChanges();\n\n    expect(page.root.checked).toBe(false);\n    expect(page.rootInstance.displayIndeterminate).toBe(true);\n\n    page.root.shadowRoot.querySelector(\"input\").click();\n\n    await page.waitForChanges();\n\n    expect(page.root.checked).toBe(true);\n    expect(page.rootInstance.displayIndeterminate).toBe(false);\n  });\n\n  it(\"should test form reset event\", async () => {\n    const page = await newSpecPage({\n      components: [Checkbox],\n      html: `<form>\n          <ic-checkbox value=\"test\" label=\"test label\" checked></ic-checkbox>    \n          <button id=\"resetButton\" type=\"reset\">Reset</button>  \n      </form>`,\n    });\n\n    expect(page.root.checked).toBe(true);\n\n    page.root.checked = false;\n    await page.waitForChanges();\n\n    expect(page.root.checked).toBe(false);\n\n    await page.rootInstance.handleFormReset();\n    await page.waitForChanges();\n\n    expect(page.root.checked).toBe(true);\n\n    //test disconnected callback\n    page.setContent(\"\");\n  });\n\n  it(\"should test labelNameHandler\", async () => {\n    const page = await newSpecPage({\n      components: [Checkbox, CheckboxGroup],\n      html: `<ic-checkbox-group label=\"test label\" name=\"test\">\n      <ic-checkbox value=\"test\" label=\"test label\"></ic-checkbox>    \n    </ic-checkbox-group>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n\n    page.root.label = \"new label\";\n    await page.waitForChanges();\n\n    expect(page.root).toMatchSnapshot();\n  });\n});\n"]}