@ukic/web-components 3.0.0-alpha.9 → 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,26 +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).toMatchSnapshot(`renders label`);
-    });
-    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).toMatchSnapshot(`role of status if announced is true`);
-    });
-    it("should render a lowercase label when `uppercase` is set to false", async () => {
-        const page = await newSpecPage({
-            components: [StatusTag],
-            html: `<ic-status-tag label="Neutral" uppercase="false"></ic-status-tag>`,
-        });
-        expect(page.root).toMatchSnapshot(`lowercase label when uppercase is false`);
-    });
-});
-//# 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,eAAe,CAAC,eAAe,CAAC,CAAC;IACrD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iEAAiE,EAAE,KAAK,IAAI,EAAE;QAC/E,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,SAAS,CAAC;YACvB,IAAI,EAAE,kEAAkE;SACzE,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,qCAAqC,CAAC,CAAC;IAC3E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kEAAkE,EAAE,KAAK,IAAI,EAAE;QAChF,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,SAAS,CAAC;YACvB,IAAI,EAAE,mEAAmE;SAC1E,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAC/B,yCAAyC,CAC1C,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,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).toMatchSnapshot(`renders label`);\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).toMatchSnapshot(`role of status if announced is true`);\n  });\n\n  it(\"should render a lowercase label when `uppercase` is set to false\", async () => {\n    const page = await newSpecPage({\n      components: [StatusTag],\n      html: `<ic-status-tag label=\"Neutral\" uppercase=\"false\"></ic-status-tag>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\n      `lowercase label when uppercase is false`\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"]}