@ukic/web-components 3.0.0 → 3.1.0

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

@@ -1 +0,0 @@
-{"version":3,"file":"ic-skeleton.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-skeleton/test/basic/ic-skeleton.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,SAAS,CAAC,GAAG,EAAE;IACb,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;AAC5D,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC3B,EAAE,CAAC,6CAA6C,EAAE,KAAK,IAAI,EAAE;QAC3D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,QAAQ,CAAC;YACtB,IAAI,EAAE,6BAA6B;SACpC,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;KAM7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oCAAoC,EAAE,KAAK,IAAI,EAAE;QAClD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,QAAQ,CAAC;YACtB,IAAI,EAAE,oDAAoD;SAC3D,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;KAM7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QACjD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,QAAQ,CAAC;YACtB,IAAI,EAAE,mDAAmD;SAC1D,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;KAM7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8CAA8C,EAAE,KAAK,IAAI,EAAE;QAC5D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,QAAQ,CAAC;YACtB,IAAI,EAAE,kEAAkE;SACzE,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;KAM7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;QAC9C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,QAAQ,CAAC;YACtB,IAAI,EAAE,8CAA8C;SACrD,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;KAM7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4BAA4B,EAAE,KAAK,IAAI,EAAE;QAC1C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,QAAQ,CAAC;YACtB,IAAI,EAAE,+EAA+E;SACtF,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;KAS7B,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from \"@stencil/core/testing\";\nimport { Skeleton } from \"../../ic-skeleton\";\n\nbeforeAll(() => {\n  jest.spyOn(console, \"warn\").mockImplementation(jest.fn());\n});\n\ndescribe(\"ic-skeleton\", () => {\n  it(\"should render with default height and width\", async () => {\n    const page = await newSpecPage({\n      components: [Skeleton],\n      html: `<ic-skeleton></ic-skeleton>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <ic-skeleton aria-disabled=\"true\" class=\"skeleton\" style=\"height: 93px; width: 260px;\">\n      <mock:shadow-root>\n        <slot></slot>\n      </mock:shadow-root>\n    </ic-skeleton>\n    `);\n  });\n\n  it(\"should render with supplied height\", async () => {\n    const page = await newSpecPage({\n      components: [Skeleton],\n      html: `<ic-skeleton style=\"height: 100px;\"></ic-skeleton>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <ic-skeleton aria-disabled=\"true\" class=\"skeleton\" style=\"height: 100px; width: 260px;\">\n      <mock:shadow-root>\n        <slot></slot>\n      </mock:shadow-root>\n    </ic-skeleton>\n    `);\n  });\n\n  it(\"should render with supplied width\", async () => {\n    const page = await newSpecPage({\n      components: [Skeleton],\n      html: `<ic-skeleton style=\"width: 300px;\"></ic-skeleton>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <ic-skeleton aria-disabled=\"true\" class=\"skeleton\" style=\"width: 300px; height: 93px;\">\n      <mock:shadow-root>\n        <slot></slot>\n      </mock:shadow-root>\n    </ic-skeleton>\n    `);\n  });\n\n  it(\"should render with supplied height and width\", async () => {\n    const page = await newSpecPage({\n      components: [Skeleton],\n      html: `<ic-skeleton style=\"height: 100px; width: 300px;\"></ic-skeleton>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <ic-skeleton aria-disabled=\"true\" class=\"skeleton\" style=\"height: 100px; width: 300px;\">\n      <mock:shadow-root>\n        <slot></slot>\n      </mock:shadow-root>\n    </ic-skeleton>\n    `);\n  });\n\n  it(\"should render circular variant\", async () => {\n    const page = await newSpecPage({\n      components: [Skeleton],\n      html: `<ic-skeleton variant=\"circle\"></ic-skeleton>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <ic-skeleton aria-disabled=\"true\" class=\"ic-skeleton-circle skeleton\" variant=\"circle\" style=\"height: 25px; width: 25px;\">\n      <mock:shadow-root>\n        <slot></slot>\n      </mock:shadow-root>\n    </ic-skeleton>\n    `);\n  });\n\n  it(\"should render text variant\", async () => {\n    const page = await newSpecPage({\n      components: [Skeleton],\n      html: `<ic-skeleton variant=\"text\"><ic-typography>Test</ic-typography></ic-skeleton>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <ic-skeleton aria-disabled=\"true\" class=\"skeleton\" variant=\"text\">\n      <mock:shadow-root>\n        <slot></slot>\n      </mock:shadow-root>\n      <ic-typography>\n        Test\n      </ic-typography>\n    </ic-skeleton>\n    `);\n  });\n});\n"]}

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

@@ -1,43 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { StatusTag } from "../../ic-status-tag";
-describe("ic-status-tag component renders label", () => {
-    it("should render", async () => {
-        const page = await newSpecPage({
-            components: [StatusTag],
-            html: `<ic-status-tag label="Neutral"></ic-status-tag>`,
-        });
-        expect(page.root).toEqualHtml(`
-    <ic-status-tag aria-label="Status" label="Neutral">
-    <mock:shadow-root>
-      <strong class="default filled-neutral tag" >
-        <ic-typography variant="label-uppercase">
-          <span>
-            Neutral
-          </span>
-        </ic-typography>
-      </strong>
-      </mock:shadow-root>
-    </ic-status-tag>
-    `);
-    }),
-        it("should have the role of 'status' if announced is passed as true", async () => {
-            const page = await newSpecPage({
-                components: [StatusTag],
-                html: `<ic-status-tag label="Neutral" announced="true"></ic-status-tag>`,
-            });
-            expect(page.root).toEqualHtml(`
-    <ic-status-tag announced="true" aria-label="Status" label="Neutral" role="status">
-    <mock:shadow-root>
-      <strong class="default filled-neutral tag" >
-        <ic-typography variant="label-uppercase">
-          <span>
-            Neutral
-          </span>
-        </ic-typography>
-      </strong>
-      </mock:shadow-root>
-    </ic-status-tag>
-    `);
-        });
-});
-//# sourceMappingURL=ic-status-tag.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ic-status-tag.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-status-tag/test/basic/ic-status-tag.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,QAAQ,CAAC,uCAAuC,EAAE,GAAG,EAAE;IACrD,EAAE,CAAC,eAAe,EAAE,KAAK,IAAI,EAAE;QAC7B,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,SAAS,CAAC;YACvB,IAAI,EAAE,iDAAiD;SACxD,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;KAY7B,CAAC,CAAC;IACL,CAAC,CAAC;QACA,EAAE,CAAC,iEAAiE,EAAE,KAAK,IAAI,EAAE;YAC/E,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;gBAC7B,UAAU,EAAE,CAAC,SAAS,CAAC;gBACvB,IAAI,EAAE,kEAAkE;aACzE,CAAC,CAAC;YAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC;;;;;;;;;;;;KAY/B,CAAC,CAAC;QACH,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from \"@stencil/core/testing\";\nimport { StatusTag } from \"../../ic-status-tag\";\n\ndescribe(\"ic-status-tag component renders label\", () => {\n  it(\"should render\", async () => {\n    const page = await newSpecPage({\n      components: [StatusTag],\n      html: `<ic-status-tag label=\"Neutral\"></ic-status-tag>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n    <ic-status-tag aria-label=\"Status\" label=\"Neutral\">\n    <mock:shadow-root>\n      <strong class=\"default filled-neutral tag\" >\n        <ic-typography variant=\"label-uppercase\">\n          <span>\n            Neutral\n          </span>\n        </ic-typography>\n      </strong>\n      </mock:shadow-root>\n    </ic-status-tag>\n    `);\n  }),\n    it(\"should have the role of 'status' if announced is passed as true\", async () => {\n      const page = await newSpecPage({\n        components: [StatusTag],\n        html: `<ic-status-tag label=\"Neutral\" announced=\"true\"></ic-status-tag>`,\n      });\n\n      expect(page.root).toEqualHtml(`\n    <ic-status-tag announced=\"true\" aria-label=\"Status\" label=\"Neutral\" role=\"status\">\n    <mock:shadow-root>\n      <strong class=\"default filled-neutral tag\" >\n        <ic-typography variant=\"label-uppercase\">\n          <span>\n            Neutral\n          </span>\n        </ic-typography>\n      </strong>\n      </mock:shadow-root>\n    </ic-status-tag>\n    `);\n    });\n});\n"]}

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

@@ -1,176 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { Step } from "../../ic-step";
-import { Typography } from "../../../ic-typography/ic-typography";
-import { LoadingIndicator } from "../../../ic-loading-indicator/ic-loading-indicator";
-describe("default variant of ic-step component", () => {
-    it("should render default step with no title", async () => {
-        const page = await newSpecPage({
-            components: [Step, Typography],
-            html: `<ic-step variant="default"></ic-step>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render default step with correct title", async () => {
-        const page = await newSpecPage({
-            components: [Step, Typography],
-            html: `<ic-step variant="default" heading="First"></ic-step>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render default step with correct title, subtitle and current state", async () => {
-        const page = await newSpecPage({
-            components: [Step, Typography],
-            html: `<ic-step variant="default" 
-      heading="Second With a Very Long Title"
-      subheading="Optional Subtitle"
-      type="current"
-    ></ic-step>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render disabled type", async () => {
-        const page = await newSpecPage({
-            components: [Step, Typography],
-            html: `<ic-step variant="default" 
-      type="disabled"
-    ></ic-step>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render completed type", async () => {
-        const page = await newSpecPage({
-            components: [Step, Typography],
-            html: `<ic-step variant="default" 
-      type="completed"
-    ></ic-step>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-});
-describe("compact variant of ic-step component", () => {
-    it("should render a compact step with no step status", async () => {
-        const page = await newSpecPage({
-            components: [Step],
-            html: `<ic-step
-      variant="compact" 
-      type="current"
-      last-step="false"
-      step-num="3"
-      last-step-num="4"
-      progress="75"
-      heading="Third step"
-      next-step-heading="Fourth step"></ic-step>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render an step status icon for a step with a disabled type", async () => {
-        const page = await newSpecPage({
-            components: [Step],
-            html: `<ic-step
-      variant="compact"
-      type="disabled"
-      compact-step-styling = "disabled"
-      last-step="false"
-      step-num="3"
-      last-step-num="4"
-      progress="75"
-      heading="Third step"
-      next-step-heading="next step"
-    ></ic-step>`,
-        });
-        expect(page.root).toMatchSnapshot();
-        const stepStatus = page.root.shadowRoot.querySelector(".step-status > ic-typography").textContent;
-        expect(stepStatus).toBe("Not required");
-        const statusIcon = page.root.shadowRoot.querySelector("span.step-icon");
-        expect(statusIcon).toEqualHtml(`<span class="warning-icon step-icon" aria-hidden="true">svg</span>`);
-    });
-    it("should render a step status icon for a step with a completed type", async () => {
-        const page = await newSpecPage({
-            components: [Step],
-            html: `<ic-step
-      variant="compact"
-      last-step="false"
-      step-num="3"
-      last-step-num="4"
-      progress="75"
-      heading="Third step"
-      next-step-heading="next step"
-      type="completed"
-      compact-step-styling = "completed"
-    ></ic-step>`,
-        });
-        expect(page.root).toMatchSnapshot();
-        const stepStatus = page.root.shadowRoot.querySelector(".step-status > ic-typography").textContent;
-        expect(stepStatus).toBe("Completed");
-        const statusIcon = page.root.shadowRoot.querySelector("span.step-icon");
-        expect(statusIcon).toEqualHtml(`<span class="check-icon step-icon" aria-hidden="true">svg</span>`);
-    });
-    it("should set next step text as last step if last step is true", async () => {
-        const page = await newSpecPage({
-            components: [Step],
-            html: `<ic-step
-      variant="compact" 
-      type="current"
-      last-step="true"
-      step-num=4"
-      last-step-num="4"
-      progress="100"
-      heading="Final step"
-    ></ic-step>`,
-        });
-        const lastStep = page.root.shadowRoot.querySelector(".next-step").textContent;
-        expect(lastStep).toBe("Last step");
-    });
-    it("should set the circular line width of the loading indicator as 40 for all steps", async () => {
-        jest.spyOn(console, "warn").mockImplementation(jest.fn());
-        const page = await newSpecPage({
-            components: [Step, LoadingIndicator],
-            html: `<ic-step
-      variant="compact" 
-      last-step="true"
-      step-num=4"
-      last-step-num="4"
-      progress="100"
-      heading="Final step"
-    ></ic-step>`,
-        });
-        const loadingIndicator = page.root.shadowRoot.querySelector(".step > ic-loading-indicator");
-        expect(loadingIndicator.classList.contains("compact-step-progress-indicator")).toBeTruthy();
-    });
-    it("should watch the type & change the value of the current prop if type = 'current'", async () => {
-        const page = await newSpecPage({
-            components: [Step],
-            html: `<ic-step
-      variant="compact" 
-      last-step="true"
-      step-num=4"
-      last-step-num="4"
-      progress="100"
-      heading="Final step"
-      type = "current"
-    ></ic-step>`,
-        });
-        await page.rootInstance.typeChangeHandler();
-        await page.waitForChanges();
-        expect(page.rootInstance.current).toBeTruthy();
-    });
-    it("should watch the type & shouldn't change the value of the current prop if type is not 'current'", async () => {
-        const page = await newSpecPage({
-            components: [Step],
-            html: `<ic-step
-      variant="compact" 
-      last-step="true"
-      step-num=4"
-      last-step-num="4"
-      progress="100"
-      heading="Final step"
-      type = "completed"
-      compact-step-styling = "completed"
-    ></ic-step>`,
-        });
-        await page.rootInstance.typeChangeHandler();
-        await page.waitForChanges();
-        expect(page.rootInstance.current).toBeFalsy();
-    });
-});
-//# sourceMappingURL=ic-step.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ic-step.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-step/test/basic/ic-step.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { newSpecPage } from \"@stencil/core/testing\";\nimport { Step } from \"../../ic-step\";\nimport { Typography } from \"../../../ic-typography/ic-typography\";\nimport { LoadingIndicator } from \"../../../ic-loading-indicator/ic-loading-indicator\";\n\ndescribe(\"default variant of ic-step component\", () => {\n  it(\"should render default step with no title\", async () => {\n    const page = await newSpecPage({\n      components: [Step, Typography],\n      html: `<ic-step variant=\"default\"></ic-step>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n  it(\"should render default step with correct title\", async () => {\n    const page = await newSpecPage({\n      components: [Step, Typography],\n      html: `<ic-step variant=\"default\" heading=\"First\"></ic-step>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render default step with correct title, subtitle and current state\", async () => {\n    const page = await newSpecPage({\n      components: [Step, Typography],\n      html: `<ic-step variant=\"default\" \n      heading=\"Second With a Very Long Title\"\n      subheading=\"Optional Subtitle\"\n      type=\"current\"\n    ></ic-step>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render disabled type\", async () => {\n    const page = await newSpecPage({\n      components: [Step, Typography],\n      html: `<ic-step variant=\"default\" \n      type=\"disabled\"\n    ></ic-step>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render completed type\", async () => {\n    const page = await newSpecPage({\n      components: [Step, Typography],\n      html: `<ic-step variant=\"default\" \n      type=\"completed\"\n    ></ic-step>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n});\n\ndescribe(\"compact variant of ic-step component\", () => {\n  it(\"should render a compact step with no step status\", async () => {\n    const page = await newSpecPage({\n      components: [Step],\n      html: `<ic-step\n      variant=\"compact\" \n      type=\"current\"\n      last-step=\"false\"\n      step-num=\"3\"\n      last-step-num=\"4\"\n      progress=\"75\"\n      heading=\"Third step\"\n      next-step-heading=\"Fourth step\"></ic-step>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render an step status icon for a step with a disabled type\", async () => {\n    const page = await newSpecPage({\n      components: [Step],\n      html: `<ic-step\n      variant=\"compact\"\n      type=\"disabled\"\n      compact-step-styling = \"disabled\"\n      last-step=\"false\"\n      step-num=\"3\"\n      last-step-num=\"4\"\n      progress=\"75\"\n      heading=\"Third step\"\n      next-step-heading=\"next step\"\n    ></ic-step>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n\n    const stepStatus = page.root.shadowRoot.querySelector(\n      \".step-status > ic-typography\"\n    ).textContent;\n\n    expect(stepStatus).toBe(\"Not required\");\n\n    const statusIcon = page.root.shadowRoot.querySelector(\"span.step-icon\");\n\n    expect(statusIcon).toEqualHtml(\n      `<span class=\"warning-icon step-icon\" aria-hidden=\"true\">svg</span>`\n    );\n  });\n\n  it(\"should render a step status icon for a step with a completed type\", async () => {\n    const page = await newSpecPage({\n      components: [Step],\n      html: `<ic-step\n      variant=\"compact\"\n      last-step=\"false\"\n      step-num=\"3\"\n      last-step-num=\"4\"\n      progress=\"75\"\n      heading=\"Third step\"\n      next-step-heading=\"next step\"\n      type=\"completed\"\n      compact-step-styling = \"completed\"\n    ></ic-step>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n\n    const stepStatus = page.root.shadowRoot.querySelector(\n      \".step-status > ic-typography\"\n    ).textContent;\n\n    expect(stepStatus).toBe(\"Completed\");\n\n    const statusIcon = page.root.shadowRoot.querySelector(\"span.step-icon\");\n\n    expect(statusIcon).toEqualHtml(\n      `<span class=\"check-icon step-icon\" aria-hidden=\"true\">svg</span>`\n    );\n  });\n\n  it(\"should set next step text as last step if last step is true\", async () => {\n    const page = await newSpecPage({\n      components: [Step],\n      html: `<ic-step\n      variant=\"compact\" \n      type=\"current\"\n      last-step=\"true\"\n      step-num=4\"\n      last-step-num=\"4\"\n      progress=\"100\"\n      heading=\"Final step\"\n    ></ic-step>`,\n    });\n\n    const lastStep =\n      page.root.shadowRoot.querySelector(\".next-step\").textContent;\n\n    expect(lastStep).toBe(\"Last step\");\n  });\n\n  it(\"should set the circular line width of the loading indicator as 40 for all steps\", async () => {\n    jest.spyOn(console, \"warn\").mockImplementation(jest.fn());\n    const page = await newSpecPage({\n      components: [Step, LoadingIndicator],\n      html: `<ic-step\n      variant=\"compact\" \n      last-step=\"true\"\n      step-num=4\"\n      last-step-num=\"4\"\n      progress=\"100\"\n      heading=\"Final step\"\n    ></ic-step>`,\n    });\n\n    const loadingIndicator = page.root.shadowRoot.querySelector(\n      \".step > ic-loading-indicator\"\n    );\n\n    expect(\n      loadingIndicator.classList.contains(\"compact-step-progress-indicator\")\n    ).toBeTruthy();\n  });\n\n  it(\"should watch the type & change the value of the current prop if type = 'current'\", async () => {\n    const page = await newSpecPage({\n      components: [Step],\n      html: `<ic-step\n      variant=\"compact\" \n      last-step=\"true\"\n      step-num=4\"\n      last-step-num=\"4\"\n      progress=\"100\"\n      heading=\"Final step\"\n      type = \"current\"\n    ></ic-step>`,\n    });\n\n    await page.rootInstance.typeChangeHandler();\n    await page.waitForChanges();\n    expect(page.rootInstance.current).toBeTruthy();\n  });\n\n  it(\"should watch the type & shouldn't change the value of the current prop if type is not 'current'\", async () => {\n    const page = await newSpecPage({\n      components: [Step],\n      html: `<ic-step\n      variant=\"compact\" \n      last-step=\"true\"\n      step-num=4\"\n      last-step-num=\"4\"\n      progress=\"100\"\n      heading=\"Final step\"\n      type = \"completed\"\n      compact-step-styling = \"completed\"\n    ></ic-step>`,\n    });\n\n    await page.rootInstance.typeChangeHandler();\n    await page.waitForChanges();\n    expect(page.rootInstance.current).toBeFalsy();\n  });\n});\n"]}

package/dist/collection/components/ic-stepper/test/basic/ic-stepper.e2e.js

@@ -1,49 +0,0 @@
-import { newE2EPage } from "@stencil/core/testing";
-import { defaultStepper, invalidConnectorWidthStepper, compactStepper, } from "./ic-stepper-test-examples";
-beforeAll(() => {
-    jest.spyOn(console, "warn").mockImplementation(jest.fn());
-});
-describe("default variant of ic-stepper component", () => {
-    it("should render four steps and three step-connects", async () => {
-        const page = await newE2EPage({ html: defaultStepper });
-        const steps = await page.findAll("ic-step");
-        expect(steps.length).toBe(4);
-        const stepConnects = await page.findAll("ic-step >>> div.step-connect");
-        expect(stepConnects.length).toBe(3);
-    });
-    it("should render the correct number on each step", async () => {
-        const page = await newE2EPage({ html: defaultStepper });
-        const stepInners = await page.findAll("ic-step >>> .step-icon-inner");
-        expect(stepInners[0].innerHTML).toEqual("1");
-        expect(stepInners[1].innerHTML).toEqual("2");
-        expect(stepInners[2].innerHTML).toEqual("3");
-        expect(stepInners[3].innerHTML).toContain("check-icon");
-    });
-    it("should keep the length of the step connect at 100px if a connectorWidth under 100px is given", async () => {
-        const page = await newE2EPage({ html: invalidConnectorWidthStepper });
-        await page.waitForChanges();
-        const connectorWidth = await page.$eval("ic-stepper", (el) => {
-            return el.connectorWidth;
-        });
-        expect(connectorWidth).toBe(96);
-        const steps = await page.evaluate(() => {
-            return Array.from(document.querySelectorAll("ic-step:not(:last-child)")).map((step) => window.getComputedStyle(step).width);
-        });
-        steps.forEach((step) => {
-            expect(step).toMatch(`${148}px`);
-        });
-    });
-});
-describe("compact variant of ic-stepper", () => {
-    it("should only show the current step", async () => {
-        const page = await newE2EPage({ html: compactStepper });
-        await page.waitForChanges();
-        const currentStep = await page.find("ic-step[current='']");
-        expect(currentStep.isVisible()).toBeTruthy();
-        const notCurrentSteps = await page.findAll("ic-step:not([current=''])");
-        notCurrentSteps.forEach(async (el) => {
-            expect(await el.isVisible()).toBeFalsy();
-        });
-    });
-});
-//# sourceMappingURL=ic-stepper.e2e.js.map

package/dist/collection/components/ic-stepper/test/basic/ic-stepper.e2e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ic-stepper.e2e.js","sourceRoot":"","sources":["../../../../../src/components/ic-stepper/test/basic/ic-stepper.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { E2EElement, newE2EPage } from \"@stencil/core/testing\";\nimport {\n  defaultStepper,\n  invalidConnectorWidthStepper,\n  compactStepper,\n} from \"./ic-stepper-test-examples\";\n\nbeforeAll(() => {\n  jest.spyOn(console, \"warn\").mockImplementation(jest.fn());\n});\n\ndescribe(\"default variant of ic-stepper component\", () => {\n  it(\"should render four steps and three step-connects\", async () => {\n    const page = await newE2EPage({ html: defaultStepper });\n    const steps = await page.findAll(\"ic-step\");\n    expect(steps.length).toBe(4);\n    const stepConnects = await page.findAll(\"ic-step >>> div.step-connect\");\n    expect(stepConnects.length).toBe(3);\n  });\n\n  it(\"should render the correct number on each step\", async () => {\n    const page = await newE2EPage({ html: defaultStepper });\n    const stepInners: E2EElement[] = await page.findAll(\n      \"ic-step >>> .step-icon-inner\"\n    );\n    expect(stepInners[0].innerHTML).toEqual(\"1\");\n    expect(stepInners[1].innerHTML).toEqual(\"2\");\n    expect(stepInners[2].innerHTML).toEqual(\"3\");\n    expect(stepInners[3].innerHTML).toContain(\"check-icon\");\n  });\n\n  it(\"should keep the length of the step connect at 100px if a connectorWidth under 100px is given\", async () => {\n    const page = await newE2EPage({ html: invalidConnectorWidthStepper });\n\n    await page.waitForChanges();\n\n    const connectorWidth = await page.$eval(\n      \"ic-stepper\",\n      (el: HTMLIcStepperElement) => {\n        return el.connectorWidth;\n      }\n    );\n\n    expect(connectorWidth).toBe(96);\n\n    const steps = await page.evaluate(() => {\n      return Array.from(\n        document.querySelectorAll(\"ic-step:not(:last-child)\")\n      ).map((step) => window.getComputedStyle(step).width);\n    });\n\n    steps.forEach((step) => {\n      expect(step).toMatch(`${148}px`);\n    });\n  });\n});\n\ndescribe(\"compact variant of ic-stepper\", () => {\n  it(\"should only show the current step\", async () => {\n    const page = await newE2EPage({ html: compactStepper });\n\n    await page.waitForChanges();\n\n    const currentStep = await page.find(\"ic-step[current='']\");\n\n    expect(currentStep.isVisible()).toBeTruthy();\n\n    const notCurrentSteps = await page.findAll(\"ic-step:not([current=''])\");\n\n    notCurrentSteps.forEach(async (el) => {\n      expect(await el.isVisible()).toBeFalsy();\n    });\n  });\n});\n"]}