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

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

@@ -1,349 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { Accordion } from "../../ic-accordion";
-describe("ic-accordion snapshots", () => {
-    it("should match default snapshot", async () => {
-        const page = await newSpecPage({
-            components: [Accordion],
-            html: `
-      <ic-accordion heading="Accordion 1">
-        <ic-typography variant="body">
-          This is an example of the main body text.
-        </ic-typography>
-      </ic-accordion>
-      `,
-        });
-        expect(page.root).toMatchSnapshot("renders as default");
-    });
-    it("should match dark snapshot", async () => {
-        const page = await newSpecPage({
-            components: [Accordion],
-            html: `
-      <ic-accordion heading="Accordion 1" theme="dark">
-        <ic-typography variant="body">
-          This is an example of the main body text.
-        </ic-typography>
-      </ic-accordion>`,
-        });
-        expect(page.root).toMatchSnapshot("renders as dark");
-    });
-    it("should match with icon snapshot", async () => {
-        const page = await newSpecPage({
-            components: [Accordion],
-            html: `
-      <ic-accordion heading="Accordion 1">
-        <svg
-          slot="icon"
-          width="20"
-          height="1em"
-          viewBox="0 0 512 512"
-          fill="currentColor"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M362.7 19.3L314.3 67.7 444.3 197.7l48.4-48.4c25-25 25-65.5 0-90.5L453.3 19.3c-25-25-65.5-25-90.5 0zm-71 71L58.6 323.5c-10.4 10.4-18 23.3-22.2 37.4L1 481.2C-1.5 489.7 .8 498.8 7 505s15.3 8.5 23.7 6.1l120.3-35.4c14.1-4.2 27-11.8 37.4-22.2L421.7 220.3 291.7 90.3z"
-          />
-        </svg>
-        <ic-typography variant="body">
-          This is an example of the main body text
-        </ic-typography>
-      </ic-accordion>`,
-        });
-        expect(page.root).toMatchSnapshot("renders with icon");
-    });
-    it("should render with slot", async () => {
-        const page = await newSpecPage({
-            components: [Accordion],
-            html: `
-      <ic-accordion heading="Accordion 1" size="small">
-        <slot>This is an example of the main body text.</slot>
-      </ic-accordion>`,
-        });
-        expect(page.root).toMatchSnapshot("renders small accordion");
-    });
-    it("should match small snapshot", async () => {
-        const page = await newSpecPage({
-            components: [Accordion],
-            html: `
-      <ic-accordion heading="Accordion 1" size="small">
-        <ic-typography variant="body">
-          This is an example of the main body text.
-        </ic-typography>
-      </ic-accordion>`,
-        });
-        expect(page.root).toMatchSnapshot("renders small accordion");
-    });
-    it("should match large snapshot", async () => {
-        const page = await newSpecPage({
-            components: [Accordion],
-            html: `
-      <ic-accordion size="large" heading="Accordion 1">
-        <ic-typography variant="body">
-          This is an example of the main body text.
-        </ic-typography>
-      </ic-accordion>`,
-        });
-        expect(page.root).toMatchSnapshot("renders large accordion");
-    });
-    it("should render with a heading slot when supplied", async () => {
-        const page = await newSpecPage({
-            components: [Accordion],
-            html: `  
-      <ic-accordion>
-        <slot name="heading"/></slot>
-        <ic-typography variant="body">
-          This is an example of the main body text.
-        </ic-typography>
-      </ic-accordion>`,
-        });
-        expect(page.root).toMatchSnapshot("renders with heading slot");
-    });
-    it("should render in a disabled state", async () => {
-        const page = await newSpecPage({
-            components: [Accordion],
-            html: `
-      <ic-accordion heading="Accordion 1" disabled>
-        <ic-typography variant="body">
-          This is an example of the main body text.
-        </ic-typography>
-      </ic-accordion>`,
-        });
-        expect(page.root).toMatchSnapshot("disabled");
-        page.rootInstance.disabled = false;
-        await page.waitForChanges();
-        expect(page.root).toMatchSnapshot("disabled-removed");
-    });
-    describe("ic-accordion component", () => {
-        it("it should test the toggleExpanded function", async () => {
-            const page = await newSpecPage({
-                components: [Accordion],
-                html: `
-      <ic-accordion heading="Accordion 1">
-        <ic-typography variant="body">
-          This is an example of the main body text.
-        </ic-typography>
-      </ic-accordion>`,
-            });
-            expect(page.root.expanded).toBe(false);
-            await page.rootInstance.toggleExpanded();
-            await page.waitForChanges();
-            expect(page.root.expanded).toBe(true);
-        });
-        it("should test id number is added to accordion", async () => {
-            const page = await newSpecPage({
-                components: [Accordion],
-                html: `
-      <ic-accordion heading="Accordion 1">
-        <ic-typography variant="body">
-          This is an example of the main body text.
-        </ic-typography>
-      </ic-accordion>`,
-            });
-            const eventSpy = jest.fn();
-            const accordionId = page.root.id;
-            page.root.addEventListener("accordionClicked", eventSpy);
-            await page.waitForChanges();
-            await page.rootInstance.toggleExpanded();
-            await page.waitForChanges();
-            expect(eventSpy).toHaveBeenCalledWith(expect.objectContaining({
-                detail: expect.objectContaining({
-                    id: accordionId,
-                }),
-            }));
-        });
-        it("it should test the disabled function", async () => {
-            const page = await newSpecPage({
-                components: [Accordion],
-                html: `
-      <ic-accordion heading="Accordion 1" disabled>
-        <ic-typography variant="body">
-          This is an example of the main body text.
-        </ic-typography>
-      </ic-accordion>`,
-            });
-            expect(page.root.disabled).toBe(true);
-        });
-        it("it should add transition styling to the element", async () => {
-            const page = await newSpecPage({
-                components: [Accordion],
-                html: `
-      <ic-accordion heading="Accordion 1" disabled>
-        <ic-typography variant="body">
-          This is an example of the main body text.
-        </ic-typography>
-      </ic-accordion>`,
-            });
-            const div = document.createElement("div");
-            page.rootInstance.setAccordionAnimation(div, "300", "height", "ease-out");
-            expect(div.style.transitionDuration).toBe("300ms");
-            expect(div.style.transitionProperty).toBe("height");
-            expect(div.style.transitionDelay).toBe("ease-out");
-        });
-        it("it should call setAccordionAnimation if scroll height > 0 and expanded = true", async () => {
-            const page = await newSpecPage({
-                components: [Accordion],
-                html: `
-      <ic-accordion heading="Accordion 1" expanded>
-        <ic-typography variant="body">
-          This is an example of the main body text.
-        </ic-typography>
-      </ic-accordion>`,
-            });
-            const spySetAccordionAnimation = jest.spyOn(page.rootInstance, "setAccordionAnimation");
-            const accordionExpanded = page.root.shadowRoot.querySelector(".expanded-content");
-            page.rootInstance.expandedContentEl = accordionExpanded;
-            Object.defineProperty(page.rootInstance.expandedContentEl, "scrollHeight", { configurable: true, value: 500 });
-            page.rootInstance.animateExpandedContent();
-            expect(spySetAccordionAnimation).toHaveBeenCalled();
-        });
-        it("it should call setAccordionAnimation if scroll height = '500' and expanded = 'false'", async () => {
-            const page = await newSpecPage({
-                components: [Accordion],
-                html: `
-      <ic-accordion heading="Accordion 1" >
-        <ic-typography variant="body">
-          This is an example of the main body text.
-        </ic-typography>
-      </ic-accordion>`,
-            });
-            const spySetAccordionAnimation = jest.spyOn(page.rootInstance, "setAccordionAnimation");
-            const accordionExpanded = page.root.shadowRoot.querySelector(".expanded-content");
-            page.rootInstance.expandedContentEl = accordionExpanded;
-            Object.defineProperty(page.rootInstance.expandedContentEl, "scrollHeight", { configurable: true, value: 500 });
-            page.rootInstance.animateExpandedContent();
-            expect(spySetAccordionAnimation).toHaveBeenCalled();
-        });
-        it("should set height and .expanded-content-opened on expanded content", async () => {
-            const transitionEvent = {
-                propertyName: "height",
-            };
-            const page = await newSpecPage({
-                components: [Accordion],
-                html: `
-      <ic-accordion heading="Accordion 1" >
-        <ic-typography variant="body">
-          This is an example of the main body text.
-        </ic-typography>
-      </ic-accordion>`,
-            });
-            const accordionExpanded = page.root.shadowRoot.querySelector(".expanded-content");
-            page.rootInstance.expandedContentEl = accordionExpanded;
-            page.rootInstance.expandedContentEl.clientHeight = 50;
-            await page.rootInstance.setExpandedContentStyle(transitionEvent, page.rootInstance.expandedContentEl);
-            expect(page.rootInstance.expandedContentEl.className.split(" ")).toContain("expanded-content-opened");
-            expect(page.rootInstance.expandedContentEl.style.height).toBe("auto");
-        });
-        it("should not set height and .expanded-content-opened on expanded content", async () => {
-            const transitionEvent = {
-                propertyName: "height",
-            };
-            const page = await newSpecPage({
-                components: [Accordion],
-                html: `
-      <ic-accordion heading="Accordion 1" >
-        <ic-typography variant="body">
-          This is an example of the main body text.
-        </ic-typography>
-      </ic-accordion>`,
-            });
-            const accordionExpanded = page.root.shadowRoot.querySelector(".expanded-content");
-            page.rootInstance.expandedContentEl = accordionExpanded;
-            page.rootInstance.expandedContentEl.clientHeight = 0;
-            await page.rootInstance.setExpandedContentStyle(transitionEvent, page.rootInstance.expandedContentEl);
-            expect(page.rootInstance.expandedContentEl.className.split(" ")).not.toContain("expanded-content-opened");
-            expect(page.rootInstance.expandedContentEl.style.height).toBe("");
-            await page.rootInstance.disconnectedCallback();
-        });
-        it("should set visibility on expanded content to hidden", async () => {
-            const transitionEvent = {
-                propertyName: "height",
-            };
-            const page = await newSpecPage({
-                components: [Accordion],
-                html: `
-        <ic-accordion heading="Accordion 1" >
-          <ic-typography variant="body">
-            This is an example of the main body text.
-          </ic-typography>
-        </ic-accordion>`,
-            });
-            const accordionExpanded = page.root.shadowRoot.querySelector(".expanded-content");
-            page.rootInstance.expandedContentEl = accordionExpanded;
-            page.rootInstance.expandedContentEl.clientHeight = 0;
-            await page.rootInstance.hideExpandedContent(transitionEvent, page.rootInstance.expandedContentEl);
-            expect(page.rootInstance.expandedContentEl.style.getPropertyValue("--ic-expanded-content-visibility")).toBe("hidden");
-        });
-        it("should set visibility to undefined if client height is greater than 0", async () => {
-            const transitionEvent = {
-                propertyName: "height",
-            };
-            const page = await newSpecPage({
-                components: [Accordion],
-                html: `
-        <ic-accordion heading="Accordion 1" >
-          <ic-typography variant="body">
-            This is an example of the main body text.
-          </ic-typography>
-        </ic-accordion>`,
-            });
-            const accordionExpanded = page.root.shadowRoot.querySelector(".expanded-content");
-            page.rootInstance.expandedContentEl = accordionExpanded;
-            page.rootInstance.expandedContentEl.clientHeight = 50;
-            await page.rootInstance.hideExpandedContent(transitionEvent, page.rootInstance.expandedContentEl);
-            expect(page.rootInstance.expandedContentEl.style.getPropertyValue("--ic-expanded-content-visibility")).toBe("");
-        });
-        it("should call 'setFocus' when accordion can be focused", async () => {
-            const page = await newSpecPage({
-                components: [Accordion],
-                html: `
-        <ic-accordion heading="Accordion 1" >
-          <ic-typography variant="body">
-            This is an example of the main body text.
-          </ic-typography>
-        </ic-accordion>`,
-            });
-            //Can't expect anything in this test - this is to increase code coverage only
-            await page.rootInstance.setFocus().toHaveBeenCalled;
-        });
-        it("should call setExpandedContentStyle when transitionend in animateExpandedContent and expanded is true", async () => {
-            const page = await newSpecPage({
-                components: [Accordion],
-                html: `
-        <ic-accordion heading="Accordion 1" >
-          <ic-typography variant="body">
-            This is an example of the main body text.
-          </ic-typography>
-        </ic-accordion>`,
-            });
-            const setExpandedContentStyleSpy = jest.spyOn(page.rootInstance, "setExpandedContentStyle");
-            const accordionExpanded = page.root.shadowRoot.querySelector(".expanded-content");
-            page.rootInstance.expandedContentEl = accordionExpanded;
-            page.rootInstance.expandedContentEl.scrollHeight = 50;
-            page.rootInstance.expanded = true;
-            await page.rootInstance.animateExpandedContent();
-            const event = new Event("transitionend");
-            page.rootInstance.expandedContentEl.dispatchEvent(event);
-            expect(setExpandedContentStyleSpy).toHaveBeenCalled();
-        });
-        it("should call hideExpandedContent when transitionend in animateExpandedContent and expanded is false", async () => {
-            const page = await newSpecPage({
-                components: [Accordion],
-                html: `
-        <ic-accordion heading="Accordion 1" >
-          <ic-typography variant="body">
-            This is an example of the main body text.
-          </ic-typography>
-        </ic-accordion>`,
-            });
-            const hideExpandedContentSpy = jest.spyOn(page.rootInstance, "hideExpandedContent");
-            const accordionExpanded = page.root.shadowRoot.querySelector(".expanded-content");
-            page.rootInstance.expandedContentEl = accordionExpanded;
-            page.rootInstance.expandedContentEl.scrollHeight = 50;
-            page.rootInstance.expanded = false;
-            await page.rootInstance.animateExpandedContent();
-            const event = new Event("transitionend");
-            page.rootInstance.expandedContentEl.dispatchEvent(event);
-            expect(hideExpandedContentSpy).toHaveBeenCalled();
-        });
-    });
-});
-//# sourceMappingURL=ic-accordion.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ic-accordion.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-accordion/test/basic/ic-accordion.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { newSpecPage } from \"@stencil/core/testing\";\nimport { Accordion } from \"../../ic-accordion\";\n\ndescribe(\"ic-accordion snapshots\", () => {\n  it(\"should match default snapshot\", async () => {\n    const page = await newSpecPage({\n      components: [Accordion],\n      html: `\n      <ic-accordion heading=\"Accordion 1\">\n        <ic-typography variant=\"body\">\n          This is an example of the main body text.\n        </ic-typography>\n      </ic-accordion>\n      `,\n    });\n    expect(page.root).toMatchSnapshot(\"renders as default\");\n  });\n\n  it(\"should match dark snapshot\", async () => {\n    const page = await newSpecPage({\n      components: [Accordion],\n      html: `\n      <ic-accordion heading=\"Accordion 1\" theme=\"dark\">\n        <ic-typography variant=\"body\">\n          This is an example of the main body text.\n        </ic-typography>\n      </ic-accordion>`,\n    });\n    expect(page.root).toMatchSnapshot(\"renders as dark\");\n  });\n\n  it(\"should match with icon snapshot\", async () => {\n    const page = await newSpecPage({\n      components: [Accordion],\n      html: `\n      <ic-accordion heading=\"Accordion 1\">\n        <svg\n          slot=\"icon\"\n          width=\"20\"\n          height=\"1em\"\n          viewBox=\"0 0 512 512\"\n          fill=\"currentColor\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M362.7 19.3L314.3 67.7 444.3 197.7l48.4-48.4c25-25 25-65.5 0-90.5L453.3 19.3c-25-25-65.5-25-90.5 0zm-71 71L58.6 323.5c-10.4 10.4-18 23.3-22.2 37.4L1 481.2C-1.5 489.7 .8 498.8 7 505s15.3 8.5 23.7 6.1l120.3-35.4c14.1-4.2 27-11.8 37.4-22.2L421.7 220.3 291.7 90.3z\"\n          />\n        </svg>\n        <ic-typography variant=\"body\">\n          This is an example of the main body text\n        </ic-typography>\n      </ic-accordion>`,\n    });\n    expect(page.root).toMatchSnapshot(\"renders with icon\");\n  });\n\n  it(\"should render with slot\", async () => {\n    const page = await newSpecPage({\n      components: [Accordion],\n      html: `\n      <ic-accordion heading=\"Accordion 1\" size=\"small\">\n        <slot>This is an example of the main body text.</slot>\n      </ic-accordion>`,\n    });\n    expect(page.root).toMatchSnapshot(\"renders small accordion\");\n  });\n\n  it(\"should match small snapshot\", async () => {\n    const page = await newSpecPage({\n      components: [Accordion],\n      html: `\n      <ic-accordion heading=\"Accordion 1\" size=\"small\">\n        <ic-typography variant=\"body\">\n          This is an example of the main body text.\n        </ic-typography>\n      </ic-accordion>`,\n    });\n    expect(page.root).toMatchSnapshot(\"renders small accordion\");\n  });\n\n  it(\"should match large snapshot\", async () => {\n    const page = await newSpecPage({\n      components: [Accordion],\n      html: `\n      <ic-accordion size=\"large\" heading=\"Accordion 1\">\n        <ic-typography variant=\"body\">\n          This is an example of the main body text.\n        </ic-typography>\n      </ic-accordion>`,\n    });\n    expect(page.root).toMatchSnapshot(\"renders large accordion\");\n  });\n\n  it(\"should render with a heading slot when supplied\", async () => {\n    const page = await newSpecPage({\n      components: [Accordion],\n      html: `  \n      <ic-accordion>\n        <slot name=\"heading\"/></slot>\n        <ic-typography variant=\"body\">\n          This is an example of the main body text.\n        </ic-typography>\n      </ic-accordion>`,\n    });\n    expect(page.root).toMatchSnapshot(\"renders with heading slot\");\n  });\n\n  it(\"should render in a disabled state\", async () => {\n    const page = await newSpecPage({\n      components: [Accordion],\n      html: `\n      <ic-accordion heading=\"Accordion 1\" disabled>\n        <ic-typography variant=\"body\">\n          This is an example of the main body text.\n        </ic-typography>\n      </ic-accordion>`,\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  describe(\"ic-accordion component\", () => {\n    it(\"it should test the toggleExpanded function\", async () => {\n      const page = await newSpecPage({\n        components: [Accordion],\n        html: `\n      <ic-accordion heading=\"Accordion 1\">\n        <ic-typography variant=\"body\">\n          This is an example of the main body text.\n        </ic-typography>\n      </ic-accordion>`,\n      });\n\n      expect(page.root.expanded).toBe(false);\n      await page.rootInstance.toggleExpanded();\n      await page.waitForChanges();\n      expect(page.root.expanded).toBe(true);\n    });\n\n    it(\"should test id number is added to accordion\", async () => {\n      const page = await newSpecPage({\n        components: [Accordion],\n        html: `\n      <ic-accordion heading=\"Accordion 1\">\n        <ic-typography variant=\"body\">\n          This is an example of the main body text.\n        </ic-typography>\n      </ic-accordion>`,\n      });\n      const eventSpy = jest.fn();\n\n      const accordionId = page.root.id;\n      page.root.addEventListener(\"accordionClicked\", eventSpy);\n      await page.waitForChanges();\n      await page.rootInstance.toggleExpanded();\n      await page.waitForChanges();\n\n      expect(eventSpy).toHaveBeenCalledWith(\n        expect.objectContaining({\n          detail: expect.objectContaining({\n            id: accordionId,\n          }),\n        })\n      );\n    });\n\n    it(\"it should test the disabled function\", async () => {\n      const page = await newSpecPage({\n        components: [Accordion],\n        html: `\n      <ic-accordion heading=\"Accordion 1\" disabled>\n        <ic-typography variant=\"body\">\n          This is an example of the main body text.\n        </ic-typography>\n      </ic-accordion>`,\n      });\n      expect(page.root.disabled).toBe(true);\n    });\n\n    it(\"it should add transition styling to the element\", async () => {\n      const page = await newSpecPage({\n        components: [Accordion],\n        html: `\n      <ic-accordion heading=\"Accordion 1\" disabled>\n        <ic-typography variant=\"body\">\n          This is an example of the main body text.\n        </ic-typography>\n      </ic-accordion>`,\n      });\n      const div = document.createElement(\"div\");\n      page.rootInstance.setAccordionAnimation(div, \"300\", \"height\", \"ease-out\");\n      expect(div.style.transitionDuration).toBe(\"300ms\");\n      expect(div.style.transitionProperty).toBe(\"height\");\n      expect(div.style.transitionDelay).toBe(\"ease-out\");\n    });\n\n    it(\"it should call setAccordionAnimation if scroll height > 0 and expanded = true\", async () => {\n      const page = await newSpecPage({\n        components: [Accordion],\n        html: `\n      <ic-accordion heading=\"Accordion 1\" expanded>\n        <ic-typography variant=\"body\">\n          This is an example of the main body text.\n        </ic-typography>\n      </ic-accordion>`,\n      });\n\n      const spySetAccordionAnimation = jest.spyOn(\n        page.rootInstance,\n        \"setAccordionAnimation\"\n      );\n      const accordionExpanded =\n        page.root.shadowRoot.querySelector(\".expanded-content\");\n      page.rootInstance.expandedContentEl = accordionExpanded;\n      Object.defineProperty(\n        page.rootInstance.expandedContentEl,\n        \"scrollHeight\",\n        { configurable: true, value: 500 }\n      );\n      page.rootInstance.animateExpandedContent();\n\n      expect(spySetAccordionAnimation).toHaveBeenCalled();\n    });\n\n    it(\"it should call setAccordionAnimation if scroll height = '500' and expanded = 'false'\", async () => {\n      const page = await newSpecPage({\n        components: [Accordion],\n        html: `\n      <ic-accordion heading=\"Accordion 1\" >\n        <ic-typography variant=\"body\">\n          This is an example of the main body text.\n        </ic-typography>\n      </ic-accordion>`,\n      });\n      const spySetAccordionAnimation = jest.spyOn(\n        page.rootInstance,\n        \"setAccordionAnimation\"\n      );\n      const accordionExpanded =\n        page.root.shadowRoot.querySelector(\".expanded-content\");\n      page.rootInstance.expandedContentEl = accordionExpanded;\n\n      Object.defineProperty(\n        page.rootInstance.expandedContentEl,\n        \"scrollHeight\",\n        { configurable: true, value: 500 }\n      );\n      page.rootInstance.animateExpandedContent();\n      expect(spySetAccordionAnimation).toHaveBeenCalled();\n    });\n\n    it(\"should set height and .expanded-content-opened on expanded content\", async () => {\n      const transitionEvent = {\n        propertyName: \"height\",\n      } as TransitionEvent;\n\n      const page = await newSpecPage({\n        components: [Accordion],\n        html: `\n      <ic-accordion heading=\"Accordion 1\" >\n        <ic-typography variant=\"body\">\n          This is an example of the main body text.\n        </ic-typography>\n      </ic-accordion>`,\n      });\n\n      const accordionExpanded =\n        page.root.shadowRoot.querySelector(\".expanded-content\");\n      page.rootInstance.expandedContentEl = accordionExpanded;\n      page.rootInstance.expandedContentEl.clientHeight = 50;\n\n      await page.rootInstance.setExpandedContentStyle(\n        transitionEvent,\n        page.rootInstance.expandedContentEl\n      );\n\n      expect(\n        page.rootInstance.expandedContentEl.className.split(\" \")\n      ).toContain(\"expanded-content-opened\");\n      expect(page.rootInstance.expandedContentEl.style.height).toBe(\"auto\");\n    });\n\n    it(\"should not set height and .expanded-content-opened on expanded content\", async () => {\n      const transitionEvent = {\n        propertyName: \"height\",\n      } as TransitionEvent;\n\n      const page = await newSpecPage({\n        components: [Accordion],\n        html: `\n      <ic-accordion heading=\"Accordion 1\" >\n        <ic-typography variant=\"body\">\n          This is an example of the main body text.\n        </ic-typography>\n      </ic-accordion>`,\n      });\n\n      const accordionExpanded =\n        page.root.shadowRoot.querySelector(\".expanded-content\");\n      page.rootInstance.expandedContentEl = accordionExpanded;\n      page.rootInstance.expandedContentEl.clientHeight = 0;\n\n      await page.rootInstance.setExpandedContentStyle(\n        transitionEvent,\n        page.rootInstance.expandedContentEl\n      );\n\n      expect(\n        page.rootInstance.expandedContentEl.className.split(\" \")\n      ).not.toContain(\"expanded-content-opened\");\n      expect(page.rootInstance.expandedContentEl.style.height).toBe(\"\");\n\n      await page.rootInstance.disconnectedCallback();\n    });\n\n    it(\"should set visibility on expanded content to hidden\", async () => {\n      const transitionEvent = {\n        propertyName: \"height\",\n      } as TransitionEvent;\n\n      const page = await newSpecPage({\n        components: [Accordion],\n        html: `\n        <ic-accordion heading=\"Accordion 1\" >\n          <ic-typography variant=\"body\">\n            This is an example of the main body text.\n          </ic-typography>\n        </ic-accordion>`,\n      });\n\n      const accordionExpanded =\n        page.root.shadowRoot.querySelector(\".expanded-content\");\n      page.rootInstance.expandedContentEl = accordionExpanded;\n      page.rootInstance.expandedContentEl.clientHeight = 0;\n\n      await page.rootInstance.hideExpandedContent(\n        transitionEvent,\n        page.rootInstance.expandedContentEl\n      );\n\n      expect(\n        (\n          page.rootInstance.expandedContentEl as HTMLDivElement\n        ).style.getPropertyValue(\"--ic-expanded-content-visibility\")\n      ).toBe(\"hidden\");\n    });\n\n    it(\"should set visibility to undefined if client height is greater than 0\", async () => {\n      const transitionEvent = {\n        propertyName: \"height\",\n      } as TransitionEvent;\n\n      const page = await newSpecPage({\n        components: [Accordion],\n        html: `\n        <ic-accordion heading=\"Accordion 1\" >\n          <ic-typography variant=\"body\">\n            This is an example of the main body text.\n          </ic-typography>\n        </ic-accordion>`,\n      });\n\n      const accordionExpanded =\n        page.root.shadowRoot.querySelector(\".expanded-content\");\n      page.rootInstance.expandedContentEl = accordionExpanded;\n      page.rootInstance.expandedContentEl.clientHeight = 50;\n\n      await page.rootInstance.hideExpandedContent(\n        transitionEvent,\n        page.rootInstance.expandedContentEl\n      );\n\n      expect(\n        (\n          page.rootInstance.expandedContentEl as HTMLDivElement\n        ).style.getPropertyValue(\"--ic-expanded-content-visibility\")\n      ).toBe(\"\");\n    });\n\n    it(\"should call 'setFocus' when accordion can be focused\", async () => {\n      const page = await newSpecPage({\n        components: [Accordion],\n        html: `\n        <ic-accordion heading=\"Accordion 1\" >\n          <ic-typography variant=\"body\">\n            This is an example of the main body text.\n          </ic-typography>\n        </ic-accordion>`,\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 setExpandedContentStyle when transitionend in animateExpandedContent and expanded is true\", async () => {\n      const page = await newSpecPage({\n        components: [Accordion],\n        html: `\n        <ic-accordion heading=\"Accordion 1\" >\n          <ic-typography variant=\"body\">\n            This is an example of the main body text.\n          </ic-typography>\n        </ic-accordion>`,\n      });\n\n      const setExpandedContentStyleSpy = jest.spyOn(\n        page.rootInstance,\n        \"setExpandedContentStyle\"\n      );\n\n      const accordionExpanded =\n        page.root.shadowRoot.querySelector(\".expanded-content\");\n      page.rootInstance.expandedContentEl = accordionExpanded;\n      page.rootInstance.expandedContentEl.scrollHeight = 50;\n      page.rootInstance.expanded = true;\n\n      await page.rootInstance.animateExpandedContent();\n\n      const event = new Event(\"transitionend\");\n      page.rootInstance.expandedContentEl.dispatchEvent(event);\n\n      expect(setExpandedContentStyleSpy).toHaveBeenCalled();\n    });\n\n    it(\"should call hideExpandedContent when transitionend in animateExpandedContent and expanded is false\", async () => {\n      const page = await newSpecPage({\n        components: [Accordion],\n        html: `\n        <ic-accordion heading=\"Accordion 1\" >\n          <ic-typography variant=\"body\">\n            This is an example of the main body text.\n          </ic-typography>\n        </ic-accordion>`,\n      });\n\n      const hideExpandedContentSpy = jest.spyOn(\n        page.rootInstance,\n        \"hideExpandedContent\"\n      );\n\n      const accordionExpanded =\n        page.root.shadowRoot.querySelector(\".expanded-content\");\n      page.rootInstance.expandedContentEl = accordionExpanded;\n      page.rootInstance.expandedContentEl.scrollHeight = 50;\n      page.rootInstance.expanded = false;\n\n      await page.rootInstance.animateExpandedContent();\n\n      const event = new Event(\"transitionend\");\n      page.rootInstance.expandedContentEl.dispatchEvent(event);\n\n      expect(hideExpandedContentSpy).toHaveBeenCalled();\n    });\n  });\n});\n"]}

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

@@ -1,129 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { AccordionGroup } from "../../ic-accordion-group";
-import { Accordion } from "../../../ic-accordion/ic-accordion";
-const event = { detail: { id: "ic-accordion-0" } };
-beforeAll(() => {
-    jest.spyOn(console, "warn").mockImplementation(jest.fn());
-});
-describe("ic-accordion-group snapshots", () => {
-    it("should match default snapshot", async () => {
-        const page = await newSpecPage({
-            components: [AccordionGroup],
-            html: `<ic-accordion-group label="Test heading"></ic-accordion-group>`,
-        });
-        expect(page.root).toMatchSnapshot("renders as default");
-    });
-    it("should match dark snapshot", async () => {
-        const page = await newSpecPage({
-            components: [AccordionGroup],
-            html: `<ic-accordion-group theme="dark" label="Test heading"></ic-accordion-group>`,
-        });
-        expect(page.root).toMatchSnapshot("renders as dark");
-    });
-});
-describe("ic-accordion-group functions unit test", () => {
-    it("should check setExpandedToAreAllAccordionsOpen when single expansion is false", async () => {
-        const page = await newSpecPage({
-            components: [AccordionGroup, Accordion],
-            html: `
-    <ic-accordion-group label="Test heading">
-      <ic-accordion>
-        <ic-typography variant="body" >
-          This is an example of the main body text.
-        </ic-typography>
-      </ic-accordion>
-      <ic-accordion expanded>
-      <ic-typography variant="body" >
-        This is an example of the main body text.
-      </ic-typography>
-    </ic-accordion>
-    </ic-accordion-group>`,
-        });
-        const spySetExpandedToAreAllAccordionsOpen = jest.spyOn(page.rootInstance, "setExpandedToAreAllAccordionsOpen");
-        expect(page.root.singleExpansion).toBe(false);
-        await page.rootInstance.handleAccordionClicked(event);
-        expect(spySetExpandedToAreAllAccordionsOpen).toBeCalled();
-    });
-    it("should check handleExpanded", async () => {
-        const page = await newSpecPage({
-            components: [AccordionGroup],
-            html: `<ic-accordion-group label="Test heading" expanded></ic-accordion-group>`,
-        });
-        expect(page.root.expanded).toBe(true);
-        await page.rootInstance.handleExpanded();
-        await page.waitForChanges;
-        expect(page.root.expanded).toBe(false);
-    });
-});
-describe("ic-accordion-group component", () => {
-    it("should test the handleExpanded function", async () => {
-        const page = await newSpecPage({
-            components: [AccordionGroup, Accordion],
-            html: `
-      <ic-accordion-group expanded="true" label="Test heading">
-        <ic-accordion heading="Accordion 1">
-          <ic-typography variant="body">
-            This is an example of the main body text.
-          </ic-typography>
-        </ic-accordion>
-      </ic-accordion-group>`,
-        });
-        expect(page.root.expanded).toBe(true);
-        await page.rootInstance.handleExpanded();
-        await page.waitForChanges();
-        expect(page.root.expanded).toBe(false);
-    });
-    it("should test singleExpansion function", async () => {
-        const page = await newSpecPage({
-            components: [AccordionGroup, Accordion],
-            html: `
-      <ic-accordion-group label="Test heading" single-expansion="true">
-        <ic-accordion heading="Accordion 1">
-          <ic-typography variant="body">
-            This is an example of the main body text.
-          </ic-typography>
-        </ic-accordion>
-        <ic-accordion heading="Accordion 2" expanded>
-          <ic-typography variant="body">
-            This is an example of the main body text.
-          </ic-typography>
-        </ic-accordion>
-      </ic-accordion-group>`,
-        });
-        const accordions = page.root.querySelectorAll("ic-accordion");
-        const accordion1 = accordions[0];
-        const accordion2 = accordions[1];
-        const accordionButton = accordion1.shadowRoot.querySelector(".section-button");
-        await page.waitForChanges();
-        expect(accordion1.expanded).toBe(false);
-        expect(accordion2.expanded).toBe(true);
-        accordionButton.click();
-        await page.waitForChanges();
-        expect(accordion1.expanded).toBe(true);
-        expect(accordion2.expanded).toBe(false);
-    });
-    it("should check the areAllAccordionsOpen function", async () => {
-        const page = await newSpecPage({
-            components: [AccordionGroup, Accordion],
-            html: `
-      <ic-accordion-group label="Test heading">
-        <ic-accordion heading="Accordion 1">
-          <ic-typography variant="body">
-            This is an example of the main body text.
-          </ic-typography>
-        </ic-accordion>
-      </ic-accordion-group>`,
-        });
-        // uses handleExpanded to open accordion, making areAllAccordionsOpen = true
-        await page.rootInstance.handleExpanded();
-        await page.waitForChanges;
-        expect(page.root.expanded).toBe(true);
-        expect(page.rootInstance.areAllAccordionsOpen).toBe(true);
-        // uses handleExpanded to close accordion, making areAllAccordionsOpen = false
-        await page.rootInstance.handleExpanded();
-        await page.waitForChanges;
-        expect(page.root.expanded).toBe(false);
-        expect(page.rootInstance.areAllAccordionsOpen).toBe(false);
-    });
-});
-//# sourceMappingURL=ic-accordion-group.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ic-accordion-group.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-accordion-group/test/basic/ic-accordion-group.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { newSpecPage } from \"@stencil/core/testing\";\nimport { AccordionGroup } from \"../../ic-accordion-group\";\nimport { Accordion } from \"../../../ic-accordion/ic-accordion\";\n\nconst event = { detail: { id: \"ic-accordion-0\" } };\n\nbeforeAll(() => {\n  jest.spyOn(console, \"warn\").mockImplementation(jest.fn());\n});\n\ndescribe(\"ic-accordion-group snapshots\", () => {\n  it(\"should match default snapshot\", async () => {\n    const page = await newSpecPage({\n      components: [AccordionGroup],\n      html: `<ic-accordion-group label=\"Test heading\"></ic-accordion-group>`,\n    });\n    expect(page.root).toMatchSnapshot(\"renders as default\");\n  });\n\n  it(\"should match dark snapshot\", async () => {\n    const page = await newSpecPage({\n      components: [AccordionGroup],\n      html: `<ic-accordion-group theme=\"dark\" label=\"Test heading\"></ic-accordion-group>`,\n    });\n    expect(page.root).toMatchSnapshot(\"renders as dark\");\n  });\n});\n\ndescribe(\"ic-accordion-group functions unit test\", () => {\n  it(\"should check setExpandedToAreAllAccordionsOpen when single expansion is false\", async () => {\n    const page = await newSpecPage({\n      components: [AccordionGroup, Accordion],\n      html: `\n    <ic-accordion-group label=\"Test heading\">\n      <ic-accordion>\n        <ic-typography variant=\"body\" >\n          This is an example of the main body text.\n        </ic-typography>\n      </ic-accordion>\n      <ic-accordion expanded>\n      <ic-typography variant=\"body\" >\n        This is an example of the main body text.\n      </ic-typography>\n    </ic-accordion>\n    </ic-accordion-group>`,\n    });\n    const spySetExpandedToAreAllAccordionsOpen = jest.spyOn(\n      page.rootInstance,\n      \"setExpandedToAreAllAccordionsOpen\"\n    );\n    expect(page.root.singleExpansion).toBe(false);\n    await page.rootInstance.handleAccordionClicked(event);\n    expect(spySetExpandedToAreAllAccordionsOpen).toBeCalled();\n  });\n\n  it(\"should check handleExpanded\", async () => {\n    const page = await newSpecPage({\n      components: [AccordionGroup],\n      html: `<ic-accordion-group label=\"Test heading\" expanded></ic-accordion-group>`,\n    });\n    expect(page.root.expanded).toBe(true);\n    await page.rootInstance.handleExpanded();\n    await page.waitForChanges;\n    expect(page.root.expanded).toBe(false);\n  });\n});\n\ndescribe(\"ic-accordion-group component\", () => {\n  it(\"should test the handleExpanded function\", async () => {\n    const page = await newSpecPage({\n      components: [AccordionGroup, Accordion],\n      html: `\n      <ic-accordion-group expanded=\"true\" label=\"Test heading\">\n        <ic-accordion heading=\"Accordion 1\">\n          <ic-typography variant=\"body\">\n            This is an example of the main body text.\n          </ic-typography>\n        </ic-accordion>\n      </ic-accordion-group>`,\n    });\n    expect(page.root.expanded).toBe(true);\n    await page.rootInstance.handleExpanded();\n    await page.waitForChanges();\n    expect(page.root.expanded).toBe(false);\n  });\n\n  it(\"should test singleExpansion function\", async () => {\n    const page = await newSpecPage({\n      components: [AccordionGroup, Accordion],\n      html: `\n      <ic-accordion-group label=\"Test heading\" single-expansion=\"true\">\n        <ic-accordion heading=\"Accordion 1\">\n          <ic-typography variant=\"body\">\n            This is an example of the main body text.\n          </ic-typography>\n        </ic-accordion>\n        <ic-accordion heading=\"Accordion 2\" expanded>\n          <ic-typography variant=\"body\">\n            This is an example of the main body text.\n          </ic-typography>\n        </ic-accordion>\n      </ic-accordion-group>`,\n    });\n\n    const accordions = page.root.querySelectorAll(\"ic-accordion\");\n    const accordion1 = accordions[0];\n    const accordion2 = accordions[1];\n    const accordionButton = accordion1.shadowRoot.querySelector(\n      \".section-button\"\n    ) as HTMLButtonElement;\n    await page.waitForChanges();\n    expect(accordion1.expanded).toBe(false);\n    expect(accordion2.expanded).toBe(true);\n    accordionButton.click();\n    await page.waitForChanges();\n    expect(accordion1.expanded).toBe(true);\n    expect(accordion2.expanded).toBe(false);\n  });\n\n  it(\"should check the areAllAccordionsOpen function\", async () => {\n    const page = await newSpecPage({\n      components: [AccordionGroup, Accordion],\n      html: `\n      <ic-accordion-group label=\"Test heading\">\n        <ic-accordion heading=\"Accordion 1\">\n          <ic-typography variant=\"body\">\n            This is an example of the main body text.\n          </ic-typography>\n        </ic-accordion>\n      </ic-accordion-group>`,\n    });\n    // uses handleExpanded to open accordion, making areAllAccordionsOpen = true\n    await page.rootInstance.handleExpanded();\n    await page.waitForChanges;\n    expect(page.root.expanded).toBe(true);\n    expect(page.rootInstance.areAllAccordionsOpen).toBe(true);\n\n    // uses handleExpanded to close accordion, making areAllAccordionsOpen = false\n    await page.rootInstance.handleExpanded();\n    await page.waitForChanges;\n    expect(page.root.expanded).toBe(false);\n    expect(page.rootInstance.areAllAccordionsOpen).toBe(false);\n  });\n});\n"]}