@ukic/web-components 2.7.0 → 2.9.0

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

@@ -1 +1 @@
-{"version":3,"file":"ic-checkbox-group.js","sourceRoot":"","sources":["../../../src/components/ic-checkbox-group/ic-checkbox-group.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Listen,\n  Element,\n  Event,\n  EventEmitter,\n} from \"@stencil/core\";\nimport {\n  getInputDescribedByText,\n  hasValidationStatus,\n  onComponentRequiredPropUndefined,\n  removeDisabledFalse,\n} from \"../../utils/helpers\";\nimport { IcInformationStatusOrEmpty, IcSizes } from \"../../utils/types\";\nimport { IcChangeEventDetail } from \"./ic-checkbox-group.types\";\n\n@Component({\n  tag: \"ic-checkbox-group\",\n  styleUrl: \"ic-checkbox-group.css\",\n  shadow: true,\n})\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport class CheckboxGroup {\n  @Element() el: HTMLIcCheckboxGroupElement;\n\n  /**\n   * If `true`, the checkbox group will be set to the disabled state.\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * The helper text that will be displayed for additional field guidance.\n   */\n  @Prop() helperText: 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  /**\n   * The label for the checkbox group to be displayed.\n   */\n  @Prop() label!: string;\n\n  /**\n   * The name for the checkbox group to differentiate from other groups.\n   */\n  @Prop() name!: string;\n\n  /**\n   * If `true`, the checkbox group will require a value.\n   */\n  @Prop() required: boolean = false;\n\n  /**\n   * The size of the checkboxes to be displayed. This does not affect the font size of the label.\n   */\n  @Prop() size?: IcSizes = \"default\";\n\n  /**\n   * @deprecated This prop should not be used anymore. Set prop `size` to \"small\" instead.\n   */\n  @Prop() small: boolean = false;\n\n  /**\n   * The validation status - e.g. 'error' | 'warning' | 'success'.\n   */\n  @Prop() validationStatus: IcInformationStatusOrEmpty = \"\";\n\n  /**\n   * The validation text - e.g. 'error' | 'warning' | 'success'.\n   */\n  @Prop() validationText: string = \"\";\n\n  /**\n   * Emitted when a checkbox is checked.\n   */\n  @Event() icChange: EventEmitter<IcChangeEventDetail>;\n\n  @Listen(\"icChange\")\n  handleChange(ev: CustomEvent): void {\n    //don't pass on the event if it has come from slotted text field\n    //otherwise any icChange handler bound to the checkbox group will also run\n    if ((ev.target as HTMLElement).tagName === \"IC-TEXT-FIELD\") {\n      ev.stopImmediatePropagation();\n    }\n  }\n\n  componentWillLoad(): void {\n    removeDisabledFalse(this.disabled, this.el);\n  }\n\n  componentDidLoad(): void {\n    Array.from(this.el.querySelectorAll(\"ic-checkbox\")).forEach((checkbox) => {\n      if (!checkbox.name) checkbox.name = this.name;\n      checkbox.groupLabel = this.label;\n    });\n\n    onComponentRequiredPropUndefined(\n      [\n        { prop: this.label, propName: \"label\" },\n        { prop: this.name, propName: \"name\" },\n      ],\n      \"Checkbox Group\"\n    );\n  }\n\n  @Listen(\"icCheck\")\n  selectHandler(ev: CustomEvent): void {\n    const checkedOptions = Array.from(\n      this.el.querySelectorAll(\"ic-checkbox\")\n    ).filter((checkbox) => checkbox.checked && !checkbox.disabled);\n    this.icChange.emit({\n      value: checkedOptions.map((opt) => opt.value),\n      checkedOptions: checkedOptions.map((opt) => ({\n        checkbox: opt,\n        textFieldValue: opt.querySelector(\"ic-text-field\")?.value,\n      })),\n      selectedOption: ev.target as HTMLIcCheckboxElement,\n    });\n  }\n\n  render() {\n    const describedBy = getInputDescribedByText(\n      this.name,\n      this.helperText !== \"\",\n      this.validationStatus !== \"\"\n    );\n    const hadValidationStatus = hasValidationStatus(\n      this.validationStatus,\n      this.disabled\n    );\n\n    return (\n      <Host class={{ [\"small\"]: this.small, [`${this.size}`]: true }}>\n        {(this.validationStatus === \"error\" ||\n          this.required ||\n          this.hideLabel) && (\n          <span\n            id=\"screenReaderOnlyText\"\n            class=\"screen-reader-only-text\"\n            aria-hidden=\"true\"\n          >\n            {this.label}{\" \"}\n            {this.validationStatus === \"error\" ? \"invalid data \" : null}{\" \"}\n            {this.required ? \"required\" : null}\n          </span>\n        )}\n        <fieldset\n          id={this.name}\n          aria-labelledby={`${\n            this.validationStatus === \"error\" || this.required || this.hideLabel\n              ? \"screenReaderOnlyText\"\n              : \"\"\n          } ${describedBy}`.trim()}\n          disabled={this.disabled}\n        >\n          {!this.hideLabel && (\n            <legend>\n              <ic-input-label\n                class={{ [`${this.validationStatus}`]: true }}\n                label={this.label}\n                helperText={this.helperText}\n                required={this.required}\n                disabled={this.disabled}\n                for={this.name}\n              ></ic-input-label>\n            </legend>\n          )}\n          <div class=\"checkboxes-container\">\n            <slot></slot>\n          </div>\n        </fieldset>\n        {hadValidationStatus && (\n          <ic-input-validation\n            for={this.name}\n            ariaLiveMode=\"polite\"\n            status={this.validationStatus}\n            message={this.validationText}\n          ></ic-input-validation>\n        )}\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"ic-checkbox-group.js","sourceRoot":"","sources":["../../../src/components/ic-checkbox-group/ic-checkbox-group.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Listen,\n  Element,\n  Event,\n  EventEmitter,\n} from \"@stencil/core\";\nimport {\n  getInputDescribedByText,\n  hasValidationStatus,\n  onComponentRequiredPropUndefined,\n  removeDisabledFalse,\n} from \"../../utils/helpers\";\nimport { IcInformationStatusOrEmpty, IcSizes } from \"../../utils/types\";\nimport { IcChangeEventDetail } from \"./ic-checkbox-group.types\";\n\n@Component({\n  tag: \"ic-checkbox-group\",\n  styleUrl: \"ic-checkbox-group.css\",\n  shadow: true,\n})\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport class CheckboxGroup {\n  @Element() el: HTMLIcCheckboxGroupElement;\n\n  /**\n   * If `true`, the checkbox group will be set to the disabled state.\n   */\n  @Prop() disabled: boolean = false;\n\n  /**\n   * The helper text that will be displayed for additional field guidance.\n   */\n  @Prop() helperText: 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  /**\n   * The label for the checkbox group to be displayed.\n   */\n  @Prop() label!: string;\n\n  /**\n   * The name for the checkbox group to differentiate from other groups.\n   */\n  @Prop() name!: string;\n\n  /**\n   * If `true`, the checkbox group will require a value.\n   */\n  @Prop() required: boolean = false;\n\n  /**\n   * The size of the checkboxes to be displayed. This does not affect the font size of the label.\n   */\n  @Prop() size?: IcSizes = \"default\";\n\n  /**\n   * @deprecated This prop should not be used anymore. Set prop `size` to \"small\" instead.\n   */\n  @Prop() small: boolean = false;\n\n  /**\n   * The validation status - e.g. 'error' | 'warning' | 'success'.\n   */\n  @Prop() validationStatus: IcInformationStatusOrEmpty = \"\";\n\n  /**\n   * The validation text - e.g. 'error' | 'warning' | 'success'.\n   */\n  @Prop() validationText: string = \"\";\n\n  /**\n   * Emitted when a checkbox is checked.\n   */\n  @Event() icChange: EventEmitter<IcChangeEventDetail>;\n\n  @Listen(\"icChange\")\n  handleChange(ev: CustomEvent): void {\n    //don't pass on the event if it has come from slotted text field\n    //otherwise any icChange handler bound to the checkbox group will also run\n    if ((ev.target as HTMLElement).tagName === \"IC-TEXT-FIELD\") {\n      ev.stopImmediatePropagation();\n    }\n  }\n\n  componentWillLoad(): void {\n    removeDisabledFalse(this.disabled, this.el);\n  }\n\n  componentDidLoad(): void {\n    Array.from(this.el.querySelectorAll(\"ic-checkbox\")).forEach((checkbox) => {\n      if (!checkbox.name) checkbox.name = this.name;\n      checkbox.groupLabel = this.label;\n    });\n\n    onComponentRequiredPropUndefined(\n      [\n        { prop: this.label, propName: \"label\" },\n        { prop: this.name, propName: \"name\" },\n      ],\n      \"Checkbox Group\"\n    );\n  }\n\n  @Listen(\"icCheck\")\n  selectHandler(ev: CustomEvent): void {\n    const checkedOptions = Array.from(\n      this.el.querySelectorAll(\"ic-checkbox\")\n    ).filter((checkbox) => checkbox.checked && !checkbox.disabled);\n    this.icChange.emit({\n      value: checkedOptions.map((opt) => opt.value),\n      checkedOptions: checkedOptions.map((opt) => ({\n        checkbox: opt,\n        textFieldValue: opt.querySelector(\"ic-text-field\")?.value,\n      })),\n      selectedOption: ev.target as HTMLIcCheckboxElement,\n    });\n  }\n\n  render() {\n    const describedBy = getInputDescribedByText(\n      this.name,\n      this.helperText !== \"\",\n      this.validationStatus !== \"\"\n    );\n    const hadValidationStatus = hasValidationStatus(\n      this.validationStatus,\n      this.disabled\n    );\n\n    return (\n      <Host class={{ [\"small\"]: this.small, [`${this.size}`]: true }}>\n        {(this.validationStatus === \"error\" ||\n          this.required ||\n          this.hideLabel) && (\n          <span\n            id=\"screenReaderOnlyText\"\n            class=\"screen-reader-only-text\"\n            aria-hidden=\"true\"\n          >\n            {this.label}{\" \"}\n            {this.validationStatus === \"error\" ? \"invalid data \" : null}{\" \"}\n            {this.required ? \"required\" : null}\n          </span>\n        )}\n        <fieldset\n          id={this.name}\n          aria-labelledby={`${\n            this.validationStatus === \"error\" || this.required || this.hideLabel\n              ? \"screenReaderOnlyText\"\n              : \"\"\n          } ${describedBy}`.trim()}\n          disabled={this.disabled}\n        >\n          {!this.hideLabel && (\n            <legend>\n              <ic-input-label\n                class={{ [`${this.validationStatus}`]: true }}\n                label={this.label}\n                helperText={this.helperText}\n                required={this.required}\n                disabled={this.disabled}\n                for={this.name}\n              ></ic-input-label>\n            </legend>\n          )}\n          <div class=\"checkboxes-container\">\n            <slot></slot>\n          </div>\n        </fieldset>\n        {hadValidationStatus && (\n          <ic-input-validation\n            for={this.name}\n            ariaLiveMode=\"polite\"\n            status={this.validationStatus}\n            message={this.validationText}\n          ></ic-input-validation>\n        )}\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -2,15 +2,15 @@ import { fixture } from "@open-wc/testing-helpers";
 import { axe } from "jest-axe";
 import { checkShadowElementRendersCorrectly } from "../../../../utils/testa11y.helpers";
 describe("ic-checkbox-group", () => {
-  it("passes accessibility", async () => {
-    const el = await fixture(`<ic-checkbox-group label="this is a test label" name="test">
+    it("passes accessibility", async () => {
+        const el = await fixture(`<ic-checkbox-group label="this is a test label" name="test">
           <ic-checkbox
             value="testValue1"
             label="test label">
           </ic-checkbox>
       </ic-checkbox-group>`);
-    checkShadowElementRendersCorrectly(el);
-    expect(await axe(el)).toHaveNoViolations();
-  });
+        checkShadowElementRendersCorrectly(el);
+        expect(await axe(el)).toHaveNoViolations();
+    });
 });
 //# sourceMappingURL=ic-checkbox-group.test.a11y.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ic-checkbox-group.test.a11y.js","sourceRoot":"","sources":["../../../../../src/components/ic-checkbox-group/test/a11y/ic-checkbox-group.test.a11y.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,kCAAkC,EAAE,MAAM,oCAAoC,CAAC;AAExF,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;EACjC,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;IACpC,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB;;;;;2BAKqB,CACtB,CAAC;IACF,kCAAkC,CAAC,EAAE,CAAC,CAAC;IACvC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB,EAAE,CAAC;EAC7C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { fixture } from \"@open-wc/testing-helpers\";\nimport { axe } from \"jest-axe\";\nimport { checkShadowElementRendersCorrectly } from \"../../../../utils/testa11y.helpers\";\n\ndescribe(\"ic-checkbox-group\", () => {\n  it(\"passes accessibility\", async () => {\n    const el = await fixture(\n      `<ic-checkbox-group label=\"this is a test label\" name=\"test\">\n          <ic-checkbox\n            value=\"testValue1\"\n            label=\"test label\">\n          </ic-checkbox>\n      </ic-checkbox-group>`\n    );\n    checkShadowElementRendersCorrectly(el);\n    expect(await axe(el)).toHaveNoViolations();\n  });\n});\n"]}
+{"version":3,"file":"ic-checkbox-group.test.a11y.js","sourceRoot":"","sources":["../../../../../src/components/ic-checkbox-group/test/a11y/ic-checkbox-group.test.a11y.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,kCAAkC,EAAE,MAAM,oCAAoC,CAAC;AAExF,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;IACjC,EAAE,CAAC,sBAAsB,EAAE,KAAK,IAAI,EAAE;QACpC,MAAM,EAAE,GAAG,MAAM,OAAO,CACtB;;;;;2BAKqB,CACtB,CAAC;QACF,kCAAkC,CAAC,EAAE,CAAC,CAAC;QACvC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB,EAAE,CAAC;IAC7C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { fixture } from \"@open-wc/testing-helpers\";\nimport { axe } from \"jest-axe\";\nimport { checkShadowElementRendersCorrectly } from \"../../../../utils/testa11y.helpers\";\n\ndescribe(\"ic-checkbox-group\", () => {\n  it(\"passes accessibility\", async () => {\n    const el = await fixture(\n      `<ic-checkbox-group label=\"this is a test label\" name=\"test\">\n          <ic-checkbox\n            value=\"testValue1\"\n            label=\"test label\">\n          </ic-checkbox>\n      </ic-checkbox-group>`\n    );\n    checkShadowElementRendersCorrectly(el);\n    expect(await axe(el)).toHaveNoViolations();\n  });\n});\n"]}

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

@@ -1,45 +1,45 @@
 import { newE2EPage } from "@stencil/core/testing";
 describe("ic-checkbox-group component", () => {
-  it("Should not be interactable when disabled", async () => {
-    const page = await newE2EPage();
-    await page.setContent(`<ic-checkbox-group label="test label" name="test">
+    it("Should not be interactable when disabled", async () => {
+        const page = await newE2EPage();
+        await page.setContent(`<ic-checkbox-group label="test label" name="test">
         <ic-checkbox value="test1" label="checkbox label 1" disabled></ic-checkbox>    
         <ic-checkbox value="test2" label="checkbox label 2" disabled></ic-checkbox>    
         </ic-checkbox-group>
       `);
-    const checkbox = await page.find("ic-checkbox[value='test2']");
-    await checkbox.click();
-    await page.waitForChanges();
-    expect(await checkbox.getProperty("checked")).toBe(false);
-    await checkbox.press(" ");
-    await page.waitForChanges();
-    expect(await checkbox.getProperty("checked")).toBe(false);
-  });
-  it("Should set checkbox to checked when clicked", async () => {
-    const page = await newE2EPage();
-    await page.setContent(`<ic-checkbox-group label="test label" name="test">
+        const checkbox = await page.find("ic-checkbox[value='test2']");
+        await checkbox.click();
+        await page.waitForChanges();
+        expect(await checkbox.getProperty("checked")).toBe(false);
+        await checkbox.press(" ");
+        await page.waitForChanges();
+        expect(await checkbox.getProperty("checked")).toBe(false);
+    });
+    it("Should set checkbox to checked when clicked", async () => {
+        const page = await newE2EPage();
+        await page.setContent(`<ic-checkbox-group label="test label" name="test">
         <ic-checkbox value="test1" label="checkbox label 1"></ic-checkbox>    
         <ic-checkbox value="test2" label="checkbox label 2"></ic-checkbox>    
         </ic-checkbox-group>
       `);
-    let checkbox = await page.find("ic-checkbox[value='test2']");
-    let input = checkbox.shadowRoot.querySelector("input");
-    expect(input.className).toBe("checkbox");
-    await checkbox.click();
-    await page.waitForChanges();
-    checkbox = await page.find("ic-checkbox[value='test2']");
-    input = checkbox.shadowRoot.querySelector("input");
-    expect(checkbox.getAttribute("value")).toBe("test2");
-    expect(input.className).toBe("checkbox checked");
-    expect(await checkbox.getProperty("checked")).toBe(true);
-    await checkbox.click();
-    await page.waitForChanges();
-    checkbox = await page.find("ic-checkbox[value='test2']");
-    expect(checkbox.getAttribute("value")).toBe("test2");
-  });
-  it("Should enable statictextfield when associated checkbox is checked", async () => {
-    const page = await newE2EPage();
-    await page.setContent(`<ic-checkbox-group label="test label" name="test">
+        let checkbox = await page.find("ic-checkbox[value='test2']");
+        let input = checkbox.shadowRoot.querySelector("input");
+        expect(input.className).toBe("checkbox");
+        await checkbox.click();
+        await page.waitForChanges();
+        checkbox = await page.find("ic-checkbox[value='test2']");
+        input = checkbox.shadowRoot.querySelector("input");
+        expect(checkbox.getAttribute("value")).toBe("test2");
+        expect(input.className).toBe("checkbox checked");
+        expect(await checkbox.getProperty("checked")).toBe(true);
+        await checkbox.click();
+        await page.waitForChanges();
+        checkbox = await page.find("ic-checkbox[value='test2']");
+        expect(checkbox.getAttribute("value")).toBe("test2");
+    });
+    it("Should enable statictextfield when associated checkbox is checked", async () => {
+        const page = await newE2EPage();
+        await page.setContent(`<ic-checkbox-group label="test label" name="test">
         <ic-checkbox value="test1" label="checkbox label 1"></ic-checkbox>    
         <ic-checkbox value="test2" label="checkbox label 2" checked>
           <ic-text-field
@@ -49,16 +49,16 @@ describe("ic-checkbox-group component", () => {
         </ic-checkbox>    
         </ic-checkbox-group>
       `);
-    const checkbox = await page.find("ic-checkbox[value='test2']");
-    const textfield = await page.find("ic-text-field");
-    expect(textfield).not.toHaveAttribute("disabled");
-    await checkbox.click();
-    await page.waitForChanges();
-    expect(textfield).toHaveAttribute("disabled");
-  });
-  it("Should display dynamic textfield when associated checkbox is checked", async () => {
-    const page = await newE2EPage();
-    await page.setContent(`<ic-checkbox-group label="test label" name="test">
+        const checkbox = await page.find("ic-checkbox[value='test2']");
+        const textfield = await page.find("ic-text-field");
+        expect(textfield).not.toHaveAttribute("disabled");
+        await checkbox.click();
+        await page.waitForChanges();
+        expect(textfield).toHaveAttribute("disabled");
+    });
+    it("Should display dynamic textfield when associated checkbox is checked", async () => {
+        const page = await newE2EPage();
+        await page.setContent(`<ic-checkbox-group label="test label" name="test">
         <ic-checkbox value="test1" label="checkbox label 1"></ic-checkbox>    
         <ic-checkbox value="test2" label="checkbox label 2" additional-field-display="dynamic">
           <ic-text-field
@@ -68,71 +68,71 @@ describe("ic-checkbox-group component", () => {
         </ic-checkbox>    
         </ic-checkbox-group>
       `);
-    const checkbox = await page.find("ic-checkbox[value='test2']");
-    let additionalFieldDisplay = await page.evaluate(() => {
-      const additionalField = document
-        .querySelector("ic-checkbox[value='test2']")
-        .shadowRoot.querySelector(".dynamic-container");
-      return window.getComputedStyle(additionalField).display;
+        const checkbox = await page.find("ic-checkbox[value='test2']");
+        let additionalFieldDisplay = await page.evaluate(() => {
+            const additionalField = document
+                .querySelector("ic-checkbox[value='test2']")
+                .shadowRoot.querySelector(".dynamic-container");
+            return window.getComputedStyle(additionalField).display;
+        });
+        expect(additionalFieldDisplay).toBe("none");
+        await checkbox.click();
+        await page.waitForChanges();
+        additionalFieldDisplay = await page.evaluate(() => {
+            const additionalField = document
+                .querySelector("ic-checkbox[value='test2']")
+                .shadowRoot.querySelector(".dynamic-container");
+            return window.getComputedStyle(additionalField).display;
+        });
+        expect(additionalFieldDisplay).not.toBe("none");
     });
-    expect(additionalFieldDisplay).toBe("none");
-    await checkbox.click();
-    await page.waitForChanges();
-    additionalFieldDisplay = await page.evaluate(() => {
-      const additionalField = document
-        .querySelector("ic-checkbox[value='test2']")
-        .shadowRoot.querySelector(".dynamic-container");
-      return window.getComputedStyle(additionalField).display;
-    });
-    expect(additionalFieldDisplay).not.toBe("none");
-  });
-  it("Should emit icChange event when checkbox is checked", async () => {
-    const page = await newE2EPage();
-    await page.setContent(`<ic-checkbox-group label="test label" name="test">
+    it("Should emit icChange event when checkbox is checked", async () => {
+        const page = await newE2EPage();
+        await page.setContent(`<ic-checkbox-group label="test label" name="test">
         <ic-checkbox value="test1" label="checkbox label 1"></ic-checkbox>    
         <ic-checkbox value="test2" label="checkbox label 2">
         </ic-checkbox>    
         </ic-checkbox-group>
       `);
-    const checkbox = await page.find("ic-checkbox[value='test2']");
-    const icChange = await page.spyOnEvent("icChange");
-    await checkbox.click();
-    await page.waitForChanges();
-    const checkboxElement = await page.evaluate(() => document.querySelector("ic-checkbox[value='test2']"));
-    expect(icChange).toHaveReceivedEventDetail({
-      value: ["test2"],
-      checkedOptions: [{ checkbox: checkboxElement }],
-      selectedOption: checkboxElement,
-    });
-    await checkbox.click();
-    await page.waitForChanges();
-    expect(icChange).toHaveReceivedEventDetail({
-      value: [],
-      checkedOptions: [],
-      selectedOption: checkboxElement,
+        const checkbox = await page.find("ic-checkbox[value='test2']");
+        const icChange = await page.spyOnEvent("icChange");
+        await checkbox.click();
+        await page.waitForChanges();
+        const checkboxElement = await page.evaluate(() => document.querySelector("ic-checkbox[value='test2']"));
+        expect(icChange).toHaveReceivedEventDetail({
+            value: ["test2"],
+            checkedOptions: [{ checkbox: checkboxElement }],
+            selectedOption: checkboxElement,
+        });
+        await checkbox.click();
+        await page.waitForChanges();
+        expect(icChange).toHaveReceivedEventDetail({
+            value: [],
+            checkedOptions: [],
+            selectedOption: checkboxElement,
+        });
     });
-  });
-  it("Should set checkbox to checked when space is pressed", async () => {
-    const page = await newE2EPage();
-    await page.setContent(`<ic-checkbox-group label="test label" name="test">
+    it("Should set checkbox to checked when space is pressed", async () => {
+        const page = await newE2EPage();
+        await page.setContent(`<ic-checkbox-group label="test label" name="test">
         <ic-checkbox value="test1" label="checkbox label 1"></ic-checkbox>    
         <ic-checkbox value="test2" label="checkbox label 2"></ic-checkbox>    
         </ic-checkbox-group>
       `);
-    const checkbox = await page.find("ic-checkbox[value='test1']");
-    expect(await checkbox.getProperty("checked")).toBe(false);
-    await page.keyboard.press("Tab");
-    await checkbox.press(" ");
-    await page.waitForChanges();
-    expect(checkbox.getAttribute("value")).toBe("test1");
-    expect(await checkbox.getProperty("checked")).toBe(true);
-    await checkbox.press(" ");
-    await page.waitForChanges();
-    expect(checkbox.getAttribute("value")).toBe("test1");
-  });
-  it("Works on a form", async () => {
-    const page = await newE2EPage();
-    await page.setContent(` <form>
+        const checkbox = await page.find("ic-checkbox[value='test1']");
+        expect(await checkbox.getProperty("checked")).toBe(false);
+        await page.keyboard.press("Tab");
+        await checkbox.press(" ");
+        await page.waitForChanges();
+        expect(checkbox.getAttribute("value")).toBe("test1");
+        expect(await checkbox.getProperty("checked")).toBe(true);
+        await checkbox.press(" ");
+        await page.waitForChanges();
+        expect(checkbox.getAttribute("value")).toBe("test1");
+    });
+    it("Works on a form", async () => {
+        const page = await newE2EPage();
+        await page.setContent(` <form>
           <ic-checkbox-group label="this is a label" name="1">
           <ic-checkbox
               value="valueName1"
@@ -156,27 +156,27 @@ describe("ic-checkbox-group component", () => {
       })
       </script>
       `);
-    await page.waitForChanges();
-    const checkbox = await page.find("ic-checkbox[value='valueName1']");
-    await checkbox.click();
-    await page.waitForChanges();
-    const value = await (await page.find('ic-checkbox[value="valueName1"] >>> input[name="1"]')).getProperty("value");
-    expect(value).toBe("valueName1");
-  });
-  it("Passes the value of checkboxes correctly when already selected", async () => {
-    const page = await newE2EPage();
-    await page.setContent(`<ic-checkbox-group label="test label" name="test">
+        await page.waitForChanges();
+        const checkbox = await page.find("ic-checkbox[value='valueName1']");
+        await checkbox.click();
+        await page.waitForChanges();
+        const value = await (await page.find('ic-checkbox[value="valueName1"] >>> input[name="1"]')).getProperty("value");
+        expect(value).toBe("valueName1");
+    });
+    it("Passes the value of checkboxes correctly when already selected", async () => {
+        const page = await newE2EPage();
+        await page.setContent(`<ic-checkbox-group label="test label" name="test">
         <ic-checkbox name="test1" value="test1" label="checkbox label 1"></ic-checkbox>    
         <ic-checkbox name="test2" value="test2" label="checkbox label 2" checked></ic-checkbox>    
         </ic-checkbox-group>
       `);
-    await page.waitForChanges();
-    const value = await await (await page.find('ic-checkbox[name="test2"]')).getAttribute("checked");
-    expect(value).toBe("");
-  });
-  it("resets checked state on form reset", async () => {
-    const page = await newE2EPage();
-    await page.setContent(` <form>
+        await page.waitForChanges();
+        const value = await await (await page.find('ic-checkbox[name="test2"]')).getAttribute("checked");
+        expect(value).toBe("");
+    });
+    it("resets checked state on form reset", async () => {
+        const page = await newE2EPage();
+        await page.setContent(` <form>
         <ic-checkbox-group label="this is a label" name="1">
           <ic-checkbox
               value="valueName1"
@@ -186,16 +186,16 @@ describe("ic-checkbox-group component", () => {
         <button type="reset" id="resetButton">Reset</button>
       </form>
     `);
-    await page.waitForChanges();
-    let checkbox = await page.find("ic-checkbox[value='valueName1']");
-    await checkbox.click();
-    await page.waitForChanges();
-    expect(await checkbox.getProperty("checked")).toBe(true);
-    const resetButton = await page.find("#resetButton");
-    await resetButton.click();
-    await page.waitForChanges();
-    checkbox = await page.find("ic-checkbox[value='valueName1']");
-    expect(await checkbox.getProperty("checked")).toBe(false);
-  });
+        await page.waitForChanges();
+        let checkbox = await page.find("ic-checkbox[value='valueName1']");
+        await checkbox.click();
+        await page.waitForChanges();
+        expect(await checkbox.getProperty("checked")).toBe(true);
+        const resetButton = await page.find("#resetButton");
+        await resetButton.click();
+        await page.waitForChanges();
+        checkbox = await page.find("ic-checkbox[value='valueName1']");
+        expect(await checkbox.getProperty("checked")).toBe(false);
+    });
 });
 //# sourceMappingURL=ic-checkbox-group.e2e.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ic-checkbox-group.e2e.js","sourceRoot":"","sources":["../../../../../src/components/ic-checkbox-group/test/basic/ic-checkbox-group.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAEnD,QAAQ,CAAC,6BAA6B,EAAE,GAAG,EAAE;EAC3C,EAAE,CAAC,0CAA0C,EAAE,KAAK,IAAI,EAAE;IACxD,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CAAC;;;;OAInB,CAAC,CAAC;IAEL,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,4BAA4B,CAAC,CAAC;IAC/D,MAAM,QAAQ,CAAC,KAAK,EAAE,CAAC;IACvB,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAC5B,MAAM,CAAC,MAAM,QAAQ,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAE1D,MAAM,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAC1B,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAC5B,MAAM,CAAC,MAAM,QAAQ,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;EAC5D,CAAC,CAAC,CAAC;EACH,EAAE,CAAC,6CAA6C,EAAE,KAAK,IAAI,EAAE;IAC3D,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CAAC;;;;OAInB,CAAC,CAAC;IACL,IAAI,QAAQ,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,4BAA4B,CAAC,CAAC;IAC7D,IAAI,KAAK,GAAG,QAAQ,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAEvD,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAEzC,MAAM,QAAQ,CAAC,KAAK,EAAE,CAAC;IACvB,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAE5B,QAAQ,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,4BAA4B,CAAC,CAAC;IACzD,KAAK,GAAG,QAAQ,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAEnD,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAErD,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC;IAEjD,MAAM,CAAC,MAAM,QAAQ,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAEzD,MAAM,QAAQ,CAAC,KAAK,EAAE,CAAC;IACvB,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAE5B,QAAQ,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,4BAA4B,CAAC,CAAC;IAEzD,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;EACvD,CAAC,CAAC,CAAC;EACH,EAAE,CAAC,mEAAmE,EAAE,KAAK,IAAI,EAAE;IACjF,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CAAC;;;;;;;;;OASnB,CAAC,CAAC;IACL,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,4BAA4B,CAAC,CAAC;IAC/D,MAAM,SAAS,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;IAEnD,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;IAElD,MAAM,QAAQ,CAAC,KAAK,EAAE,CAAC;IACvB,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAE5B,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;EAChD,CAAC,CAAC,CAAC;EACH,EAAE,CAAC,sEAAsE,EAAE,KAAK,IAAI,EAAE;IACpF,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CAAC;;;;;;;;;OASnB,CAAC,CAAC;IACL,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,4BAA4B,CAAC,CAAC;IAC/D,IAAI,sBAAsB,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE;MACpD,MAAM,eAAe,GAAG,QAAQ;SAC7B,aAAa,CAAC,4BAA4B,CAAC;SAC3C,UAAU,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;MAElD,OAAO,MAAM,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC;IAC1D,CAAC,CAAC,CAAC;IACH,MAAM,CAAC,sBAAsB,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAE5C,MAAM,QAAQ,CAAC,KAAK,EAAE,CAAC;IACvB,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAE5B,sBAAsB,GAAG,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAE;MAChD,MAAM,eAAe,GAAG,QAAQ;SAC7B,aAAa,CAAC,4BAA4B,CAAC;SAC3C,UAAU,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;MAElD,OAAO,MAAM,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC;IAC1D,CAAC,CAAC,CAAC;IACH,MAAM,CAAC,sBAAsB,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;EAClD,CAAC,CAAC,CAAC;EACH,EAAE,CAAC,qDAAqD,EAAE,KAAK,IAAI,EAAE;IACnE,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CAAC;;;;;OAKnB,CAAC,CAAC;IACL,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,4BAA4B,CAAC,CAAC;IAC/D,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;IAEnD,MAAM,QAAQ,CAAC,KAAK,EAAE,CAAC;IACvB,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAE5B,MAAM,eAAe,GAAG,MAAM,IAAI,CAAC,QAAQ,CACzC,GAAG,EAAE,CACH,QAAQ,CAAC,aAAa,CACpB,4BAA4B,CACJ,CAC7B,CAAC;IACF,MAAM,CAAC,QAAQ,CAAC,CAAC,yBAAyB,CAAC;MACzC,KAAK,EAAE,CAAC,OAAO,CAAC;MAChB,cAAc,EAAE,CAAC,EAAE,QAAQ,EAAE,eAAe,EAAE,CAAC;MAC/C,cAAc,EAAE,eAAe;KAChC,CAAC,CAAC;IAEH,MAAM,QAAQ,CAAC,KAAK,EAAE,CAAC;IACvB,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAE5B,MAAM,CAAC,QAAQ,CAAC,CAAC,yBAAyB,CAAC;MACzC,KAAK,EAAE,EAAE;MACT,cAAc,EAAE,EAAE;MAClB,cAAc,EAAE,eAAe;KAChC,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;EACH,EAAE,CAAC,sDAAsD,EAAE,KAAK,IAAI,EAAE;IACpE,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CAAC;;;;OAInB,CAAC,CAAC;IACL,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,4BAA4B,CAAC,CAAC;IAC/D,MAAM,CAAC,MAAM,QAAQ,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAE1D,MAAM,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACjC,MAAM,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAC1B,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAE5B,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACrD,MAAM,CAAC,MAAM,QAAQ,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAEzD,MAAM,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAC1B,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAE5B,MAAM,CAAC,QAAQ,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;EACvD,CAAC,CAAC,CAAC;EACH,EAAE,CAAC,iBAAiB,EAAE,KAAK,IAAI,EAAE;IAC/B,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;OAuBnB,CAAC,CAAC;IACL,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAE5B,MAAM,QAAQ,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,iCAAiC,CAAC,CAAC;IAEpE,MAAM,QAAQ,CAAC,KAAK,EAAE,CAAC;IACvB,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAC5B,MAAM,KAAK,GAAG,MAAM,CAClB,MAAM,IAAI,CAAC,IAAI,CAAC,qDAAqD,CAAC,CACvE,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAEvB,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;EACnC,CAAC,CAAC,CAAC;EACH,EAAE,CAAC,gEAAgE,EAAE,KAAK,IAAI,EAAE;IAC9E,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAChC,MAAM,IAAI,CAAC,UAAU,CAAC;;;;OAInB,CAAC,CAAC;IAEL,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAE5B,MAAM,KAAK,GAAG,MAAM,MAAM,CACxB,MAAM,IAAI,CAAC,IAAI,CAAC,2BAA2B,CAAC,CAC7C,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;IAE1B,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;EACzB,CAAC,CAAC,CAAC;EAEH,EAAE,CAAC,oCAAoC,EAAE,KAAK,IAAI,EAAE;IAClD,MAAM,IAAI,GAAG,MAAM,UAAU,EAAE,CAAC;IAEhC,MAAM,IAAI,CAAC,UAAU,CAAC;;;;;;;;;KASrB,CAAC,CAAC;IACH,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAE5B,IAAI,QAAQ,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,iCAAiC,CAAC,CAAC;IAClE,MAAM,QAAQ,CAAC,KAAK,EAAE,CAAC;IACvB,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAC5B,MAAM,CAAC,MAAM,QAAQ,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAEzD,MAAM,WAAW,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IACpD,MAAM,WAAW,CAAC,KAAK,EAAE,CAAC;IAC1B,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;IAE5B,QAAQ,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,iCAAiC,CAAC,CAAC;IAC9D,MAAM,CAAC,MAAM,QAAQ,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;EAC5D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newE2EPage } from \"@stencil/core/testing\";\n\ndescribe(\"ic-checkbox-group component\", () => {\n  it(\"Should not be interactable when disabled\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-checkbox-group label=\"test label\" name=\"test\">\n        <ic-checkbox value=\"test1\" label=\"checkbox label 1\" disabled></ic-checkbox>    \n        <ic-checkbox value=\"test2\" label=\"checkbox label 2\" disabled></ic-checkbox>    \n        </ic-checkbox-group>\n      `);\n\n    const checkbox = await page.find(\"ic-checkbox[value='test2']\");\n    await checkbox.click();\n    await page.waitForChanges();\n    expect(await checkbox.getProperty(\"checked\")).toBe(false);\n\n    await checkbox.press(\" \");\n    await page.waitForChanges();\n    expect(await checkbox.getProperty(\"checked\")).toBe(false);\n  });\n  it(\"Should set checkbox to checked when clicked\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-checkbox-group label=\"test label\" name=\"test\">\n        <ic-checkbox value=\"test1\" label=\"checkbox label 1\"></ic-checkbox>    \n        <ic-checkbox value=\"test2\" label=\"checkbox label 2\"></ic-checkbox>    \n        </ic-checkbox-group>\n      `);\n    let checkbox = await page.find(\"ic-checkbox[value='test2']\");\n    let input = checkbox.shadowRoot.querySelector(\"input\");\n\n    expect(input.className).toBe(\"checkbox\");\n\n    await checkbox.click();\n    await page.waitForChanges();\n\n    checkbox = await page.find(\"ic-checkbox[value='test2']\");\n    input = checkbox.shadowRoot.querySelector(\"input\");\n\n    expect(checkbox.getAttribute(\"value\")).toBe(\"test2\");\n\n    expect(input.className).toBe(\"checkbox checked\");\n\n    expect(await checkbox.getProperty(\"checked\")).toBe(true);\n\n    await checkbox.click();\n    await page.waitForChanges();\n\n    checkbox = await page.find(\"ic-checkbox[value='test2']\");\n\n    expect(checkbox.getAttribute(\"value\")).toBe(\"test2\");\n  });\n  it(\"Should enable statictextfield when associated checkbox is checked\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-checkbox-group label=\"test label\" name=\"test\">\n        <ic-checkbox value=\"test1\" label=\"checkbox label 1\"></ic-checkbox>    \n        <ic-checkbox value=\"test2\" label=\"checkbox label 2\" checked>\n          <ic-text-field\n              slot=\"additional-field\"\n              label=\"Test label\"\n          ></ic-text-field>\n        </ic-checkbox>    \n        </ic-checkbox-group>\n      `);\n    const checkbox = await page.find(\"ic-checkbox[value='test2']\");\n    const textfield = await page.find(\"ic-text-field\");\n\n    expect(textfield).not.toHaveAttribute(\"disabled\");\n\n    await checkbox.click();\n    await page.waitForChanges();\n\n    expect(textfield).toHaveAttribute(\"disabled\");\n  });\n  it(\"Should display dynamic textfield when associated checkbox is checked\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-checkbox-group label=\"test label\" name=\"test\">\n        <ic-checkbox value=\"test1\" label=\"checkbox label 1\"></ic-checkbox>    \n        <ic-checkbox value=\"test2\" label=\"checkbox label 2\" additional-field-display=\"dynamic\">\n          <ic-text-field\n              slot=\"additional-field\"\n              label=\"Test label\"\n          ></ic-text-field>\n        </ic-checkbox>    \n        </ic-checkbox-group>\n      `);\n    const checkbox = await page.find(\"ic-checkbox[value='test2']\");\n    let additionalFieldDisplay = await page.evaluate(() => {\n      const additionalField = document\n        .querySelector(\"ic-checkbox[value='test2']\")\n        .shadowRoot.querySelector(\".dynamic-container\");\n\n      return window.getComputedStyle(additionalField).display;\n    });\n    expect(additionalFieldDisplay).toBe(\"none\");\n\n    await checkbox.click();\n    await page.waitForChanges();\n\n    additionalFieldDisplay = await page.evaluate(() => {\n      const additionalField = document\n        .querySelector(\"ic-checkbox[value='test2']\")\n        .shadowRoot.querySelector(\".dynamic-container\");\n\n      return window.getComputedStyle(additionalField).display;\n    });\n    expect(additionalFieldDisplay).not.toBe(\"none\");\n  });\n  it(\"Should emit icChange event when checkbox is checked\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-checkbox-group label=\"test label\" name=\"test\">\n        <ic-checkbox value=\"test1\" label=\"checkbox label 1\"></ic-checkbox>    \n        <ic-checkbox value=\"test2\" label=\"checkbox label 2\">\n        </ic-checkbox>    \n        </ic-checkbox-group>\n      `);\n    const checkbox = await page.find(\"ic-checkbox[value='test2']\");\n    const icChange = await page.spyOnEvent(\"icChange\");\n\n    await checkbox.click();\n    await page.waitForChanges();\n\n    const checkboxElement = await page.evaluate(\n      () =>\n        document.querySelector(\n          \"ic-checkbox[value='test2']\"\n        ) as HTMLIcCheckboxElement\n    );\n    expect(icChange).toHaveReceivedEventDetail({\n      value: [\"test2\"],\n      checkedOptions: [{ checkbox: checkboxElement }],\n      selectedOption: checkboxElement,\n    });\n\n    await checkbox.click();\n    await page.waitForChanges();\n\n    expect(icChange).toHaveReceivedEventDetail({\n      value: [],\n      checkedOptions: [],\n      selectedOption: checkboxElement,\n    });\n  });\n  it(\"Should set checkbox to checked when space is pressed\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-checkbox-group label=\"test label\" name=\"test\">\n        <ic-checkbox value=\"test1\" label=\"checkbox label 1\"></ic-checkbox>    \n        <ic-checkbox value=\"test2\" label=\"checkbox label 2\"></ic-checkbox>    \n        </ic-checkbox-group>\n      `);\n    const checkbox = await page.find(\"ic-checkbox[value='test1']\");\n    expect(await checkbox.getProperty(\"checked\")).toBe(false);\n\n    await page.keyboard.press(\"Tab\");\n    await checkbox.press(\" \");\n    await page.waitForChanges();\n\n    expect(checkbox.getAttribute(\"value\")).toBe(\"test1\");\n    expect(await checkbox.getProperty(\"checked\")).toBe(true);\n\n    await checkbox.press(\" \");\n    await page.waitForChanges();\n\n    expect(checkbox.getAttribute(\"value\")).toBe(\"test1\");\n  });\n  it(\"Works on a form\", async () => {\n    const page = await newE2EPage();\n\n    await page.setContent(` <form>\n          <ic-checkbox-group label=\"this is a label\" name=\"1\">\n          <ic-checkbox\n              value=\"valueName1\"\n              label=\"Unselected / Default\"\n          ></ic-checkbox>\n          <ic-checkbox\n              value=\"valueName2\"\n              label=\"Selected / Default\"\n              selected\n          ></ic-checkbox>\n          <ic-checkbox\n              value=\"valueName3\"\n              label=\"Unselected / Disabled\"\n              disabled\n          ></ic-checkbox>\n          </ic-checkbox-group>\n        <input type=\"submit\" value=\"Submit\">\n      </form>\n      <script>document.querySelector('form').addEventListener('submit', (ev) => {\n        ev.preventDefault();\n      })\n      </script>\n      `);\n    await page.waitForChanges();\n\n    const checkbox = await page.find(\"ic-checkbox[value='valueName1']\");\n\n    await checkbox.click();\n    await page.waitForChanges();\n    const value = await (\n      await page.find('ic-checkbox[value=\"valueName1\"] >>> input[name=\"1\"]')\n    ).getProperty(\"value\");\n\n    expect(value).toBe(\"valueName1\");\n  });\n  it(\"Passes the value of checkboxes correctly when already selected\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-checkbox-group label=\"test label\" name=\"test\">\n        <ic-checkbox name=\"test1\" value=\"test1\" label=\"checkbox label 1\"></ic-checkbox>    \n        <ic-checkbox name=\"test2\" value=\"test2\" label=\"checkbox label 2\" checked></ic-checkbox>    \n        </ic-checkbox-group>\n      `);\n\n    await page.waitForChanges();\n\n    const value = await await (\n      await page.find('ic-checkbox[name=\"test2\"]')\n    ).getAttribute(\"checked\");\n\n    expect(value).toBe(\"\");\n  });\n\n  it(\"resets checked state on form reset\", async () => {\n    const page = await newE2EPage();\n\n    await page.setContent(` <form>\n        <ic-checkbox-group label=\"this is a label\" name=\"1\">\n          <ic-checkbox\n              value=\"valueName1\"\n              label=\"Unselected / Default\"\n          ></ic-checkbox>\n        </ic-checkbox-group>\n        <button type=\"reset\" id=\"resetButton\">Reset</button>\n      </form>\n    `);\n    await page.waitForChanges();\n\n    let checkbox = await page.find(\"ic-checkbox[value='valueName1']\");\n    await checkbox.click();\n    await page.waitForChanges();\n    expect(await checkbox.getProperty(\"checked\")).toBe(true);\n\n    const resetButton = await page.find(\"#resetButton\");\n    await resetButton.click();\n    await page.waitForChanges();\n\n    checkbox = await page.find(\"ic-checkbox[value='valueName1']\");\n    expect(await checkbox.getProperty(\"checked\")).toBe(false);\n  });\n});\n"]}
+{"version":3,"file":"ic-checkbox-group.e2e.js","sourceRoot":"","sources":["../../../../../src/components/ic-checkbox-group/test/basic/ic-checkbox-group.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { newE2EPage } from \"@stencil/core/testing\";\n\ndescribe(\"ic-checkbox-group component\", () => {\n  it(\"Should not be interactable when disabled\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-checkbox-group label=\"test label\" name=\"test\">\n        <ic-checkbox value=\"test1\" label=\"checkbox label 1\" disabled></ic-checkbox>    \n        <ic-checkbox value=\"test2\" label=\"checkbox label 2\" disabled></ic-checkbox>    \n        </ic-checkbox-group>\n      `);\n\n    const checkbox = await page.find(\"ic-checkbox[value='test2']\");\n    await checkbox.click();\n    await page.waitForChanges();\n    expect(await checkbox.getProperty(\"checked\")).toBe(false);\n\n    await checkbox.press(\" \");\n    await page.waitForChanges();\n    expect(await checkbox.getProperty(\"checked\")).toBe(false);\n  });\n  it(\"Should set checkbox to checked when clicked\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-checkbox-group label=\"test label\" name=\"test\">\n        <ic-checkbox value=\"test1\" label=\"checkbox label 1\"></ic-checkbox>    \n        <ic-checkbox value=\"test2\" label=\"checkbox label 2\"></ic-checkbox>    \n        </ic-checkbox-group>\n      `);\n    let checkbox = await page.find(\"ic-checkbox[value='test2']\");\n    let input = checkbox.shadowRoot.querySelector(\"input\");\n\n    expect(input.className).toBe(\"checkbox\");\n\n    await checkbox.click();\n    await page.waitForChanges();\n\n    checkbox = await page.find(\"ic-checkbox[value='test2']\");\n    input = checkbox.shadowRoot.querySelector(\"input\");\n\n    expect(checkbox.getAttribute(\"value\")).toBe(\"test2\");\n\n    expect(input.className).toBe(\"checkbox checked\");\n\n    expect(await checkbox.getProperty(\"checked\")).toBe(true);\n\n    await checkbox.click();\n    await page.waitForChanges();\n\n    checkbox = await page.find(\"ic-checkbox[value='test2']\");\n\n    expect(checkbox.getAttribute(\"value\")).toBe(\"test2\");\n  });\n  it(\"Should enable statictextfield when associated checkbox is checked\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-checkbox-group label=\"test label\" name=\"test\">\n        <ic-checkbox value=\"test1\" label=\"checkbox label 1\"></ic-checkbox>    \n        <ic-checkbox value=\"test2\" label=\"checkbox label 2\" checked>\n          <ic-text-field\n              slot=\"additional-field\"\n              label=\"Test label\"\n          ></ic-text-field>\n        </ic-checkbox>    \n        </ic-checkbox-group>\n      `);\n    const checkbox = await page.find(\"ic-checkbox[value='test2']\");\n    const textfield = await page.find(\"ic-text-field\");\n\n    expect(textfield).not.toHaveAttribute(\"disabled\");\n\n    await checkbox.click();\n    await page.waitForChanges();\n\n    expect(textfield).toHaveAttribute(\"disabled\");\n  });\n  it(\"Should display dynamic textfield when associated checkbox is checked\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-checkbox-group label=\"test label\" name=\"test\">\n        <ic-checkbox value=\"test1\" label=\"checkbox label 1\"></ic-checkbox>    \n        <ic-checkbox value=\"test2\" label=\"checkbox label 2\" additional-field-display=\"dynamic\">\n          <ic-text-field\n              slot=\"additional-field\"\n              label=\"Test label\"\n          ></ic-text-field>\n        </ic-checkbox>    \n        </ic-checkbox-group>\n      `);\n    const checkbox = await page.find(\"ic-checkbox[value='test2']\");\n    let additionalFieldDisplay = await page.evaluate(() => {\n      const additionalField = document\n        .querySelector(\"ic-checkbox[value='test2']\")\n        .shadowRoot.querySelector(\".dynamic-container\");\n\n      return window.getComputedStyle(additionalField).display;\n    });\n    expect(additionalFieldDisplay).toBe(\"none\");\n\n    await checkbox.click();\n    await page.waitForChanges();\n\n    additionalFieldDisplay = await page.evaluate(() => {\n      const additionalField = document\n        .querySelector(\"ic-checkbox[value='test2']\")\n        .shadowRoot.querySelector(\".dynamic-container\");\n\n      return window.getComputedStyle(additionalField).display;\n    });\n    expect(additionalFieldDisplay).not.toBe(\"none\");\n  });\n  it(\"Should emit icChange event when checkbox is checked\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-checkbox-group label=\"test label\" name=\"test\">\n        <ic-checkbox value=\"test1\" label=\"checkbox label 1\"></ic-checkbox>    \n        <ic-checkbox value=\"test2\" label=\"checkbox label 2\">\n        </ic-checkbox>    \n        </ic-checkbox-group>\n      `);\n    const checkbox = await page.find(\"ic-checkbox[value='test2']\");\n    const icChange = await page.spyOnEvent(\"icChange\");\n\n    await checkbox.click();\n    await page.waitForChanges();\n\n    const checkboxElement = await page.evaluate(\n      () =>\n        document.querySelector(\n          \"ic-checkbox[value='test2']\"\n        ) as HTMLIcCheckboxElement\n    );\n    expect(icChange).toHaveReceivedEventDetail({\n      value: [\"test2\"],\n      checkedOptions: [{ checkbox: checkboxElement }],\n      selectedOption: checkboxElement,\n    });\n\n    await checkbox.click();\n    await page.waitForChanges();\n\n    expect(icChange).toHaveReceivedEventDetail({\n      value: [],\n      checkedOptions: [],\n      selectedOption: checkboxElement,\n    });\n  });\n  it(\"Should set checkbox to checked when space is pressed\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-checkbox-group label=\"test label\" name=\"test\">\n        <ic-checkbox value=\"test1\" label=\"checkbox label 1\"></ic-checkbox>    \n        <ic-checkbox value=\"test2\" label=\"checkbox label 2\"></ic-checkbox>    \n        </ic-checkbox-group>\n      `);\n    const checkbox = await page.find(\"ic-checkbox[value='test1']\");\n    expect(await checkbox.getProperty(\"checked\")).toBe(false);\n\n    await page.keyboard.press(\"Tab\");\n    await checkbox.press(\" \");\n    await page.waitForChanges();\n\n    expect(checkbox.getAttribute(\"value\")).toBe(\"test1\");\n    expect(await checkbox.getProperty(\"checked\")).toBe(true);\n\n    await checkbox.press(\" \");\n    await page.waitForChanges();\n\n    expect(checkbox.getAttribute(\"value\")).toBe(\"test1\");\n  });\n  it(\"Works on a form\", async () => {\n    const page = await newE2EPage();\n\n    await page.setContent(` <form>\n          <ic-checkbox-group label=\"this is a label\" name=\"1\">\n          <ic-checkbox\n              value=\"valueName1\"\n              label=\"Unselected / Default\"\n          ></ic-checkbox>\n          <ic-checkbox\n              value=\"valueName2\"\n              label=\"Selected / Default\"\n              selected\n          ></ic-checkbox>\n          <ic-checkbox\n              value=\"valueName3\"\n              label=\"Unselected / Disabled\"\n              disabled\n          ></ic-checkbox>\n          </ic-checkbox-group>\n        <input type=\"submit\" value=\"Submit\">\n      </form>\n      <script>document.querySelector('form').addEventListener('submit', (ev) => {\n        ev.preventDefault();\n      })\n      </script>\n      `);\n    await page.waitForChanges();\n\n    const checkbox = await page.find(\"ic-checkbox[value='valueName1']\");\n\n    await checkbox.click();\n    await page.waitForChanges();\n    const value = await (\n      await page.find('ic-checkbox[value=\"valueName1\"] >>> input[name=\"1\"]')\n    ).getProperty(\"value\");\n\n    expect(value).toBe(\"valueName1\");\n  });\n  it(\"Passes the value of checkboxes correctly when already selected\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-checkbox-group label=\"test label\" name=\"test\">\n        <ic-checkbox name=\"test1\" value=\"test1\" label=\"checkbox label 1\"></ic-checkbox>    \n        <ic-checkbox name=\"test2\" value=\"test2\" label=\"checkbox label 2\" checked></ic-checkbox>    \n        </ic-checkbox-group>\n      `);\n\n    await page.waitForChanges();\n\n    const value = await await (\n      await page.find('ic-checkbox[name=\"test2\"]')\n    ).getAttribute(\"checked\");\n\n    expect(value).toBe(\"\");\n  });\n\n  it(\"resets checked state on form reset\", async () => {\n    const page = await newE2EPage();\n\n    await page.setContent(` <form>\n        <ic-checkbox-group label=\"this is a label\" name=\"1\">\n          <ic-checkbox\n              value=\"valueName1\"\n              label=\"Unselected / Default\"\n          ></ic-checkbox>\n        </ic-checkbox-group>\n        <button type=\"reset\" id=\"resetButton\">Reset</button>\n      </form>\n    `);\n    await page.waitForChanges();\n\n    let checkbox = await page.find(\"ic-checkbox[value='valueName1']\");\n    await checkbox.click();\n    await page.waitForChanges();\n    expect(await checkbox.getProperty(\"checked\")).toBe(true);\n\n    const resetButton = await page.find(\"#resetButton\");\n    await resetButton.click();\n    await page.waitForChanges();\n\n    checkbox = await page.find(\"ic-checkbox[value='valueName1']\");\n    expect(await checkbox.getProperty(\"checked\")).toBe(false);\n  });\n});\n"]}