npm - @ukic/web-components - Versions diffs - 2.1.0-beta.15 → 2.1.0-beta.16 - Mend

@ukic/web-components 2.1.0-beta.15 → 2.1.0-beta.16

Files changed (744) hide show

package/dist/collection/components/ic-stepper/ic-stepper.spec.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ic-stepper.spec.js","sourceRoot":"","sources":["../../../src/components/ic-stepper/ic-stepper.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { newSpecPage } from \"@stencil/core/testing\";\nimport { resizeTo } from \"../../testspec.setup\";\nimport { Step } from \"../ic-step/ic-step\";\nimport { Stepper } from \"./ic-stepper\";\n\ndescribe(\"default variant of ic-stepper component\", () => {\n it(\"should render a full-width stepper\", async () => {\n const page = await newSpecPage({\n components: [Stepper, Step],\n html: `<ic-stepper>\n <ic-step step-title=\"Create\" step-type=\"completed\"></ic-step>\n <ic-step step-title=\"Read\" step-type=\"current\"></ic-step>\n <ic-step step-title=\"Update\"></ic-step>\n <ic-step step-title=\"Delete\"></ic-step></ic-stepper>`,\n });\n page.rootInstance.resizeObserverCallback();\n\n await page.waitForChanges();\n\n expect(page.rootInstance.variant).toMatch(\"default\");\n\n const steps = page.root.querySelectorAll(\"ic-step\");\n\n steps.forEach((step) => {\n expect(step.classList.contains(\"aligned-full-width\")).toBeTruthy();\n });\n\n expect(page.root).toMatchSnapshot();\n });\n\n it(\"should render a left-aligned stepper\", async () => {\n const page = await newSpecPage({\n components: [Stepper],\n html: `<ic-stepper aligned=\"left\">\n <ic-step step-title=\"Create\" step-type=\"completed\"></ic-step>\n <ic-step step-title=\"Read\" step-type=\"current\"></ic-step>\n <ic-step step-title=\"Update\"></ic-step>\n <ic-step step-title=\"Delete\"></ic-step></ic-stepper>`,\n });\n\n expect(page.rootInstance.variant).toMatch(\"default\");\n expect(page.rootInstance.aligned).toMatch(\"left\");\n expect(page.root.classList.contains(\"aligned-left\")).toBeTruthy();\n\n expect(page.root).toMatchSnapshot();\n });\n\n it(\"should render a stepper with hidden step info\", async () => {\n const page = await newSpecPage({\n components: [Stepper, Step],\n html: `<ic-stepper hide-step-info>\n <ic-step step-title=\"Create\" step-type=\"completed\"></ic-step>\n <ic-step step-title=\"Read\" step-type=\"current\"></ic-step>\n <ic-step step-title=\"Update\"></ic-step>\n <ic-step step-title=\"Delete\"></ic-step></ic-stepper>`,\n });\n\n page.rootInstance.resizeObserverCallback();\n\n await page.waitForChanges();\n\n expect(page.rootInstance.variant).toMatch(\"default\");\n\n expect(page.rootInstance.hideStepInfo).toBeTruthy();\n\n const steps = page.root.querySelectorAll(\"ic-step\");\n\n steps.forEach((step) => {\n const stepTitleArea = step.shadowRoot.querySelector(\n \".step > .step-title-area\"\n );\n\n expect(stepTitleArea.classList.contains(\"visually-hidden\")).toBeTruthy();\n });\n\n expect(page.root).toMatchSnapshot();\n });\n\n it(\"should render a stepper without step titles\", async () => {\n jest.spyOn(console, \"error\").mockImplementation(jest.fn());\n const page = await newSpecPage({\n components: [Stepper, Step],\n html: `<ic-stepper>\n <ic-step step-type=\"completed\"></ic-step>\n <ic-step step-type=\"current\"></ic-step>\n <ic-step step-type=\"disabled\"></ic-step>\n <ic-step step-type=\"active\"></ic-step></ic-stepper>`,\n });\n\n page.rootInstance.resizeObserverCallback();\n\n await page.waitForChanges();\n\n expect(page.root).toMatchSnapshot();\n\n expect(page.rootInstance.hideStepInfo).toBeFalsy();\n\n const steps = page.root.querySelectorAll(\"ic-step\");\n\n expect(page.rootInstance[\"variantOverride\"]).toBeTruthy();\n\n expect(page.rootInstance[\"stepsWithStepTitles\"].length).toBeLessThan(\n page.rootInstance[\"steps\"].length\n );\n\n expect(page.rootInstance.variant).toMatch(\"default\");\n\n expect(page.rootInstance[\"noOfResizes\"]).toBe(0);\n\n steps.forEach((step) => {\n expect(step[\"stepTitle\"]).toBeUndefined();\n expect(step[\"stepSubtitle\"]).toBeUndefined();\n\n const stepTitleArea = step.shadowRoot.querySelector(\n \".step > .step-title-area\"\n );\n expect(stepTitleArea).toBeNull();\n });\n\n page.rootInstance.resizeObserverCallback();\n\n await page.waitForChanges();\n\n expect(page.rootInstance[\"noOfResizes\"]).toBe(0);\n });\n\n it(\"should render a stepper with a custom connector width\", async () => {\n const page = await newSpecPage({\n components: [Stepper, Step],\n html: `<ic-stepper aligned=\"left\" connector-width=\"150\">\n <ic-step step-title=\"Create\" step-type=\"completed\"></ic-step>\n <ic-step step-title=\"Read\" step-type=\"current\"></ic-step>\n <ic-step step-title=\"Update\"></ic-step>\n <ic-step step-title=\"Delete\"></ic-step></ic-stepper>`,\n });\n\n page.rootInstance.resizeObserverCallback();\n\n await page.waitForChanges();\n\n expect(page.root).toMatchSnapshot();\n\n expect(page.root.classList.contains(\"aligned-left\")).toBeTruthy();\n });\n\n it(\"should ignore the connectorWidth prop if the stepper is set to be aligned full-width\", async () => {\n const page = await newSpecPage({\n components: [Stepper, Step],\n html: `<ic-stepper connector-width=\"150\">\n <ic-step step-title=\"Create\" step-type=\"completed\"></ic-step>\n <ic-step step-title=\"Read\" step-type=\"current\"></ic-step>\n <ic-step step-title=\"Update\"></ic-step>\n <ic-step step-title=\"Delete\"></ic-step></ic-stepper>`,\n });\n\n page.rootInstance.resizeObserverCallback();\n\n await page.waitForChanges();\n\n expect(page.root).toMatchSnapshot();\n\n expect(page.root.classList.contains(\"aligned-left\")).toBeFalsy();\n });\n\n it(\"should add 'disabled step' to the aria labels of all disabled steps\", async () => {\n const page = await newSpecPage({\n components: [Stepper, Step],\n html: `<ic-stepper variant=\"compact\" id=\"custom-stepper\">\n <ic-step variant=\"compact\" step-type=\"disabled\" step-title=\"First\"></ic-step>\n <ic-step\n variant=\"compact\"\n step-title=\"Second With a Very Long Title\"\n step-subtitle=\"Optional subtitle that is long and should wrap\"\n current\n step-type=\"current\"\n ></ic-step>\n <ic-step\n variant=\"compact\"\n step-title=\"Third\"\n step-type=\"disabled\"\n ></ic-step>\n <ic-step\n variant=\"compact\"\n step-title=\"Fourth title that is long and should wrap\"\n step-subtitle=\"Optional Subtitle\"\n step-type=\"completed\"\n ></ic-step>\n <ic-step\n variant=\"compact\"\n step-title=\"Fifth and final step\"\n step-subtitle=\"Optional Subtitle\"\n step-status=\"optional\"\n ></ic-step>\n </ic-stepper>`,\n });\n\n page.rootInstance.resizeObserverCallback();\n\n await page.waitForChanges();\n\n const disabledSteps = page.root.querySelectorAll(\n 'ic-step[step-type=\"disabled\"]'\n );\n\n disabledSteps.forEach((step) => {\n expect(step.getAttribute(\"aria-label\")).toMatch(/. Non-required step/i);\n });\n });\n\n it(\"should add the className 'last-step' to the last step in the stepper\", async () => {\n const page = await newSpecPage({\n components: [Stepper, Step],\n html: `\n <ic-stepper>\n <ic-step step-title=\"Create\" step-type=\"completed\"></ic-step>\n <ic-step step-title=\"Read\" step-type=\"current\"></ic-step>\n <ic-step step-title=\"Update\"></ic-step>\n <ic-step last-step step-title=\"Delete\"></ic-step>\n </ic-stepper>\n `,\n });\n\n page.rootInstance.resizeObserverCallback();\n\n await page.waitForChanges();\n\n expect(page.root).toMatchSnapshot();\n\n const lastStep = await page.root.querySelector(\"ic-step[last-step='']\");\n\n expect(lastStep.classList.contains(\"last-step\")).toBeTruthy();\n });\n});\n\ndescribe(\"resizeObserver for ic-stepper\", () => {\n it(\"shouldn't call the resizeObserver if the resizeObserver is null\", async () => {\n const page = await newSpecPage({\n components: [Stepper],\n html: `\n <ic-stepper>\n <ic-step step-title=\"Create\" step-type=\"completed\"></ic-step>\n <ic-step step-title=\"Read\" step-type=\"current\"></ic-step>\n <ic-step step-title=\"Update\"></ic-step>\n <ic-step step-title=\"Delete\"></ic-step>\n </ic-stepper>\n `,\n });\n\n await page.rootInstance.runResizeObserver();\n\n page.setContent(\"\");\n });\n\n it(\"should call the functions in the resizeObserver\", async () => {\n const page = await newSpecPage({\n components: [Stepper],\n html: `\n <ic-stepper>\n <ic-step step-title=\"Create\" step-type=\"completed\"></ic-step>\n <ic-step step-title=\"Read\" step-type=\"current\"></ic-step>\n <ic-step step-title=\"Update\"></ic-step>\n <ic-step step-title=\"Delete\"></ic-step>\n </ic-stepper>\n `,\n });\n\n await page.waitForChanges();\n\n await page.rootInstance.runResizeObserver();\n\n await page.rootInstance.getChildren();\n\n await page.rootInstance.checkStepTitles();\n\n await page.rootInstance.overrideVariant();\n\n await page.rootInstance.setStepperWidth();\n\n await page.rootInstance.initialiseStepStates();\n });\n});\n\ndescribe(\"compact variant of ic-stepper component\", () => {\n it(\"should render a compact step with no step status\", async () => {\n const page = await newSpecPage({\n components: [Stepper, Step],\n html: `<ic-stepper variant=\"compact\" id=\"custom-stepper\">\n <ic-step step-title=\"First\"></ic-step>\n <ic-step\n step-title=\"Second With a Very Long Title\"\n step-subtitle=\"Optional subtitle that is long and should wrap\"\n current\n step-type=\"current\"\n ></ic-step>\n <ic-step\n step-title=\"Third\"\n step-type=\"disabled\"\n ></ic-step>\n <ic-step\n step-title=\"Fourth title that is long and should wrap\"\n step-subtitle=\"Optional Subtitle\"\n step-type=\"completed\"\n ></ic-step>\n <ic-step\n step-title=\"Fifth and final step\"\n step-subtitle=\"Optional Subtitle\"\n step-status=\"optional\"\n step-type=\"completed\"\n ></ic-step>\n </ic-stepper>`,\n });\n\n page.rootInstance.resizeObserverCallback();\n\n await page.waitForChanges();\n\n expect(page.root).toMatchSnapshot();\n\n expect(page.rootInstance[\"variantOverride\"]).toBeFalsy();\n\n expect(page.rootInstance.hideStepInfo).toBeFalsy();\n\n const steps = page.root.querySelectorAll(\"ic-step\");\n\n steps.forEach((step) => {\n const stepTitle = step.shadowRoot.querySelector(\n \".step > .step-title-area > .step-title\"\n );\n\n expect(stepTitle).not.toBeNull();\n expect(stepTitle.classList.contains(\"hide\")).toBeFalsy();\n });\n });\n\n it(\"should render a stepper with hidden step information\", async () => {\n const page = await newSpecPage({\n components: [Stepper, Step],\n html: `<ic-stepper hide-step-info>\n <ic-step step-title=\"Create\" step-type=\"completed\"></ic-step>\n <ic-step step-title=\"Read\" step-type=\"current\"></ic-step>\n <ic-step step-title=\"Update\"></ic-step>\n <ic-step step-title=\"Delete\"></ic-step></ic-stepper>`,\n });\n\n page.rootInstance.el.clientWidth = 50;\n\n page.rootInstance.resizeObserverCallback();\n\n await page.waitForChanges();\n\n expect(page.rootInstance.variant).toMatch(\"compact\");\n\n expect(page.rootInstance.hideStepInfo).toBeTruthy();\n\n const steps = page.root.querySelectorAll(\"ic-step\");\n\n steps.forEach((step) => {\n const stepTitle = step.shadowRoot.querySelector(\n \".step > .step-title-area > .step-title\"\n );\n\n expect(stepTitle).not.toBeNull();\n expect(stepTitle.classList.contains(\"visually-hidden\")).toBeFalsy();\n });\n\n expect(page.root).toMatchSnapshot();\n });\n\n it(\"should render a stepper without step titles\", async () => {\n const page = await newSpecPage({\n components: [Stepper, Step],\n html: `<ic-stepper >\n <ic-step step-type=\"completed\"></ic-step>\n <ic-step step-type=\"current\"></ic-step>\n <ic-step step-type=\"disabled\"></ic-step>\n <ic-step step-type=\"active\" ></ic-step></ic-stepper>`,\n });\n\n page.rootInstance.el.clientWidth = 50;\n\n page.rootInstance.resizeObserverCallback();\n\n await page.waitForChanges();\n\n expect(page.root).toMatchSnapshot();\n\n const steps = page.root.querySelectorAll(\"ic-step\");\n\n expect(page.rootInstance[\"variantOverride\"]).toBeTruthy();\n\n expect(page.rootInstance[\"stepsWithStepTitles\"].length).toBeLessThan(\n page.rootInstance[\"steps\"].length\n );\n\n expect(page.rootInstance.variant).toMatch(\"compact\");\n\n expect(page.rootInstance[\"noOfResizes\"]).toBe(0);\n\n steps.forEach((step) => {\n const stepTitle = \"Step \" + step[\"stepNum\"];\n expect(step[\"stepTitle\"]).toMatch(stepTitle);\n expect(step[\"stepSubtitle\"]).toBeUndefined();\n });\n\n page.rootInstance.resizeObserverCallback();\n\n await page.waitForChanges();\n\n expect(page.rootInstance[\"noOfResizes\"]).toBe(1);\n });\n\n it(\"should only show the current step\", async () => {\n const page = await newSpecPage({\n components: [Stepper, Step],\n html: `<ic-stepper variant=\"compact\" id=\"custom-stepper\">\n <ic-step step-title=\"First\"></ic-step>\n <ic-step\n step-title=\"Second With a Very Long Title\"\n step-subtitle=\"Optional subtitle that is long and should wrap\"\n current\n step-type=\"current\"\n ></ic-step>\n <ic-step\n step-title=\"Third\"\n step-type=\"disabled\"\n ></ic-step>\n <ic-step\n step-title=\"Fourth title that is long and should wrap\"\n step-subtitle=\"Optional Subtitle\"\n step-type=\"completed\"\n ></ic-step>\n <ic-step\n step-title=\"Fifth and final step\"\n step-subtitle=\"Optional Subtitle\"\n step-status=\"optional\"\n step-type=\"completed\"\n ></ic-step>\n </ic-stepper>`,\n });\n\n page.rootInstance.resizeObserverCallback();\n\n await page.waitForChanges();\n\n expect(page.rootInstance.variant).toMatch(\"compact\");\n\n const currentStep = page.root.querySelector('ic-step[current=\"\"]');\n\n expect(\n currentStep.shadowRoot\n .querySelector(\".step\")\n .classList.contains(\"current\")\n );\n\n expect(currentStep.classList.contains(\"show\")).toBeTruthy;\n\n expect(currentStep.classList.contains(\"hide\")).toBeFalsy;\n\n const notCurrentStep = page.root.querySelector('ic-step:not([current=\"\"])');\n\n expect(notCurrentStep.classList.contains(\"show\")).toBeFalsy;\n\n expect(notCurrentStep.classList.contains(\"hide\")).toBeTruthy;\n\n notCurrentStep.classList.add(\"show\");\n\n page.rootInstance.resizeObserverCallback();\n\n await page.waitForChanges();\n\n expect(notCurrentStep.classList.contains(\"show\")).toBeFalsy;\n\n expect(notCurrentStep.classList.contains(\"hide\")).toBeTruthy;\n });\n\n it(\"shouldn't add the 'show' and 'hide' classes to default steps\", async () => {\n const page = await newSpecPage({\n components: [Stepper, Step],\n html: `<ic-stepper>\n <ic-step step-title=\"First\"></ic-step>\n <ic-step\n step-title=\"Second With a Very Long Title\"\n step-subtitle=\"Optional subtitle that is long and should wrap\"\n current\n step-type=\"current\"\n ></ic-step>\n <ic-step\n step-title=\"Third\"\n step-type=\"disabled\"\n ></ic-step>\n <ic-step\n step-title=\"Fourth title that is long and should wrap\"\n step-subtitle=\"Optional Subtitle\"\n step-type=\"completed\"\n ></ic-step>\n <ic-step\n step-title=\"Fifth and final step\"\n step-subtitle=\"Optional Subtitle\"\n step-status=\"optional\"\n step-type=\"completed\"\n ></ic-step>\n </ic-stepper>`,\n });\n\n page.rootInstance.resizeObserverCallback();\n\n await page.waitForChanges();\n\n expect(page.rootInstance.variant).toMatch(\"default\");\n\n const currentStep = page.root.querySelector('ic-step[current=\"\"]');\n\n expect(\n currentStep.shadowRoot\n .querySelector(\".step\")\n .classList.contains(\"current\")\n );\n\n const steps = page.root.querySelectorAll(\"ic-step\");\n\n steps.forEach((step) => {\n expect(step.classList.contains(\"show\")).toBeFalsy();\n expect(step.classList.contains(\"hide\")).toBeFalsy();\n });\n });\n\n it(\"should only add the 'show' and 'hide' classes to compact steps\", async () => {\n const page = await newSpecPage({\n components: [Stepper, Step],\n html: `<ic-stepper variant=\"compact\">\n <ic-step variant=\"compact\" step-title=\"First\"></ic-step>\n <ic-step\n variant=\"compact\"\n step-title=\"Second With a Very Long Title\"\n step-subtitle=\"Optional subtitle that is long and should wrap\"\n current\n step-type=\"current\"\n ></ic-step>\n <ic-step\n variant=\"compact\"\n step-title=\"Third\"\n step-type=\"disabled\"\n ></ic-step>\n <ic-step\n variant=\"compact\"\n step-title=\"Fourth title that is long and should wrap\"\n step-subtitle=\"Optional Subtitle\"\n step-type=\"completed\"\n ></ic-step>\n <ic-step\n variant=\"compact\"\n step-title=\"Fifth and final step\"\n step-subtitle=\"Optional Subtitle\"\n step-status=\"optional\"\n step-type=\"completed\"\n ></ic-step>\n </ic-stepper>`,\n });\n\n page.rootInstance.resizeObserverCallback();\n\n await page.waitForChanges();\n\n expect(page.rootInstance.variant).toMatch(\"compact\");\n\n const currentStep = page.root.querySelector('ic-step[current=\"\"]');\n\n expect(\n currentStep.shadowRoot\n .querySelector(\".step\")\n .classList.contains(\"current\")\n );\n\n expect(currentStep.classList.contains(\"show\")).toBeTruthy;\n\n expect(currentStep.classList.contains(\"hide\")).toBeFalsy;\n\n const notCurrentSteps = page.root.querySelector(\n 'ic-step:not([current=\"\"])'\n );\n\n expect(notCurrentSteps.classList.contains(\"show\")).toBeFalsy;\n\n expect(notCurrentSteps.classList.contains(\"hide\")).toBeTruthy;\n });\n\n it(\"should render status icons next to all steps with a disabled stepType\", async () => {\n const page = await newSpecPage({\n components: [Stepper, Step],\n html: `<ic-stepper variant=\"compact\" id=\"custom-stepper\">\n <ic-step variant=\"compact\" step-title=\"First\"></ic-step>\n <ic-step\n variant=\"compact\"\n step-title=\"Second With a Very Long Title\"\n step-subtitle=\"Optional subtitle that is long and should wrap\"\n current\n step-type=\"current\"\n ></ic-step>\n <ic-step\n variant=\"compact\"\n step-title=\"Third\"\n step-status=\"required\"\n ></ic-step>\n <ic-step\n variant=\"compact\"\n step-title=\"Fourth title that is long and should wrap\"\n step-subtitle=\"Optional Subtitle\"\n step-type=\"completed\"\n ></ic-step>\n <ic-step\n variant=\"compact\"\n step-title=\"Fifth and final step\"\n step-type=\"disabled\"\n ></ic-step>\n </ic-stepper>`,\n });\n\n page.rootInstance.resizeObserverCallback();\n\n await page.waitForChanges();\n\n const notRequiredSteps = page.root.querySelectorAll(\n 'ic-step[step-type=\"disabled\"]'\n );\n\n notRequiredSteps.forEach((step) => {\n const textContent = step.shadowRoot.querySelector(\n \".step > .step-title-area > .info-line > .step-status > ic-typography\"\n ).textContent;\n\n expect(textContent).toBe(\"Not required\");\n\n const statusIcon = step.shadowRoot.querySelector(\n \".step > .step-title-area > .info-line > .step-status > .step-icon\"\n );\n\n expect(statusIcon).toEqualHtml(\n `<span class=\"warning-icon step-icon\" aria-hidden=\"true\">svg</span>`\n );\n\n expect(step.getAttribute(\"aria-label\")).toMatch(/. Non-required step/i);\n });\n });\n\n it(\"should render status icons next to all steps with a completed stepType\", async () => {\n const page = await newSpecPage({\n components: [Stepper, Step],\n html: `<ic-stepper variant=\"compact\" id=\"custom-stepper\">\n <ic-step variant=\"compact\" step-title=\"First\"></ic-step>\n <ic-step\n variant=\"compact\"\n step-title=\"Second With a Very Long Title\"\n step-subtitle=\"Optional subtitle that is long and should wrap\"\n current\n step-type=\"current\"\n ></ic-step>\n <ic-step\n variant=\"compact\"\n step-title=\"Third\"\n step-type=\"disabled\"\n ></ic-step>\n <ic-step\n variant=\"compact\"\n step-title=\"Fourth title that is long and should wrap\"\n step-type=\"completed\"\n ></ic-step>\n <ic-step\n variant=\"compact\"\n step-title=\"Fifth and final step\"\n step-subtitle=\"Optional Subtitle\"\n ></ic-step>\n </ic-stepper>`,\n });\n\n page.rootInstance.resizeObserverCallback();\n\n await page.waitForChanges();\n\n const completeSteps = page.root.querySelectorAll(\n 'ic-step[step-type=\"completed\"]'\n );\n\n completeSteps.forEach((step) => {\n const textContent = step.shadowRoot.querySelector(\n \".step > .step-title-area > .info-line > .step-status > ic-typography\"\n ).textContent;\n\n expect(textContent).toBe(\"Completed\");\n\n const statusIcon = step.shadowRoot.querySelector(\n \".step > .step-title-area > .info-line > .step-status > span.step-icon\"\n );\n\n expect(statusIcon).toEqualHtml(\n `<span class=\"check-icon step-icon\" aria-hidden=\"true\">svg</span>`\n );\n\n expect(step.getAttribute(\"aria-label\")).toMatch(/. Completed step/i);\n });\n });\n\n it(\"should update the aria label of a step if its stepStatus is set to 'optional'\", async () => {\n const page = await newSpecPage({\n components: [Stepper, Step],\n html: `<ic-stepper variant=\"compact\" id=\"custom-stepper\">\n <ic-step variant=\"compact\" step-title=\"First\"></ic-step>\n <ic-step\n variant=\"compact\"\n step-title=\"Second With a Very Long Title\"\n step-subtitle=\"Optional subtitle that is long and should wrap\"\n current\n step-type=\"current\"\n ></ic-step>\n <ic-step\n variant=\"compact\"\n step-title=\"Third\"\n step-status=\"optional\"\n ></ic-step>\n <ic-step\n variant=\"compact\"\n step-title=\"Fourth title that is long and should wrap\"\n step-subtitle=\"Optional Subtitle\"\n step-type=\"completed\"\n ></ic-step>\n <ic-step\n variant=\"compact\"\n step-title=\"Fifth and final step\"\n step-subtitle=\"Optional Subtitle\"\n step-status=\"optional\"\n ></ic-step>\n </ic-stepper>`,\n });\n\n page.rootInstance.resizeObserverCallback();\n\n await page.waitForChanges();\n\n const optionalSteps = page.root.querySelectorAll(\n 'ic-step[step-status=\"optional\"]'\n );\n\n optionalSteps.forEach((step) => {\n expect(step.getAttribute(\"aria-label\")).toMatch(/. Optional step/i);\n });\n });\n\n it(\"should update the aria label of a step if its stepStatus is set to 'required'\", async () => {\n const page = await newSpecPage({\n components: [Stepper, Step],\n html: `<ic-stepper variant=\"compact\" id=\"custom-stepper\">\n <ic-step variant=\"compact\" step-title=\"First\"></ic-step>\n <ic-step\n variant=\"compact\"\n step-title=\"Second With a Very Long Title\"\n step-subtitle=\"Optional subtitle that is long and should wrap\"\n current\n step-type=\"current\"\n ></ic-step>\n <ic-step\n variant=\"compact\"\n step-title=\"Third\"\n step-status=\"required\"\n ></ic-step>\n <ic-step\n variant=\"compact\"\n step-title=\"Fourth title that is long and should wrap\"\n step-subtitle=\"Optional Subtitle\"\n step-type=\"completed\"\n ></ic-step>\n <ic-step\n variant=\"compact\"\n step-title=\"Fifth and final step\"\n step-subtitle=\"Optional Subtitle\"\n step-status=\"optional\"\n ></ic-step>\n </ic-stepper>`,\n });\n\n page.rootInstance.resizeObserverCallback();\n\n await page.waitForChanges();\n\n const requiredSteps = page.root.querySelectorAll(\n 'ic-step[step-status=\"required\"]'\n );\n\n requiredSteps.forEach((step) => {\n expect(step.getAttribute(\"aria-label\")).toMatch(/. Required step/i);\n });\n });\n\n it(\"should only show the title of the next step if it isn't the last step\", async () => {\n const page = await newSpecPage({\n components: [Stepper, Step],\n html: `<ic-stepper variant=\"compact\" id=\"custom-stepper\">\n <ic-step step-title=\"First\"></ic-step>\n <ic-step\n step-title=\"Second With a Very Long Title\"\n step-subtitle=\"Optional subtitle that is long and should wrap\"\n current\n step-type=\"current\"\n ></ic-step>\n <ic-step\n step-title=\"Third\"\n step-type=\"disabled\"\n ></ic-step>\n <ic-step\n step-title=\"Fourth title that is long and should wrap\"\n step-subtitle=\"Optional Subtitle\"\n step-type=\"completed\"\n ></ic-step>\n <ic-step\n step-title=\"Fifth and final step\"\n step-subtitle=\"Optional Subtitle\"\n ></ic-step>\n </ic-stepper>`,\n });\n\n page.rootInstance.resizeObserverCallback();\n\n await page.waitForChanges();\n\n expect(page.rootInstance.variant).toMatch(\"compact\");\n\n const steps = page.root.querySelectorAll(\"ic-step\");\n\n steps.forEach((step) => {\n expect(step[\"variant\"]).toMatch(\"compact\");\n });\n\n for (let i = 0; i < steps.length; i++) {\n if (steps[i] !== steps[steps.length - 1]) {\n expect(steps[i][\"nextStepTitle\"]).toBe(steps[i + 1][\"stepTitle\"]);\n } else {\n expect(steps[i][\"nextStepTitle\"]).toBeUndefined();\n }\n }\n });\n});\n\ndescribe(\"switch between the compact and default stepper depending on whether the stepper has a scroll\", () => {\n it(\"should change from the default variant to the compact variant if there's a scroll on the stepper\", async () => {\n const page = await newSpecPage({\n components: [Stepper, Step],\n html: `<ic-stepper >\n <ic-step step-title=\"First\"></ic-step>\n <ic-step\n step-title=\"Second With a Very Long Title\"\n step-subtitle=\"Optional subtitle that is long and should wrap\"\n current\n step-type=\"current\"\n ></ic-step>\n <ic-step\n step-title=\"Third\"\n step-type=\"disabled\"\n ></ic-step>\n <ic-step\n step-title=\"Fourth title that is long and should wrap\"\n step-subtitle=\"Optional Subtitle\"\n step-type=\"completed\"\n ></ic-step>\n <ic-step\n step-title=\"Fifth and final step\"\n step-subtitle=\"Optional Subtitle\"\n step-status=\"optional\"\n ></ic-step>\n </ic-stepper>`,\n });\n\n expect(page.rootInstance.variant).toMatch(\"default\");\n\n page.rootInstance.el.clientWidth = 50;\n\n page.rootInstance.resizeObserverCallback();\n\n await page.waitForChanges();\n\n expect(page.rootInstance.variant).toMatch(\"compact\");\n\n expect(page.rootInstance[\"variantOverride\"]).toBeTruthy();\n });\n\n it(\"should change from the compact variant to the stepper variant if the stepper is greater than the min width for the default stepper\", async () => {\n const page = await newSpecPage({\n components: [Stepper, Step],\n html: `<ic-stepper>\n <ic-step step-title=\"First\"></ic-step>\n <ic-step\n step-title=\"Second With a Very Long Title\"\n step-subtitle=\"Optional subtitle that is long and should wrap\"\n current\n step-type=\"current\"\n ></ic-step>\n <ic-step\n step-title=\"Third\"\n step-type=\"disabled\"\n ></ic-step>\n <ic-step\n step-title=\"Fourth title that is long and should wrap\"\n step-subtitle=\"Optional Subtitle\"\n step-type=\"completed\"\n ></ic-step>\n <ic-step\n step-title=\"Fifth and final step\"\n step-subtitle=\"Optional Subtitle\"\n step-status=\"optional\"\n ></ic-step>\n </ic-stepper>`,\n });\n\n page.rootInstance.el.clientWidth = 50;\n\n resizeTo(window, 375, 812);\n\n page.rootInstance.resizeObserverCallback();\n\n await page.waitForChanges();\n\n expect(page.rootInstance.variant).toMatch(\"compact\");\n\n resizeTo(window, 1920, 1080);\n\n page.rootInstance.el.clientWidth = 1000;\n\n page.rootInstance.resizeObserverCallback();\n\n await page.waitForChanges();\n\n expect(page.rootInstance.variant).toMatch(\"default\");\n\n expect(page.rootInstance[\"variantOverride\"]).toBeTruthy();\n });\n});\n"]}

package/dist/collection/components/ic-switch/ic-switch.css CHANGED Viewed

@@ -578,7 +578,7 @@ input {
 .ic-switch-input:disabled + .ic-switch-toggle {
   background-color: var(--ic-architectural-80);
-  border: var(--ic-space-1px) dashed var(--ic-architectural-300);
+  border: var(--ic-border-disabled);
 }
 .ic-switch-input:disabled ~ .ic-switch-checked-status {

package/dist/collection/components/ic-switch/ic-switch.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { Host, h, } from "@stencil/core";
-import { getInputDescribedByText, onComponentRequiredPropUndefined, renderHiddenInput, addFormResetListener, removeFormResetListener, } from "../../utils/helpers";
+import { getInputDescribedByText, onComponentRequiredPropUndefined, renderHiddenInput, addFormResetListener, removeFormResetListener, removeDisabledFalse, } from "../../utils/helpers";
 let inputIds = 0;
 /**
  * @slot right-adornment - Content is placed to the right of switch before state label.
@@ -46,6 +46,7 @@ export class Switch {
   componentWillLoad() {
     this.checkedState = this.checked;
     addFormResetListener(this.el, this.handleFormReset);
+    removeDisabledFalse(this.disabled, this.el);
   }
   componentDidLoad() {
     onComponentRequiredPropUndefined([{ prop: this.label, propName: "label" }], "Switch");

package/dist/collection/components/ic-switch/ic-switch.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ic-switch.js","sourceRoot":"","sources":["../../../src/components/ic-switch/ic-switch.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n Host,\n h,\n Prop,\n State,\n Element,\n Event,\n EventEmitter,\n Method,\n} from \"@stencil/core\";\nimport {\n getInputDescribedByText,\n onComponentRequiredPropUndefined,\n renderHiddenInput,\n addFormResetListener,\n removeFormResetListener,\n} from \"../../utils/helpers\";\nimport { IcSwitchChangeEventDetail } from \"./ic-switch.types\";\n\nlet inputIds = 0;\n\n/*\n @slot right-adornment - Content is placed to the right of switch before state label.\n /\n@Component({\n tag: \"ic-switch\",\n styleUrl: \"ic-switch.css\",\n shadow: {\n delegatesFocus: true,\n },\n})\nexport class Switch {\n private inputId = `ic-switch-input-${inputIds++}`;\n\n @Element() el: HTMLIcSwitchElement;\n\n /\n The aria-label applied to the switch when no visual 'name' is provided.\n /\n @Prop() label!: string;\n\n /\n If `true`, the label will be hidden and the required label value will be applied as an aria-label.\n /\n @Prop() hideLabel?: boolean = false;\n /\n The helper text that will be displayed for additional field guidance.\n /\n @Prop() helperText?: string = \"\";\n /\n If `true`, the switch will display as checked.\n /\n @Prop() checked?: boolean = false;\n /\n If `true`, the small styling will be applied to the switch.\n /\n @Prop() small?: boolean = false;\n /\n If `true`, the disabled state will be set.\n /\n @Prop() disabled?: boolean = false;\n /\n The name of the control, which is submitted with the form data.\n /\n @Prop() name?: string = this.inputId;\n /\n If `true`, the switch will render the On/Off state text.\n /\n @Prop() showState?: boolean = false;\n\n /\n The value of the toggle does not mean if it's checked or not, use the `checked`\n * property for that.\n \n The value of a toggle is analogous to the value of a `<input type=\"checkbox\">`,\n * it's only used when the toggle participates in a native `<form>`.\n /\n @Prop() value?: string \| null = \"on\";\n\n /\n Emitted when the value property has changed.\n /\n @Event() icChange!: EventEmitter<IcSwitchChangeEventDetail>;\n\n /\n Emitted when the toggle has focus.\n /\n @Event() icFocus!: EventEmitter<void>;\n\n /\n Emitted when the toggle loses focus.\n /\n @Event() icBlur!: EventEmitter<void>;\n\n @State() checkedState: boolean = false;\n @State() initiallyChecked = this.checked;\n\n private handleChange = () => {\n this.checkedState = !this.checkedState;\n this.icChange.emit({\n checked: this.checkedState,\n value: this.value,\n });\n };\n\n private onFocus = () => {\n this.icFocus.emit();\n };\n\n private onBlur = () => {\n this.icBlur.emit();\n };\n\n private handleFormReset = (): void => {\n this.checkedState = this.initiallyChecked;\n };\n\n /\n Sets focus on the switch.\n */\n @Method()\n async setFocus(): Promise<void> {\n if (this.el.shadowRoot.querySelector(\"input\")) {\n this.el.shadowRoot.querySelector(\"input\").focus();\n }\n }\n\n componentWillLoad(): void {\n this.checkedState = this.checked;\n addFormResetListener(this.el, this.handleFormReset);\n }\n\n componentDidLoad(): void {\n onComponentRequiredPropUndefined(\n [{ prop: this.label, propName: \"label\" }],\n \"Switch\"\n );\n }\n\n disconnectedCallback(): void {\n removeFormResetListener(this.el, this.handleFormReset);\n }\n\n render() {\n const {\n label,\n checkedState,\n small,\n disabled,\n name,\n showState,\n value,\n hideLabel,\n helperText,\n inputId,\n } = this;\n\n renderHiddenInput(true, this.el, name, checkedState ? value : \"\", disabled);\n\n const describedBy = getInputDescribedByText(\n inputId,\n helperText !== \"\",\n false\n );\n\n return (\n <Host>\n <label\n class={{\n [\"ic-switch-container\"]: true,\n [\"ic-switch-disabled\"]: disabled,\n [\"ic-switch-small\"]: small,\n }}\n htmlFor={inputId}\n >\n {!hideLabel && (\n <ic-input-label\n for={inputId}\n label={label}\n helperText={helperText}\n readonly={true}\n disabled={disabled}\n class={{\n [\"ic-switch-label\"]: true,\n [\"ic-switch-label-small\"]: small,\n }}\n ></ic-input-label>\n )}\n {!hideLabel && <span class=\"ic-switch-line-break\"></span>}\n <input\n checked={checkedState}\n disabled={disabled}\n aria-label={label}\n aria-checked={checkedState ? \"true\" : \"false\"}\n aria-describedby={describedBy}\n role=\"switch\"\n class=\"ic-switch-input\"\n type=\"checkbox\"\n name=\"toggle\"\n id={inputId}\n onFocus={this.onFocus}\n onBlur={this.onBlur}\n onChange={this.handleChange}\n />\n <span class=\"ic-switch-toggle\">\n <svg\n class=\"ic-switch-icon\"\n aria-hidden=\"true\"\n focusable=\"false\"\n viewBox=\"0 0 10 10\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <line\n class=\"ic-switch-icon-line\"\n x1=\"9\"\n y1={small ? \"2\" : \"1\"}\n x2=\"9\"\n y2={small ? \"8\" : \"9\"}\n />\n </svg>\n <svg\n class=\"ic-switch-icon\"\n aria-hidden=\"true\"\n focusable=\"false\"\n viewBox=\"0 0 10 10\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <circle\n class=\"ic-switch-icon-circle\"\n fill=\"none\"\n cx=\"5\"\n cy=\"5\"\n r={small ? \"3.335\" : \"4.445\"}\n />\n </svg>\n </span>\n <slot name=\"right-adornment\"></slot>\n {showState && (\n <ic-typography\n aria-hidden=\"true\"\n variant=\"label\"\n class=\"ic-switch-checked-status\"\n >\n {checkedState ? \"On\" : \"Off\"}\n </ic-typography>\n )}\n </label>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"ic-switch.js","sourceRoot":"","sources":["../../../src/components/ic-switch/ic-switch.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n Host,\n h,\n Prop,\n State,\n Element,\n Event,\n EventEmitter,\n Method,\n} from \"@stencil/core\";\nimport {\n getInputDescribedByText,\n onComponentRequiredPropUndefined,\n renderHiddenInput,\n addFormResetListener,\n removeFormResetListener,\n removeDisabledFalse,\n} from \"../../utils/helpers\";\nimport { IcSwitchChangeEventDetail } from \"./ic-switch.types\";\n\nlet inputIds = 0;\n\n/*\n @slot right-adornment - Content is placed to the right of switch before state label.\n /\n@Component({\n tag: \"ic-switch\",\n styleUrl: \"ic-switch.css\",\n shadow: {\n delegatesFocus: true,\n },\n})\nexport class Switch {\n private inputId = `ic-switch-input-${inputIds++}`;\n\n @Element() el: HTMLIcSwitchElement;\n\n /\n The aria-label applied to the switch when no visual 'name' is provided.\n /\n @Prop() label!: string;\n\n /\n If `true`, the label will be hidden and the required label value will be applied as an aria-label.\n /\n @Prop() hideLabel?: boolean = false;\n /\n The helper text that will be displayed for additional field guidance.\n /\n @Prop() helperText?: string = \"\";\n /\n If `true`, the switch will display as checked.\n /\n @Prop() checked?: boolean = false;\n /\n If `true`, the small styling will be applied to the switch.\n /\n @Prop() small?: boolean = false;\n /\n If `true`, the disabled state will be set.\n /\n @Prop() disabled?: boolean = false;\n /\n The name of the control, which is submitted with the form data.\n /\n @Prop() name?: string = this.inputId;\n /\n If `true`, the switch will render the On/Off state text.\n /\n @Prop() showState?: boolean = false;\n\n /\n The value of the toggle does not mean if it's checked or not, use the `checked`\n * property for that.\n \n The value of a toggle is analogous to the value of a `<input type=\"checkbox\">`,\n * it's only used when the toggle participates in a native `<form>`.\n /\n @Prop() value?: string \| null = \"on\";\n\n /\n Emitted when the value property has changed.\n /\n @Event() icChange!: EventEmitter<IcSwitchChangeEventDetail>;\n\n /\n Emitted when the toggle has focus.\n /\n @Event() icFocus!: EventEmitter<void>;\n\n /\n Emitted when the toggle loses focus.\n /\n @Event() icBlur!: EventEmitter<void>;\n\n @State() checkedState: boolean = false;\n @State() initiallyChecked = this.checked;\n\n private handleChange = () => {\n this.checkedState = !this.checkedState;\n this.icChange.emit({\n checked: this.checkedState,\n value: this.value,\n });\n };\n\n private onFocus = () => {\n this.icFocus.emit();\n };\n\n private onBlur = () => {\n this.icBlur.emit();\n };\n\n private handleFormReset = (): void => {\n this.checkedState = this.initiallyChecked;\n };\n\n /\n Sets focus on the switch.\n */\n @Method()\n async setFocus(): Promise<void> {\n if (this.el.shadowRoot.querySelector(\"input\")) {\n this.el.shadowRoot.querySelector(\"input\").focus();\n }\n }\n\n componentWillLoad(): void {\n this.checkedState = this.checked;\n addFormResetListener(this.el, this.handleFormReset);\n\n removeDisabledFalse(this.disabled, this.el);\n }\n\n componentDidLoad(): void {\n onComponentRequiredPropUndefined(\n [{ prop: this.label, propName: \"label\" }],\n \"Switch\"\n );\n }\n\n disconnectedCallback(): void {\n removeFormResetListener(this.el, this.handleFormReset);\n }\n\n render() {\n const {\n label,\n checkedState,\n small,\n disabled,\n name,\n showState,\n value,\n hideLabel,\n helperText,\n inputId,\n } = this;\n\n renderHiddenInput(true, this.el, name, checkedState ? value : \"\", disabled);\n\n const describedBy = getInputDescribedByText(\n inputId,\n helperText !== \"\",\n false\n );\n\n return (\n <Host>\n <label\n class={{\n [\"ic-switch-container\"]: true,\n [\"ic-switch-disabled\"]: disabled,\n [\"ic-switch-small\"]: small,\n }}\n htmlFor={inputId}\n >\n {!hideLabel && (\n <ic-input-label\n for={inputId}\n label={label}\n helperText={helperText}\n readonly={true}\n disabled={disabled}\n class={{\n [\"ic-switch-label\"]: true,\n [\"ic-switch-label-small\"]: small,\n }}\n ></ic-input-label>\n )}\n {!hideLabel && <span class=\"ic-switch-line-break\"></span>}\n <input\n checked={checkedState}\n disabled={disabled}\n aria-label={label}\n aria-checked={checkedState ? \"true\" : \"false\"}\n aria-describedby={describedBy}\n role=\"switch\"\n class=\"ic-switch-input\"\n type=\"checkbox\"\n name=\"toggle\"\n id={inputId}\n onFocus={this.onFocus}\n onBlur={this.onBlur}\n onChange={this.handleChange}\n />\n <span class=\"ic-switch-toggle\">\n <svg\n class=\"ic-switch-icon\"\n aria-hidden=\"true\"\n focusable=\"false\"\n viewBox=\"0 0 10 10\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <line\n class=\"ic-switch-icon-line\"\n x1=\"9\"\n y1={small ? \"2\" : \"1\"}\n x2=\"9\"\n y2={small ? \"8\" : \"9\"}\n />\n </svg>\n <svg\n class=\"ic-switch-icon\"\n aria-hidden=\"true\"\n focusable=\"false\"\n viewBox=\"0 0 10 10\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <circle\n class=\"ic-switch-icon-circle\"\n fill=\"none\"\n cx=\"5\"\n cy=\"5\"\n r={small ? \"3.335\" : \"4.445\"}\n />\n </svg>\n </span>\n <slot name=\"right-adornment\"></slot>\n {showState && (\n <ic-typography\n aria-hidden=\"true\"\n variant=\"label\"\n class=\"ic-switch-checked-status\"\n >\n {checkedState ? \"On\" : \"Off\"}\n </ic-typography>\n )}\n </label>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/ic-switch/ic-switch.spec.js ADDED Viewed

@@ -0,0 +1,104 @@
+import { newSpecPage } from "@stencil/core/testing";
+import { Switch } from "./ic-switch";
+describe("ic-switch component", () => {
+  it("should render an aria-label", async () => {
+    const page = await newSpecPage({
+      components: [Switch],
+      html: `<ic-switch label="Custom title"></ic-switch>`,
+    });
+    expect(page.root).toMatchSnapshot("renders-with-aria");
+  });
+  it("should render disabled", async () => {
+    const page = await newSpecPage({
+      components: [Switch],
+      html: `<ic-switch label="Custom title" disabled=true></ic-switch>`,
+    });
+    expect(page.root).toMatchSnapshot("renders-disabled");
+  });
+  it("should render checked", async () => {
+    const page = await newSpecPage({
+      components: [Switch],
+      html: `<ic-switch label="Custom title" checked=true></ic-switch>`,
+    });
+    expect(page.root).toMatchSnapshot("renders-checked");
+  });
+  it("should render small", async () => {
+    const page = await newSpecPage({
+      components: [Switch],
+      html: `<ic-switch label="Custom title" checked=true small></ic-switch>`,
+    });
+    expect(page.root).toMatchSnapshot("renders-small");
+  });
+  it("should render with state text", async () => {
+    const page = await newSpecPage({
+      components: [Switch],
+      html: `<ic-switch label="Custom title" checked=true show-state></ic-switch>`,
+    });
+    expect(page.root).toMatchSnapshot("renders-with-state-text");
+  });
+  it("should render with state text and unchecked", async () => {
+    const page = await newSpecPage({
+      components: [Switch],
+      html: `<ic-switch label="Custom title" checked="false" show-state="true"></ic-switch>`,
+    });
+    expect(page.root).toMatchSnapshot("renders-with-state-text-unchecked");
+  });
+  it("should focus", async () => {
+    const page = await newSpecPage({
+      components: [Switch],
+      html: `<ic-switch label="Custom title" checked=true></ic-switch>`,
+    });
+    const callbackFn = jest.fn();
+    page.doc.addEventListener("icFocus", callbackFn);
+    const input = page.root.shadowRoot.querySelector("input");
+    input.focus();
+    await page.waitForChanges();
+    expect(callbackFn).toHaveBeenCalled();
+  });
+  it("should blur", async () => {
+    const page = await newSpecPage({
+      components: [Switch],
+      html: `<ic-switch label="Custom title" checked=true></ic-switch>`,
+    });
+    const callbackFn = jest.fn();
+    page.doc.addEventListener("icBlur", callbackFn);
+    const input = page.root.shadowRoot.querySelector("input");
+    input.blur();
+    await page.waitForChanges();
+    expect(callbackFn).toHaveBeenCalled();
+  });
+  it("should toggle checkedState", async () => {
+    const page = await newSpecPage({
+      components: [Switch],
+      html: `<ic-switch label="Custom title" checked=true></ic-switch>`,
+    });
+    expect(page.rootInstance.checkedState).toBe(true);
+    page.rootInstance.handleChange();
+    await page.waitForChanges();
+    expect(page.rootInstance.checkedState).toBe(false);
+  });
+  it("should call 'setFocus' when switch is focused", async () => {
+    const page = await newSpecPage({
+      components: [Switch],
+      html: `<ic-switch label="Custom title"></ic-switch>`,
+    });
+    //Can't expect anything in this test - this is to increase code coverage only
+    await page.rootInstance.setFocus().toHaveBeenCalled;
+  });
+  it("should reset to initial state on form reset", async () => {
+    const page = await newSpecPage({
+      components: [Switch],
+      html: `<form><ic-switch label="Custom title" checked=true></ic-switch><button id="resetButton" type="reset">Reset</button></form>`,
+    });
+    expect(page.rootInstance.checkedState).toBe(true);
+    page.rootInstance.handleChange();
+    await page.waitForChanges();
+    expect(page.rootInstance.checkedState).toBe(false);
+    await page.rootInstance.handleFormReset();
+    await page.waitForChanges();
+    expect(page.rootInstance.checkedState).toBe(true);
+    //test disconnected callback
+    page.setContent("");
+  });
+});
+//# sourceMappingURL=ic-switch.spec.js.map

package/dist/collection/components/ic-switch/ic-switch.spec.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ic-switch.spec.js","sourceRoot":"","sources":["../../../src/components/ic-switch/ic-switch.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { newSpecPage } from \"@stencil/core/testing\";\nimport { Switch } from \"./ic-switch\";\n\ndescribe(\"ic-switch component\", () => {\n it(\"should render an aria-label\", async () => {\n const page = await newSpecPage({\n components: [Switch],\n html: `<ic-switch label=\"Custom title\"></ic-switch>`,\n });\n\n expect(page.root).toMatchSnapshot(\"renders-with-aria\");\n });\n\n it(\"should render disabled\", async () => {\n const page = await newSpecPage({\n components: [Switch],\n html: `<ic-switch label=\"Custom title\" disabled=true></ic-switch>`,\n });\n\n expect(page.root).toMatchSnapshot(\"renders-disabled\");\n });\n\n it(\"should render checked\", async () => {\n const page = await newSpecPage({\n components: [Switch],\n html: `<ic-switch label=\"Custom title\" checked=true></ic-switch>`,\n });\n\n expect(page.root).toMatchSnapshot(\"renders-checked\");\n });\n\n it(\"should render small\", async () => {\n const page = await newSpecPage({\n components: [Switch],\n html: `<ic-switch label=\"Custom title\" checked=true small></ic-switch>`,\n });\n\n expect(page.root).toMatchSnapshot(\"renders-small\");\n });\n\n it(\"should render with state text\", async () => {\n const page = await newSpecPage({\n components: [Switch],\n html: `<ic-switch label=\"Custom title\" checked=true show-state></ic-switch>`,\n });\n\n expect(page.root).toMatchSnapshot(\"renders-with-state-text\");\n });\n\n it(\"should render with state text and unchecked\", async () => {\n const page = await newSpecPage({\n components: [Switch],\n html: `<ic-switch label=\"Custom title\" checked=\"false\" show-state=\"true\"></ic-switch>`,\n });\n\n expect(page.root).toMatchSnapshot(\"renders-with-state-text-unchecked\");\n });\n\n it(\"should focus\", async () => {\n const page = await newSpecPage({\n components: [Switch],\n html: `<ic-switch label=\"Custom title\" checked=true></ic-switch>`,\n });\n\n const callbackFn = jest.fn();\n page.doc.addEventListener(\"icFocus\", callbackFn);\n const input = page.root.shadowRoot.querySelector(\"input\");\n input.focus();\n await page.waitForChanges();\n expect(callbackFn).toHaveBeenCalled();\n });\n\n it(\"should blur\", async () => {\n const page = await newSpecPage({\n components: [Switch],\n html: `<ic-switch label=\"Custom title\" checked=true></ic-switch>`,\n });\n\n const callbackFn = jest.fn();\n page.doc.addEventListener(\"icBlur\", callbackFn);\n const input = page.root.shadowRoot.querySelector(\"input\");\n input.blur();\n await page.waitForChanges();\n expect(callbackFn).toHaveBeenCalled();\n });\n\n it(\"should toggle checkedState\", async () => {\n const page = await newSpecPage({\n components: [Switch],\n html: `<ic-switch label=\"Custom title\" checked=true></ic-switch>`,\n });\n\n expect(page.rootInstance.checkedState).toBe(true);\n page.rootInstance.handleChange();\n await page.waitForChanges();\n\n expect(page.rootInstance.checkedState).toBe(false);\n });\n\n it(\"should call 'setFocus' when switch is focused\", async () => {\n const page = await newSpecPage({\n components: [Switch],\n html: `<ic-switch label=\"Custom title\"></ic-switch>`,\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 reset to initial state on form reset\", async () => {\n const page = await newSpecPage({\n components: [Switch],\n html: `<form><ic-switch label=\"Custom title\" checked=true></ic-switch><button id=\"resetButton\" type=\"reset\">Reset</button></form>`,\n });\n\n expect(page.rootInstance.checkedState).toBe(true);\n\n page.rootInstance.handleChange();\n await page.waitForChanges();\n\n expect(page.rootInstance.checkedState).toBe(false);\n\n await page.rootInstance.handleFormReset();\n await page.waitForChanges();\n\n expect(page.rootInstance.checkedState).toBe(true);\n\n //test disconnected callback\n page.setContent(\"\");\n });\n});\n"]}

package/dist/collection/components/ic-tab/ic-tab.e2e.js ADDED Viewed

@@ -0,0 +1,32 @@
+import { newE2EPage } from "@stencil/core/testing";
+describe("ic-tab component", () => {
+  it("should call tabClick event when clicked", async () => {
+    const page = await newE2EPage();
+    await page.setContent(`<ic-tab tab-id="test-id" tab-position="1">IC Tab Test</ic-tab>`);
+    await page.waitForChanges();
+    const tab = await page.find("ic-tab");
+    const tabClick = await page.spyOnEvent("tabClick");
+    await tab.click();
+    await page.waitForChanges();
+    expect(tabClick).toHaveReceivedEventDetail({
+      tabId: "test-id",
+      contextId: "default",
+      position: 1,
+    });
+  });
+  it("should call tabFocus event when focussed", async () => {
+    const page = await newE2EPage();
+    await page.setContent(`<ic-tab tab-id="test-id" tab-position="1">IC Tab Test</ic-tab>`);
+    await page.waitForChanges();
+    const tab = await page.find("ic-tab");
+    const tabFocus = await page.spyOnEvent("tabFocus");
+    await tab.focus();
+    await page.waitForChanges();
+    expect(tabFocus).toHaveReceivedEventDetail({
+      tabId: "test-id",
+      contextId: "default",
+      position: 1,
+    });
+  });
+});
+//# sourceMappingURL=ic-tab.e2e.js.map

package/dist/collection/components/ic-tab/ic-tab.e2e.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ic-tab.e2e.js","sourceRoot":"","sources":["../../../src/components/ic-tab/ic-tab.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;EAChC,EAAE,CAAC,yCAAyC,EAAE,KAAK,IAAI,EAAE;IACvD,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CACnB,gEAAgE,CACjE,CAAC;IACF,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAE5B,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACtC,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;IACnD,MAAM,GAAG,CAAC,KAAK,EAAE,CAAC;IAElB,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAE5B,MAAM,CAAC,QAAQ,CAAC,CAAC,yBAAyB,CAAC;MACzC,KAAK,EAAE,SAAS;MAChB,SAAS,EAAE,SAAS;MACpB,QAAQ,EAAE,CAAC;KACZ,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,0CAA0C,EAAE,KAAK,IAAI,EAAE;IACxD,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CACnB,gEAAgE,CACjE,CAAC;IACF,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAE5B,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACtC,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;IACnD,MAAM,GAAG,CAAC,KAAK,EAAE,CAAC;IAElB,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAE5B,MAAM,CAAC,QAAQ,CAAC,CAAC,yBAAyB,CAAC;MACzC,KAAK,EAAE,SAAS;MAChB,SAAS,EAAE,SAAS;MACpB,QAAQ,EAAE,CAAC;KACZ,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from \"@stencil/core/testing\";\n\ndescribe(\"ic-tab component\", () => {\n it(\"should call tabClick event when clicked\", async () => {\n const page = await newE2EPage();\n await page.setContent(\n `<ic-tab tab-id=\"test-id\" tab-position=\"1\">IC Tab Test</ic-tab>`\n );\n await page.waitForChanges();\n\n const tab = await page.find(\"ic-tab\");\n const tabClick = await page.spyOnEvent(\"tabClick\");\n await tab.click();\n\n await page.waitForChanges();\n\n expect(tabClick).toHaveReceivedEventDetail({\n tabId: \"test-id\",\n contextId: \"default\",\n position: 1,\n });\n });\n\n it(\"should call tabFocus event when focussed\", async () => {\n const page = await newE2EPage();\n await page.setContent(\n `<ic-tab tab-id=\"test-id\" tab-position=\"1\">IC Tab Test</ic-tab>`\n );\n await page.waitForChanges();\n\n const tab = await page.find(\"ic-tab\");\n const tabFocus = await page.spyOnEvent(\"tabFocus\");\n await tab.focus();\n\n await page.waitForChanges();\n\n expect(tabFocus).toHaveReceivedEventDetail({\n tabId: \"test-id\",\n contextId: \"default\",\n position: 1,\n });\n });\n});\n"]}

package/dist/collection/components/ic-tab/ic-tab.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import { Host, h, } from "@stencil/core";
 import { IcThemeForegroundEnum, } from "../../utils/types";
+import { removeDisabledFalse } from "../../utils/helpers";
 /**
  * @slot icon - Content will be rendered next to the tab label.
  */
@@ -53,6 +54,9 @@ export class Tab {
       this.host.focus();
     }
   }
+  componentWillLoad() {
+    removeDisabledFalse(this.disabled, this.host);
+  }
   componentDidUpdate() {
     this.isInitialRender = false;
   }

package/dist/collection/components/ic-tab/ic-tab.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ic-tab.js","sourceRoot":"","sources":["../../../src/components/ic-tab/ic-tab.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,OAAO,EACP,KAAK,EAEL,IAAI,EACJ,IAAI,EACJ,CAAC,EACD,MAAM,GACP,MAAM,eAAe,CAAC;AAGvB,OAAO,EAEL,qBAAqB,GACtB,MAAM,mBAAmB,CAAC;~~AAE3B~~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","sourcesContent":["import {\n Component,\n Element,\n Event,\n EventEmitter,\n Host,\n Prop,\n h,\n Method,\n} from \"@stencil/core\";\n\nimport { IcTabClickEventDetail } from \"./ic-tab.types\";\nimport {\n IcThemeForegroundNoDefault,\n IcThemeForegroundEnum,\n} from \"../../utils/types\";\n\n/*\n @slot icon - Content will be rendered next to the tab label.\n /\n@Component({\n tag: \"ic-tab\",\n styleUrl: \"ic-tab.css\",\n shadow: true,\n})\nexport class Tab {\n @Element() host: HTMLIcTabElement;\n\n /* @internal The unique context needed if using multiple tabs inside one another i.e. rendering another tabs inside a tab panel. /\n @Prop({ reflect: true }) contextId?: string = \"default\";\n\n /\n If `true`, the disabled state will be set.\n /\n @Prop() disabled?: boolean = false;\n\n /* @internal If `true`, the tab will display with a selected indicator and tabIndex will be set. /\n @Prop({ reflect: true }) selected?: boolean = false;\n\n /* @internal The shared ID between panel and tab. /\n @Prop({ reflect: true }) tabId?: string;\n\n /* @internal The position of the tab inside the tabs array in context. /\n @Prop() tabPosition?: number;\n\n /* @internal Determines whether the light or dark variant of the tabs should be displayed. /\n @Prop() appearance?: IcThemeForegroundNoDefault = \"dark\";\n\n /\n @internal Emitted when a tab is selected.\n /\n @Event() tabClick: EventEmitter<IcTabClickEventDetail>;\n\n /\n @internal Emitted when a tab is focussed.\n /\n @Event() tabFocus: EventEmitter<IcTabClickEventDetail>;\n /\n @internal Emitted when a tab is dynamically created.\n /\n @Event() tabCreated: EventEmitter<HTMLIcTabElement>;\n\n /\n @internal Emitted when a tab is unmounted.\n /\n @Event() tabRemoved: EventEmitter<void>;\n\n private isInitialRender: boolean = true;\n private focusFromClick: boolean = false;\n private focusTabId: string;\n\n private handleClick = () => {\n this.tabClick.emit({\n tabId: this.tabId,\n contextId: this.contextId,\n position: this.tabPosition,\n });\n if (this.focusFromClick) {\n this.tabFocus.emit({\n tabId: this.tabId,\n contextId: this.contextId,\n position: this.tabPosition,\n });\n this.focusFromClick = false;\n }\n };\n\n private handleFocus = () => {\n if (!this.focusFromClick) {\n this.focusTabId = this.tabId;\n\n this.tabFocus.emit({\n tabId: this.tabId,\n contextId: this.contextId,\n position: this.tabPosition,\n });\n }\n };\n\n private handleMouseDown = () => {\n //set flag so that focus gets handled after click\n //there is a timing issue where a long click only causes focus to happen & not the click\n //the focus does need to be a seperate event though to handle focus from keyboard\n this.focusFromClick = true;\n };\n\n /\n Sets focus on the tab.\n */\n @Method()\n async setFocus(): Promise<void> {\n if (this.host) {\n this.host.focus();\n }\n }\n\n componentDidUpdate(): void {\n this.isInitialRender = false;\n }\n\n connectedCallback(): void {\n this.tabCreated.emit(this.host);\n }\n\n disconnectedCallback(): void {\n const tabContext = document.querySelector(\n `ic-tab-context[context-id=${this.contextId}]`\n ) as HTMLIcTabContextElement;\n if (tabContext) {\n tabContext.tabRemovedHandler(!!this.focusTabId);\n }\n }\n\n render() {\n const { disabled, selected, appearance } = this;\n return (\n <Host\n class={{\n [\"with-transition\"]: !this.isInitialRender,\n [\"ic-tab-light\"]: appearance === IcThemeForegroundEnum.Light,\n [\"selected\"]: selected,\n [\"disabled\"]: disabled,\n }}\n role=\"tab\"\n aria-selected={selected ? \"true\" : \"false\"}\n onClick={this.handleClick}\n onFocus={this.handleFocus}\n onMouseDown={this.handleMouseDown}\n aria-disabled={disabled ? \"true\" : \"false\"}\n tabindex={this.selected ? 0 : -1}\n >\n {this.host.querySelector('[slot=\"icon\"]') && <slot name=\"icon\"></slot>}\n <ic-typography class=\"ic-tab-label\" variant=\"label\">\n <span>\n <slot></slot>\n </span>\n </ic-typography>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"ic-tab.js","sourceRoot":"","sources":["../../../src/components/ic-tab/ic-tab.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n Component,\n Element,\n Event,\n EventEmitter,\n Host,\n Prop,\n h,\n Method,\n} from \"@stencil/core\";\n\nimport { IcTabClickEventDetail } from \"./ic-tab.types\";\nimport {\n IcThemeForegroundNoDefault,\n IcThemeForegroundEnum,\n} from \"../../utils/types\";\nimport { removeDisabledFalse } from \"../../utils/helpers\";\n\n/*\n @slot icon - Content will be rendered next to the tab label.\n /\n@Component({\n tag: \"ic-tab\",\n styleUrl: \"ic-tab.css\",\n shadow: true,\n})\nexport class Tab {\n @Element() host: HTMLIcTabElement;\n\n /* @internal The unique context needed if using multiple tabs inside one another i.e. rendering another tabs inside a tab panel. /\n @Prop({ reflect: true }) contextId?: string = \"default\";\n\n /\n If `true`, the disabled state will be set.\n /\n @Prop() disabled?: boolean = false;\n\n /* @internal If `true`, the tab will display with a selected indicator and tabIndex will be set. /\n @Prop({ reflect: true }) selected?: boolean = false;\n\n /* @internal The shared ID between panel and tab. /\n @Prop({ reflect: true }) tabId?: string;\n\n /* @internal The position of the tab inside the tabs array in context. /\n @Prop() tabPosition?: number;\n\n /* @internal Determines whether the light or dark variant of the tabs should be displayed. /\n @Prop() appearance?: IcThemeForegroundNoDefault = \"dark\";\n\n /\n @internal Emitted when a tab is selected.\n /\n @Event() tabClick: EventEmitter<IcTabClickEventDetail>;\n\n /\n @internal Emitted when a tab is focussed.\n /\n @Event() tabFocus: EventEmitter<IcTabClickEventDetail>;\n /\n @internal Emitted when a tab is dynamically created.\n /\n @Event() tabCreated: EventEmitter<HTMLIcTabElement>;\n\n /\n @internal Emitted when a tab is unmounted.\n /\n @Event() tabRemoved: EventEmitter<void>;\n\n private isInitialRender: boolean = true;\n private focusFromClick: boolean = false;\n private focusTabId: string;\n\n private handleClick = () => {\n this.tabClick.emit({\n tabId: this.tabId,\n contextId: this.contextId,\n position: this.tabPosition,\n });\n if (this.focusFromClick) {\n this.tabFocus.emit({\n tabId: this.tabId,\n contextId: this.contextId,\n position: this.tabPosition,\n });\n this.focusFromClick = false;\n }\n };\n\n private handleFocus = () => {\n if (!this.focusFromClick) {\n this.focusTabId = this.tabId;\n\n this.tabFocus.emit({\n tabId: this.tabId,\n contextId: this.contextId,\n position: this.tabPosition,\n });\n }\n };\n\n private handleMouseDown = () => {\n //set flag so that focus gets handled after click\n //there is a timing issue where a long click only causes focus to happen & not the click\n //the focus does need to be a seperate event though to handle focus from keyboard\n this.focusFromClick = true;\n };\n\n /\n Sets focus on the tab.\n */\n @Method()\n async setFocus(): Promise<void> {\n if (this.host) {\n this.host.focus();\n }\n }\n\n componentWillLoad(): void {\n removeDisabledFalse(this.disabled, this.host);\n }\n\n componentDidUpdate(): void {\n this.isInitialRender = false;\n }\n\n connectedCallback(): void {\n this.tabCreated.emit(this.host);\n }\n\n disconnectedCallback(): void {\n const tabContext = document.querySelector(\n `ic-tab-context[context-id=${this.contextId}]`\n ) as HTMLIcTabContextElement;\n if (tabContext) {\n tabContext.tabRemovedHandler(!!this.focusTabId);\n }\n }\n\n render() {\n const { disabled, selected, appearance } = this;\n return (\n <Host\n class={{\n [\"with-transition\"]: !this.isInitialRender,\n [\"ic-tab-light\"]: appearance === IcThemeForegroundEnum.Light,\n [\"selected\"]: selected,\n [\"disabled\"]: disabled,\n }}\n role=\"tab\"\n aria-selected={selected ? \"true\" : \"false\"}\n onClick={this.handleClick}\n onFocus={this.handleFocus}\n onMouseDown={this.handleMouseDown}\n aria-disabled={disabled ? \"true\" : \"false\"}\n tabindex={this.selected ? 0 : -1}\n >\n {this.host.querySelector('[slot=\"icon\"]') && <slot name=\"icon\"></slot>}\n <ic-typography class=\"ic-tab-label\" variant=\"label\">\n <span>\n <slot></slot>\n </span>\n </ic-typography>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/ic-tab/ic-tab.spec.js ADDED Viewed

@@ -0,0 +1,159 @@
+import { newSpecPage } from "@stencil/core/testing";
+import { Button } from "../ic-button/ic-button";
+import { Tab } from "./ic-tab";
+import { Typography } from "../ic-typography/ic-typography";
+describe("ic-tab component", () => {
+  it("should render with correct label", async () => {
+    const page = await newSpecPage({
+      components: [Button, Tab, Typography],
+      html: `<ic-tab tab-position=1>IC Tab Test</ic-tab>`,
+    });
+    expect(page.root)
+      .toEqualHtml(`<ic-tab aria-disabled="false" aria-selected="false" context-id="default" role="tab" tabindex="-1" tab-position="1">
+    <mock:shadow-root>
+      <ic-typography class="ic-tab-label ic-typography-label">
+        <mock:shadow-root>
+          <slot></slot>
+        </mock:shadow-root>
+        <span>
+          <slot></slot>
+        </span>
+      </ic-typography>
+    </mock:shadow-root>
+    IC Tab Test
+  </ic-tab>`);
+  });
+  it("should set the correct attributes when selected", async () => {
+    const page = await newSpecPage({
+      components: [Button, Tab, Typography],
+      html: `<ic-tab selected tab-position=1>IC Tab Test</ic-tab>`,
+      supportsShadowDom: true,
+    });
+    expect(page.root)
+      .toEqualHtml(`<ic-tab aria-disabled="false" aria-selected="true" class="selected" context-id="default" role="tab" selected="" tabindex="0" tab-position="1">
+    <mock:shadow-root>
+      <ic-typography class="ic-tab-label ic-typography-label">
+        <mock:shadow-root>
+          <slot></slot>
+        </mock:shadow-root>
+        <span>
+          <slot></slot>
+        </span>
+      </ic-typography>
+    </mock:shadow-root>
+    IC Tab Test
+  </ic-tab>`);
+  });
+  it("should set the disabled attribute on the button", async () => {
+    const page = await newSpecPage({
+      components: [Button, Tab, Typography],
+      html: `<ic-tab disabled tab-position=1>IC Tab Test</ic-tab>`,
+      supportsShadowDom: true,
+    });
+    expect(page.root)
+      .toEqualHtml(`<ic-tab aria-disabled="true" aria-selected="false" class="disabled" context-id="default" disabled="" role="tab" tabindex="-1" tab-position="1">
+    <mock:shadow-root>
+      <ic-typography class="ic-tab-label ic-typography-label">
+        <mock:shadow-root>
+          <slot></slot>
+        </mock:shadow-root>
+        <span>
+          <slot></slot>
+        </span>
+      </ic-typography>
+    </mock:shadow-root>
+    IC Tab Test
+  </ic-tab>`);
+  });
+  it("should display an icon", async () => {
+    const page = await newSpecPage({
+      components: [Button, Tab, Typography],
+      html: `<ic-tab tab-position=1>IC Tab Test<svg slot="icon"></svg></ic-tab>`,
+      supportsShadowDom: true,
+    });
+    expect(page.root)
+      .toEqualHtml(`<ic-tab aria-disabled="false" aria-selected="false" context-id="default" role="tab" tabindex="-1" tab-position="1">
+    <mock:shadow-root>
+    <slot name="icon"></slot>
+      <ic-typography class="ic-tab-label ic-typography-label">
+        <mock:shadow-root>
+          <slot></slot>
+        </mock:shadow-root>
+        <span>
+          <slot></slot>
+        </span>
+      </ic-typography>
+    </mock:shadow-root>
+    IC Tab Test
+    <svg slot="icon"></svg>
+  </ic-tab>`);
+  });
+  it("should set focus to true on mouse down", async () => {
+    const page = await newSpecPage({
+      components: [Button, Tab, Typography],
+      html: `<ic-tab tab-position=1>IC Tab Test</ic-tab>`,
+      supportsShadowDom: true,
+    });
+    page.rootInstance.handleMouseDown();
+    page.waitForChanges();
+    expect(page.rootInstance.focusFromClick).toBe(true);
+  });
+  it("should set isInitialRender to false on component update", async () => {
+    const page = await newSpecPage({
+      components: [Button, Tab, Typography],
+      html: `<ic-tab tab-position=1>IC Tab Test</ic-tab>`,
+      supportsShadowDom: true,
+    });
+    page.rootInstance.componentDidUpdate();
+    page.waitForChanges();
+    expect(page.rootInstance.isInitialRender).toBe(false);
+  });
+  it("should emit tabFocus on handleFocus", async () => {
+    const page = await newSpecPage({
+      components: [Button, Tab, Typography],
+      html: `<ic-tab tab-position=1>IC Tab Test</ic-tab>`,
+      supportsShadowDom: true,
+    });
+    const callbackFn = jest.fn();
+    page.doc.addEventListener("tabFocus", callbackFn);
+    page.rootInstance.handleFocus();
+    page.waitForChanges();
+    expect(callbackFn).toHaveBeenCalled();
+  });
+  it("should emit tabClick on handleClick", async () => {
+    const page = await newSpecPage({
+      components: [Button, Tab, Typography],
+      html: `<ic-tab tab-position=1>IC Tab Test</ic-tab>`,
+      supportsShadowDom: true,
+    });
+    const callbackFn = jest.fn();
+    page.doc.addEventListener("tabClick", callbackFn);
+    page.rootInstance.handleClick();
+    page.waitForChanges();
+    expect(callbackFn).toHaveBeenCalled();
+  });
+  it("should call 'setFocus' when tab is focused", async () => {
+    const page = await newSpecPage({
+      components: [Tab],
+      html: `<ic-tab tab-position=1>IC Tab Test</ic-tab>`,
+    });
+    //Can't expect anything in this test - this is to increase code coverage only
+    await page.rootInstance.setFocus().toHaveBeenCalled;
+  });
+  it("should emit tabFocus on handleClick when focusFromClick is true", async () => {
+    const page = await newSpecPage({
+      components: [Button, Tab, Typography],
+      html: `<ic-tab tab-position=1>IC Tab Test</ic-tab>`,
+      supportsShadowDom: true,
+    });
+    page.rootInstance.focusFromClick = true;
+    page.waitForChanges();
+    const callbackFn = jest.fn();
+    page.doc.addEventListener("tabFocus", callbackFn);
+    page.rootInstance.handleClick();
+    page.waitForChanges();
+    expect(callbackFn).toHaveBeenCalled();
+    expect(page.rootInstance.focusFromClick).toBe(false);
+  });
+});
+//# sourceMappingURL=ic-tab.spec.js.map

package/dist/collection/components/ic-tab/ic-tab.spec.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ic-tab.spec.js","sourceRoot":"","sources":["../../../src/components/ic-tab/ic-tab.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { newSpecPage } from \"@stencil/core/testing\";\nimport { Button } from \"../ic-button/ic-button\";\nimport { Tab } from \"./ic-tab\";\nimport { Typography } from \"../ic-typography/ic-typography\";\n\ndescribe(\"ic-tab component\", () => {\n it(\"should render with correct label\", async () => {\n const page = await newSpecPage({\n components: [Button, Tab, Typography],\n html: `<ic-tab tab-position=1>IC Tab Test</ic-tab>`,\n });\n\n expect(page.root)\n .toEqualHtml(`<ic-tab aria-disabled=\"false\" aria-selected=\"false\" context-id=\"default\" role=\"tab\" tabindex=\"-1\" tab-position=\"1\">\n <mock:shadow-root>\n <ic-typography class=\"ic-tab-label ic-typography-label\">\n <mock:shadow-root>\n <slot></slot>\n </mock:shadow-root>\n <span>\n <slot></slot>\n </span>\n </ic-typography>\n </mock:shadow-root>\n IC Tab Test\n </ic-tab>`);\n });\n\n it(\"should set the correct attributes when selected\", async () => {\n const page = await newSpecPage({\n components: [Button, Tab, Typography],\n html: `<ic-tab selected tab-position=1>IC Tab Test</ic-tab>`,\n supportsShadowDom: true,\n });\n\n expect(page.root)\n .toEqualHtml(`<ic-tab aria-disabled=\"false\" aria-selected=\"true\" class=\"selected\" context-id=\"default\" role=\"tab\" selected=\"\" tabindex=\"0\" tab-position=\"1\">\n <mock:shadow-root>\n <ic-typography class=\"ic-tab-label ic-typography-label\">\n <mock:shadow-root>\n <slot></slot>\n </mock:shadow-root>\n <span>\n <slot></slot>\n </span>\n </ic-typography>\n </mock:shadow-root>\n IC Tab Test\n </ic-tab>`);\n });\n\n it(\"should set the disabled attribute on the button\", async () => {\n const page = await newSpecPage({\n components: [Button, Tab, Typography],\n html: `<ic-tab disabled tab-position=1>IC Tab Test</ic-tab>`,\n supportsShadowDom: true,\n });\n\n expect(page.root)\n .toEqualHtml(`<ic-tab aria-disabled=\"true\" aria-selected=\"false\" class=\"disabled\" context-id=\"default\" disabled=\"\" role=\"tab\" tabindex=\"-1\" tab-position=\"1\">\n <mock:shadow-root>\n <ic-typography class=\"ic-tab-label ic-typography-label\">\n <mock:shadow-root>\n <slot></slot>\n </mock:shadow-root>\n <span>\n <slot></slot>\n </span>\n </ic-typography>\n </mock:shadow-root>\n IC Tab Test\n </ic-tab>`);\n });\n\n it(\"should display an icon\", async () => {\n const page = await newSpecPage({\n components: [Button, Tab, Typography],\n html: `<ic-tab tab-position=1>IC Tab Test<svg slot=\"icon\"></svg></ic-tab>`,\n supportsShadowDom: true,\n });\n\n expect(page.root)\n .toEqualHtml(`<ic-tab aria-disabled=\"false\" aria-selected=\"false\" context-id=\"default\" role=\"tab\" tabindex=\"-1\" tab-position=\"1\">\n <mock:shadow-root>\n <slot name=\"icon\"></slot>\n <ic-typography class=\"ic-tab-label ic-typography-label\">\n <mock:shadow-root>\n <slot></slot>\n </mock:shadow-root>\n <span>\n <slot></slot>\n </span>\n </ic-typography>\n </mock:shadow-root>\n IC Tab Test\n <svg slot=\"icon\"></svg>\n </ic-tab>`);\n });\n\n it(\"should set focus to true on mouse down\", async () => {\n const page = await newSpecPage({\n components: [Button, Tab, Typography],\n html: `<ic-tab tab-position=1>IC Tab Test</ic-tab>`,\n supportsShadowDom: true,\n });\n\n page.rootInstance.handleMouseDown();\n page.waitForChanges();\n\n expect(page.rootInstance.focusFromClick).toBe(true);\n });\n\n it(\"should set isInitialRender to false on component update\", async () => {\n const page = await newSpecPage({\n components: [Button, Tab, Typography],\n html: `<ic-tab tab-position=1>IC Tab Test</ic-tab>`,\n supportsShadowDom: true,\n });\n\n page.rootInstance.componentDidUpdate();\n page.waitForChanges();\n\n expect(page.rootInstance.isInitialRender).toBe(false);\n });\n\n it(\"should emit tabFocus on handleFocus\", async () => {\n const page = await newSpecPage({\n components: [Button, Tab, Typography],\n html: `<ic-tab tab-position=1>IC Tab Test</ic-tab>`,\n supportsShadowDom: true,\n });\n\n const callbackFn = jest.fn();\n page.doc.addEventListener(\"tabFocus\", callbackFn);\n page.rootInstance.handleFocus();\n page.waitForChanges();\n\n expect(callbackFn).toHaveBeenCalled();\n });\n\n it(\"should emit tabClick on handleClick\", async () => {\n const page = await newSpecPage({\n components: [Button, Tab, Typography],\n html: `<ic-tab tab-position=1>IC Tab Test</ic-tab>`,\n supportsShadowDom: true,\n });\n\n const callbackFn = jest.fn();\n page.doc.addEventListener(\"tabClick\", callbackFn);\n page.rootInstance.handleClick();\n page.waitForChanges();\n\n expect(callbackFn).toHaveBeenCalled();\n });\n\n it(\"should call 'setFocus' when tab is focused\", async () => {\n const page = await newSpecPage({\n components: [Tab],\n html: `<ic-tab tab-position=1>IC Tab Test</ic-tab>`,\n });\n\n //Can't expect anything in this test - this is to increase code coverage only\n await page.rootInstance.setFocus().toHaveBeenCalled;\n });\n\n it(\"should emit tabFocus on handleClick when focusFromClick is true\", async () => {\n const page = await newSpecPage({\n components: [Button, Tab, Typography],\n html: `<ic-tab tab-position=1>IC Tab Test</ic-tab>`,\n supportsShadowDom: true,\n });\n\n page.rootInstance.focusFromClick = true;\n page.waitForChanges();\n\n const callbackFn = jest.fn();\n page.doc.addEventListener(\"tabFocus\", callbackFn);\n page.rootInstance.handleClick();\n page.waitForChanges();\n\n expect(callbackFn).toHaveBeenCalled();\n expect(page.rootInstance.focusFromClick).toBe(false);\n });\n});\n"]}