@ukic/web-components 2.34.0 → 2.35.1

package/dist/collection/components/ic-radio-group/ic-radio-group.stories.js

@@ -0,0 +1,450 @@
+import { html } from "lit-html";
+
+const defaultArgs = {
+  disabled: false,
+  helperText: "Some helper text",
+  hideLabel: false,
+  label: "This is a label",
+  name: "1",
+  orientation: "vertical",
+  required: false,
+  size: "default",
+  validationStatus: "",
+  validationText: "",
+  additionalFieldDisplay: "static",
+  radioDisabled: false,
+  dynamicText: "This selection requires additional answers",
+  radioLabel: "Radio 1",
+  radioName: "radio1",
+  value: "valueName1",
+  selected: false,
+  additionalFieldSlot: true,
+};
+
+export default {
+  title: "Web Components/Radio button",
+  component: "Radio",
+};
+
+export const Default = {
+  render: (args) => html`
+    <ic-radio-group label="This is a label" name="1">
+      <ic-radio-option
+        value="valueName1"
+        label="Unselected / Default"
+      ></ic-radio-option>
+      <ic-radio-option
+        value="valueName2"
+        label="Selected / Default"
+        selected
+      ></ic-radio-option>
+      <ic-radio-option
+        value="valueName3"
+        label="Unselected / Disabled"
+        disabled
+      ></ic-radio-option>
+    </ic-radio-group>
+  `,
+
+  name: "Default",
+};
+
+export const Horizontal = {
+  render: (args) => html`
+    <ic-radio-group
+      orientation="horizontal"
+      label="This should be horizontal"
+      name="1"
+    >
+      <ic-radio-option
+        value="valueName1"
+        label="Selected / Default"
+        selected
+      ></ic-radio-option>
+      <ic-radio-option
+        value="valueName2"
+        label="Unselected / Default"
+      ></ic-radio-option>
+    </ic-radio-group>
+    <br />
+    <p>Horizontal orientation is overridden with >2 radio options</p>
+    <br />
+    <ic-radio-group
+      orientation="horizontal"
+      label="This should be vertical"
+      name="2"
+    >
+      <ic-radio-option
+        value="valueNameA"
+        label="First"
+        selected
+      ></ic-radio-option>
+      <ic-radio-option value="valueNameB" label="Second"></ic-radio-option>
+      <ic-radio-option value="valueNameC" label="Third"></ic-radio-option>
+    </ic-radio-group>
+  `,
+
+  name: "Horizontal",
+};
+
+export const Required = {
+  render: (args) => html`
+    <ic-radio-group label="This is a label" required name="1">
+      <ic-radio-option
+        value="valueName1"
+        label="Unselected / Default"
+      ></ic-radio-option>
+      <ic-radio-option
+        value="valueName2"
+        label="Selected / Default"
+        selected
+      ></ic-radio-option>
+      <ic-radio-option
+        value="valueName3"
+        label="Unselected / Disabled"
+        disabled
+      ></ic-radio-option>
+    </ic-radio-group>
+  `,
+
+  name: "Required",
+};
+
+export const Disabled = {
+  render: (args) => html`
+    <ic-radio-group label="This is a label" name="1">
+      <ic-radio-option
+        value="valueName1"
+        label="Unselected / Disabled 1"
+        disabled
+      ></ic-radio-option>
+      <ic-radio-option
+        value="valueName2"
+        label="Unselected / Disabled 2"
+        disabled
+      ></ic-radio-option>
+      <ic-radio-option
+        value="valueName3"
+        label="Unselected / Disabled 3"
+        disabled
+      ></ic-radio-option>
+      <ic-radio-option
+        value="valueName4"
+        label="Selected / Disabled"
+        disabled
+        selected
+      ></ic-radio-option>
+    </ic-radio-group>
+  `,
+
+  name: "Disabled",
+};
+
+export const ConditionalDynamic = {
+  render: (args) => html`
+    <script>
+      function handleIcChange(ev) {
+        console.log(ev.detail.selectedOption);
+      }
+      document
+        .querySelector("ic-radio-group")
+        .addEventListener("icChange", handleIcChange);
+      document
+        .querySelector("ic-button")
+        .addEventListener("click", () => alert("Button"));
+    </script>
+    <ic-radio-group label="Conditional dynamic" name="1">
+      <ic-radio-option
+        additional-field-display="dynamic"
+        value="valueName1"
+        label="Option with Radio as conditional slotted additional field"
+        selected
+      >
+        <ic-radio-group
+          slot="additional-field"
+          helperText="Child Group Helper Text"
+          label="Children"
+          name="radio-group-2"
+        >
+          <ic-radio-option
+            key="child-option-1"
+            label="child-option-1"
+            value="child-option-1"
+          ></ic-radio-option>
+          <ic-radio-option
+            key="child-option-2"
+            label="child-option-2"
+            value="child-option-2"
+          ></ic-radio-option>
+        </ic-radio-group>
+      </ic-radio-option>
+      <ic-radio-option
+        additional-field-display="dynamic"
+        value="valueName2"
+        label="Option with Text-field as conditional slotted additional field"
+      >
+        <ic-text-field
+          validation-status="error"
+          validation-text="Now it has really gone to (coffee) pot"
+          slot="additional-field"
+          placeholder="Placeholder"
+          label="What's your favourite type of coffee?"
+        >
+        </ic-text-field>
+      </ic-radio-option>
+      <ic-radio-option
+        additional-field-display="dynamic"
+        value="valueName3"
+        label="Option with Button as conditional slotted additional field"
+      >
+        <ic-button slot="additional-field">Hello world</ic-button>
+      </ic-radio-option>
+    </ic-radio-group>
+  `,
+
+  name: "Conditional dynamic",
+};
+
+export const ConditionalStatic = {
+  render: (args) => html`
+    <ic-radio-group label=" Conditional static" name="1">
+      <ic-radio-option value="valueName1" label="option1">
+        <ic-text-field
+          slot="additional-field"
+          label="What's your favourite type of coffee?"
+        ></ic-text-field>
+      </ic-radio-option>
+      <ic-radio-option value="valueName2" label="option2">
+        <ic-radio-group
+          slot="additional-field"
+          helperText="Child Group Helper Text"
+          label="Children"
+          name="radio-group-2"
+        >
+          <ic-radio-option
+            key="child-option-1"
+            label="child-option-1"
+            value="child-option-1"
+          ></ic-radio-option>
+          <ic-radio-option
+            key="child-option-2"
+            label="child-option-2"
+            value="child-option-2"
+          ></ic-radio-option>
+        </ic-radio-group>
+      </ic-radio-option>
+    </ic-radio-group>
+  `,
+
+  name: "Conditional static",
+};
+
+export const HelperText = {
+  render: (args) => html`
+    <ic-radio-group label="This is a label" name="1" helper-text="Helper text">
+      <ic-radio-option
+        value="valueName1"
+        label="Unselected / Default"
+      ></ic-radio-option>
+      <ic-radio-option
+        value="valueName2"
+        label="Selected / Default"
+        selected
+      ></ic-radio-option>
+      <ic-radio-option
+        value="valueName3"
+        label="Unselected / Disabled"
+        disabled
+      ></ic-radio-option>
+    </ic-radio-group>
+  `,
+
+  name: "Helper text",
+};
+
+export const Small = {
+  render: (args) => html`
+    <ic-radio-group label="This is a label" name="1" size="small">
+      <ic-radio-option
+        value="valueName1"
+        label="Unselected / Default"
+      ></ic-radio-option>
+      <ic-radio-option
+        value="valueName2"
+        label="Selected / Default"
+        selected
+      ></ic-radio-option>
+      <ic-radio-option
+        value="valueName3"
+        label="Unselected / Disabled"
+        disabled
+      ></ic-radio-option>
+    </ic-radio-group>
+  `,
+
+  name: "Small",
+};
+
+export const DeprecatedSmall = {
+  render: (args) => html`
+    <ic-radio-group label="This is a label" name="1" small>
+      <ic-radio-option
+        value="valueName1"
+        label="Unselected / Default"
+      ></ic-radio-option>
+      <ic-radio-option
+        value="valueName2"
+        label="Selected / Default"
+        selected
+      ></ic-radio-option>
+      <ic-radio-option
+        value="valueName3"
+        label="Unselected / Disabled"
+        disabled
+      ></ic-radio-option>
+    </ic-radio-group>
+  `,
+
+  name: "Deprecated - small",
+};
+
+export const Validation = {
+  render: (args) => html`
+    <ic-radio-group
+      label="This is a label"
+      name="1"
+      validation-status="error"
+      validation-text="Error message"
+    >
+      <ic-radio-option
+        value="valueName1"
+        label="Unselected / Default"
+      ></ic-radio-option>
+      <ic-radio-option
+        value="valueName2"
+        label="Selected / Default"
+        selected
+      ></ic-radio-option>
+      <ic-radio-option
+        value="valueName3"
+        label="Unselected / Disabled"
+        disabled
+      ></ic-radio-option>
+    </ic-radio-group>
+  `,
+
+  name: "Validation",
+};
+
+export const Form = {
+  render: (args) => html`
+    <form>
+      <ic-radio-group label="This is a label" name="1">
+        <ic-radio-option
+          value="valueName1"
+          label="Unselected / Default"
+        ></ic-radio-option>
+        <ic-radio-option
+          value="valueName2"
+          label="Selected / Default"
+        ></ic-radio-option>
+        <ic-radio-option
+          value="valueName3"
+          label="Unselected / Disabled"
+          disabled
+        ></ic-radio-option>
+      </ic-radio-group>
+      <input type="submit" value="Submit" />
+      <input type="reset" value="Reset" />
+    </form>
+    <script>
+      document.querySelector("form").addEventListener("submit", (ev) => {
+        ev.preventDefault();
+        console.log(document.querySelector('input[name="1"]').value);
+      });
+    </script>
+  `,
+
+  name: "Form",
+};
+
+const inlineRadioSelector = "inline-radio";
+
+export const Playground = {
+  render: (args) => html`
+    <ic-radio-group
+      label=${args.label}
+      name=${args.name}
+      orientation=${args.orientation}
+      required=${args.required}
+      size=${args.size}
+      validation-status=${args.validationStatus}
+      validation-text=${args.validationText}
+      helper-text=${args.helperText}
+      disabled=${args.disabled}
+      hide-label=${args.hideLabel}
+    >
+      <ic-radio-option
+        additional-field-display=${args.additionalFieldDisplay}
+        value=${args.value}
+        label=${args.radioLabel}
+        name=${args.radioName}
+        selected=${args.selected}
+        disabled=${args.radioDisabled}
+        dynamic-text=${args.dynamicText}
+      >
+        <ic-text-field
+          slot=${args.additionalFieldSlot}
+          placeholder="Placeholder"
+          label="What's your favourite type of coffee?"
+        ></ic-text-field>
+      </ic-radio-option>
+      <ic-radio-option value="valueName2" label="Radio 2"></ic-radio-option>
+    </ic-radio-group>
+  `,
+
+  args: defaultArgs,
+
+  argTypes: {
+    orientation: {
+      options: ["vertical", "horizontal"],
+
+      control: {
+        type: "inline-radio",
+      },
+    },
+
+    size: {
+      options: ["default", "small"],
+
+      control: {
+        type: inlineRadioSelector,
+      },
+    },
+
+    validationStatus: {
+      options: ["error", "warning", "success", ""],
+
+      control: {
+        type: "radio",
+      },
+    },
+
+    additionalFieldDisplay: {
+      options: ["static", "dynamic"],
+
+      control: {
+        type: inlineRadioSelector,
+      },
+    },
+
+    additionalFieldSlot: {
+      mapping: {
+        true: "additional-field",
+        false: "",
+      },
+    },
+  },
+
+  name: "Playground",
+};

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

@@ -124,7 +124,10 @@ describe("ic-radio-group", () => {
         });
         const callbackFn = jest.fn();
         page.doc.addEventListener("icChange", callbackFn);
-        page.rootInstance.selectHandler({ detail: { value: "true" } });
+        page.rootInstance.selectHandler({
+            detail: { value: "true" },
+            target: page.root.querySelector("ic-radio-option"),
+        });
         await page.waitForChanges();
         expect(callbackFn).toHaveBeenCalled();
     });

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

@@ -1 +1 @@
-{"version":3,"file":"ic-radio-group.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-radio-group/test/basic/ic-radio-group.spec.ts"],"names":[],"mappings":"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","sourcesContent":["import { newSpecPage } from \"@stencil/core/testing\";\nimport { RadioGroup } from \"../../ic-radio-group\";\nimport { RadioOption } from \"../../../ic-radio-option/ic-radio-option\";\nimport { TextField } from \"../../../ic-text-field/ic-text-field\";\n\nbeforeAll(() => {\n  jest.spyOn(console, \"warn\").mockImplementation(jest.fn());\n});\n\ndescribe(\"ic-radio-group\", () => {\n  it(\"should render\", async () => {\n    const page = await newSpecPage({\n      components: [RadioGroup, RadioOption],\n      html: `<ic-radio-group label=\"test label\" name=\"test\">\n        <ic-radio-option value=\"test\"></ic-radio-option>    \n      </ic-radio-group>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders\");\n  });\n\n  it(\"should render as required\", async () => {\n    const page = await newSpecPage({\n      components: [RadioGroup, RadioOption],\n      html: `<ic-radio-group label=\"test label\" name=\"test\" required>\n        <ic-radio-option value=\"test\"></ic-radio-option>    \n      </ic-radio-group>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders-required\");\n  });\n\n  it(\"should render as helper text\", async () => {\n    const page = await newSpecPage({\n      components: [RadioGroup, RadioOption],\n      html: `<ic-radio-group label=\"test label\" name=\"test\" helperText=\"helper test\">\n        <ic-radio-option value=\"test\"></ic-radio-option>    \n      </ic-radio-group>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders-with-helpertext\");\n  });\n\n  it(\"should render with selected option\", async () => {\n    const page = await newSpecPage({\n      components: [RadioGroup, RadioOption],\n      html: `<ic-radio-group label=\"test label\" name=\"test\" required>\n        <ic-radio-option value=\"test\" selected></ic-radio-option>    \n      </ic-radio-group>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders-with-selected-option\");\n  });\n\n  it(\"should test radio option as submit on form\", async () => {\n    const page = await newSpecPage({\n      components: [RadioOption],\n      html: `<form id=\"new-form\"></form><ic-radio-option id=\"ic-radio-option\" label=\"IC Radio Test\" value=\"test-value\" form=\"new-form\" selected></ic-radio-option>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with validation status\", async () => {\n    const page = await newSpecPage({\n      components: [RadioGroup, RadioOption],\n      html: `<ic-radio-group label=\"test label\" name=\"test\" required validation-status=\"error\" validation-text=\"error\">\n        <ic-radio-option value=\"test\" selected></ic-radio-option>    \n      </ic-radio-group>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders-with-validation-status\");\n  });\n\n  it(\"should render radio group disabled\", async () => {\n    const page = await newSpecPage({\n      components: [RadioGroup, RadioOption],\n      html: `<ic-radio-group label=\"test label\" name=\"test\" disabled>\n        <ic-radio-option value=\"test\" label=\"test label\" group-label=\"test group\"></ic-radio-option>    \n      </ic-radio-group>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders-disabled\");\n\n    page.rootInstance.disabled = false;\n\n    await page.waitForChanges();\n    expect(page.root).toMatchSnapshot(\"disabled-removed\");\n  });\n\n  it(\"should render radio option disabled\", async () => {\n    const page = await newSpecPage({\n      components: [RadioGroup, RadioOption],\n      html: `<ic-radio-group label=\"test label\" name=\"test\">\n        <ic-radio-option value=\"test\" disabled label=\"test label\" group-label=\"test group\"></ic-radio-option>    \n      </ic-radio-group>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders-option-disabled\");\n\n    document.querySelector(\"ic-radio-option\").disabled = false;\n\n    await page.waitForChanges();\n    expect(page.root).toMatchSnapshot(\"disabled-removed\");\n  });\n\n  it(\"should render with unselected static additional field\", async () => {\n    const page = await newSpecPage({\n      components: [RadioGroup, RadioOption, TextField],\n      html: `<ic-radio-group label=\"test label\" name=\"test\">\n        <ic-radio-option value=\"test\" disabled label=\"test label\" group-label=\"test group\">\n         <ic-text-field slot=\"additional-field\" placeholder=\"Placeholder\" label=\"Test label\"></ic-text-field>\n        </ic-radio-option>    \n      </ic-radio-group>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\n      \"renders-with-unselected-additional-field\"\n    );\n  });\n\n  it(\"should render with selected static additional field\", async () => {\n    const page = await newSpecPage({\n      components: [RadioGroup, RadioOption, TextField],\n      html: `<ic-radio-group label=\"test label\" name=\"test\">\n        <ic-radio-option value=\"test\" selected label=\"test label\" group-label=\"test group\">\n         <ic-text-field slot=\"additional-field\" placeholder=\"Placeholder\" label=\"Test label\"></ic-text-field>\n        </ic-radio-option>    \n      </ic-radio-group>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders-with-selected-additional-field\");\n  });\n\n  it(\"should render with dynamic additional field\", async () => {\n    const page = await newSpecPage({\n      components: [RadioGroup, RadioOption, TextField],\n      html: `<ic-radio-group label=\"test label\" name=\"test\">\n        <ic-radio-option value=\"test\" label=\"test label\" group-label=\"test group\" additional-field-display=\"dynamic\" selected>\n         <ic-text-field slot=\"additional-field\" placeholder=\"Placeholder\" label=\"Test label\"></ic-text-field>\n        </ic-radio-option>    \n      </ic-radio-group>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders-with-dynamic-additional-field\");\n  });\n\n  it(\"should emit an updated checked value when selected\", async () => {\n    const page = await newSpecPage({\n      components: [RadioGroup, RadioOption],\n      html: `<ic-radio-group label=\"test label\" name=\"test\" required>\n        <ic-radio-option value=\"test\" selected></ic-radio-option>    \n      </ic-radio-group>`,\n    });\n\n    const callbackFn = jest.fn();\n    page.doc.addEventListener(\"icChange\", callbackFn);\n    page.rootInstance.selectHandler({ detail: { value: \"true\" } });\n    await page.waitForChanges();\n\n    expect(callbackFn).toHaveBeenCalled();\n  });\n\n  it(\"should get the next item to select\", async () => {\n    const page = await newSpecPage({\n      components: [RadioGroup, RadioOption],\n      html: `<ic-radio-group label=\"test label\" name=\"test\" required>\n        <ic-radio-option value=\"test\" selected></ic-radio-option>   \n        <ic-radio-option value=\"test2\"></ic-radio-option>   \n      </ic-radio-group>`,\n    });\n\n    const nextItemCalc = page.rootInstance.getNextItemToSelect(0, true);\n\n    page.waitForChanges();\n    expect(nextItemCalc).toBe(1);\n  });\n\n  it(\"should select the radio option when clicked\", async () => {\n    jest.spyOn(console, \"error\").mockImplementation(jest.fn());\n    const page = await newSpecPage({\n      components: [RadioGroup, RadioOption, TextField],\n      html: `<ic-radio-group label=\"test label\" name=\"test\" required>\n        <ic-radio-option value=\"test\" selected></ic-radio-option> \n        <ic-radio-option label=\"test label\">\n         <ic-text-field slot=\"additional-field\" placeholder=\"Placeholder\" label=\"Test label\" value=\"Test value\"></ic-text-field>\n        </ic-radio-option>\n        <ic-radio-option label=\"test label\" value=\"Radio value\">\n         <ic-text-field slot=\"additional-field\" placeholder=\"Placeholder\" label=\"Test label\"></ic-text-field>\n        </ic-radio-option>   \n      </ic-radio-group>`,\n    });\n\n    const callbackFn = jest.fn();\n    page.doc.addEventListener(\"icCheck\", callbackFn);\n\n    page.rootInstance.radioOptions[1].click();\n    await page.waitForChanges();\n\n    expect(callbackFn).toHaveBeenCalled();\n    expect(page.rootInstance.checkedValue).toBe(\"Test value\");\n\n    page.rootInstance.radioOptions[2].click();\n    await page.waitForChanges();\n    expect(page.rootInstance.checkedValue).toBe(\"Radio value\");\n  });\n\n  it(\"should not select the radio option when textfield clicked\", async () => {\n    jest.spyOn(console, \"error\").mockImplementation(jest.fn());\n    const page = await newSpecPage({\n      components: [RadioGroup, RadioOption, TextField],\n      html: `<ic-radio-group label=\"test label\" name=\"test\" required>\n        <ic-radio-option value=\"test\" selected></ic-radio-option> \n        <ic-radio-option label=\"test label\">\n         <ic-text-field slot=\"additional-field\" placeholder=\"Placeholder\" label=\"Test label\" value=\"Test value\"></ic-text-field>\n        </ic-radio-option>\n      </ic-radio-group>`,\n    });\n\n    const div =\n      page.rootInstance.radioOptions[1].shadowRoot.querySelector(\n        \".dynamic-container\"\n      );\n    div.click();\n    await page.waitForChanges();\n\n    expect(page.rootInstance.radioOptions[1].selected).toBe(false);\n  });\n\n  it(\"should emit new radio value when text field value given\", async () => {\n    const page = await newSpecPage({\n      components: [RadioOption],\n      html: `<ic-radio-group label=\"test label\" name=\"test\" required>\n        <ic-radio-option value=\"test\" selected></ic-radio-option>    \n      </ic-radio-group>`,\n    });\n\n    const callbackFn = jest.fn();\n    page.doc.addEventListener(\"icCheck\", callbackFn);\n    page.rootInstance.textfieldValueHandler({\n      detail: { value: \"value\" },\n      stopImmediatePropagation: jest.fn(),\n    });\n    await page.waitForChanges();\n\n    expect(callbackFn).toHaveBeenCalled();\n  });\n\n  it(\"should emit default radio value when no text field value given\", async () => {\n    const page = await newSpecPage({\n      components: [RadioOption],\n      html: `<ic-radio-group label=\"test label\" name=\"test\" required>\n        <ic-radio-option value=\"test\" selected></ic-radio-option>    \n      </ic-radio-group>`,\n    });\n\n    const callbackFn = jest.fn();\n    page.doc.addEventListener(\"icCheck\", callbackFn);\n    page.rootInstance.textfieldValueHandler({\n      detail: { value: \"\" },\n      stopImmediatePropagation: jest.fn(),\n    });\n    await page.waitForChanges();\n\n    expect(callbackFn).toHaveBeenCalled();\n  });\n\n  it(\"should call 'setFocus' when radio option is focused\", async () => {\n    const page = await newSpecPage({\n      components: [RadioOption],\n      html: `<ic-radio-option value=\"test\" selected></ic-radio-option>  `,\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 test form reset event\", async () => {\n    const page = await newSpecPage({\n      components: [RadioOption],\n      html: `<form>\n        <ic-radio-option value=\"test\" selected></ic-radio-option>    \n        <button id=\"resetButton\" type=\"reset\">Reset</button>  \n      </form>`,\n    });\n\n    expect(page.root.selected).toBe(true);\n\n    page.root.checked = false;\n    await page.waitForChanges();\n\n    expect(page.root.checked).toBe(false);\n\n    await page.rootInstance.handleFormReset();\n    await page.waitForChanges();\n\n    expect(page.root.selected).toBe(true);\n\n    //test disconnected callback\n    page.setContent(\"\");\n  });\n\n  it(\"should change the orientation of the radio group to vertical if the user sets the orientation as horizontal and there are more than 2 radio options in the radio group\", async () => {\n    const page = await newSpecPage({\n      components: [RadioGroup, RadioOption],\n      html: `<ic-radio-group label=\"test label\" name=\"test\" required orientation=\"horizontal\">\n        <ic-radio-option value=\"test1\" selected></ic-radio-option>\n        <ic-radio-option value=\"test2\" ></ic-radio-option> \n        <ic-radio-option value=\"test3\"></ic-radio-option>    \n      </ic-radio-group>`,\n    });\n\n    expect(page.rootInstance.currentOrientation).toMatch(\"vertical\");\n  });\n\n  it(\"should change the orientation of the radio group to vertical if the user has additional fields on any of the radio buttons in the group\", async () => {\n    const page = await newSpecPage({\n      components: [RadioGroup, RadioOption, TextField],\n      html: `<ic-radio-group label=\"test label\" name=\"test\" required orientation=\"horizontal\">\n        <ic-radio-option value=\"test1\" selected></ic-radio-option>\n        <ic-radio-option value=\"test\" disabled label=\"test label\" group-label=\"test group\">\n         <ic-text-field slot=\"additional-field\" placeholder=\"Placeholder\" label=\"Test label\"></ic-text-field>\n        </ic-radio-option>      \n      </ic-radio-group>`,\n    });\n\n    expect(page.rootInstance.currentOrientation).toMatch(\"vertical\");\n  });\n\n  it(\"should call runResizeObserver\", async () => {\n    const page = await newSpecPage({\n      components: [RadioGroup, RadioOption, TextField],\n      html: `<ic-radio-group label=\"test label\" name=\"test\" required orientation=\"horizontal\">\n        <ic-radio-option value=\"test1\" selected></ic-radio-option>\n        <ic-radio-option value=\"test\" disabled label=\"test label\" group-label=\"test group\">\n         <ic-text-field slot=\"additional-field\" placeholder=\"Placeholder\" label=\"Test label\"></ic-text-field>\n        </ic-radio-option>      \n      </ic-radio-group>`,\n    });\n\n    await page.rootInstance.runResizeObserver();\n    page.waitForChanges();\n\n    const resize = new ResizeObserver(() => {\n      page.rootInstance.checkOrientation();\n    });\n\n    page.waitForChanges();\n\n    expect(page.rootInstance.resizeObserver).toBe(resize);\n  });\n\n  it(\"should call checkOrientation\", async () => {\n    const page = await newSpecPage({\n      components: [RadioGroup, RadioOption, TextField],\n      html: `<ic-radio-group label=\"test label\" name=\"test\" required orientation=\"horizontal\">\n      <ic-radio-option value=\"test1\" selected></ic-radio-option>\n      <ic-radio-option value=\"test2\"></ic-radio-option> \n      <ic-radio-option value=\"test3\"></ic-radio-option>    \n    </ic-radio-group>`,\n    });\n\n    await page.rootInstance.checkOrientation();\n    page.waitForChanges();\n\n    expect(page.rootInstance.currentOrientation).toBe(\"vertical\");\n  });\n\n  it(\"should test key down handler\", async () => {\n    const page = await newSpecPage({\n      components: [RadioGroup, RadioOption],\n      html: `<ic-radio-group label=\"test label\" name=\"test\" required>\n      <ic-radio-option value=\"test\"></ic-radio-option>   \n      <ic-radio-option value=\"test2\" disabled></ic-radio-option> \n      <ic-radio-option value=\"test3\" selected></ic-radio-option>    \n    </ic-radio-group>`,\n    });\n\n    //test wrap around from end to beginning\n    page.root.dispatchEvent(\n      new window.window.KeyboardEvent(\"keydown\", {\n        key: \"ArrowDown\",\n        bubbles: true,\n        cancelable: true,\n      })\n    );\n\n    await page.waitForChanges();\n\n    expect(page.rootInstance.radioOptions[0].selected).toBe(true);\n    expect(page.rootInstance.radioOptions[2].selected).toBe(false);\n\n    page.root.dispatchEvent(\n      new window.window.KeyboardEvent(\"keydown\", {\n        key: \"ArrowDown\",\n        bubbles: true,\n        cancelable: true,\n      })\n    );\n\n    await page.waitForChanges();\n\n    expect(page.rootInstance.radioOptions[0].selected).toBe(false);\n    expect(page.rootInstance.radioOptions[2].selected).toBe(true);\n\n    page.root.dispatchEvent(\n      new window.window.KeyboardEvent(\"keydown\", {\n        key: \"ArrowUp\",\n        bubbles: true,\n        cancelable: true,\n      })\n    );\n\n    await page.waitForChanges();\n\n    expect(page.rootInstance.radioOptions[0].selected).toBe(true);\n    expect(page.rootInstance.radioOptions[2].selected).toBe(false);\n\n    page.root.dispatchEvent(\n      new window.window.KeyboardEvent(\"keydown\", {\n        key: \"ArrowRight\",\n        bubbles: true,\n        cancelable: true,\n      })\n    );\n\n    await page.waitForChanges();\n\n    expect(page.rootInstance.radioOptions[0].selected).toBe(false);\n    expect(page.rootInstance.radioOptions[2].selected).toBe(true);\n\n    page.root.dispatchEvent(\n      new window.window.KeyboardEvent(\"keydown\", {\n        key: \"ArrowLeft\",\n        bubbles: true,\n        cancelable: true,\n      })\n    );\n\n    await page.waitForChanges();\n\n    expect(page.rootInstance.radioOptions[0].selected).toBe(true);\n    expect(page.rootInstance.radioOptions[2].selected).toBe(false);\n\n    //test wrap around from beginning to end\n    page.root.dispatchEvent(\n      new window.window.KeyboardEvent(\"keydown\", {\n        key: \"ArrowUp\",\n        bubbles: true,\n        cancelable: true,\n      })\n    );\n\n    await page.waitForChanges();\n\n    expect(page.rootInstance.radioOptions[0].selected).toBe(false);\n    expect(page.rootInstance.radioOptions[2].selected).toBe(true);\n  });\n\n  it(\"should call this.setRadioOptions() when slot content changes\", async () => {\n    const page = await newSpecPage({\n      components: [RadioGroup, RadioOption],\n      html: `<ic-radio-group label=\"test label\" name=\"test\">\n        <ic-radio-option value=\"test\"></ic-radio-option>    \n      </ic-radio-group>`,\n    });\n\n    const radioContainer = document\n      .querySelector(\"ic-radio-group\")\n      .shadowRoot.querySelector(\".radio-buttons-container\");\n\n    jest.spyOn(page.rootInstance, \"setRadioOptions\").mockImplementation();\n\n    await page.rootInstance.addSlotChangeListener();\n\n    radioContainer.dispatchEvent(new Event(\"slotchange\"));\n\n    await page.waitForChanges();\n\n    expect(page.rootInstance.setRadioOptions).toBeCalledTimes(1);\n  });\n\n  it(\"should test disconnectedCallback function\", async () => {\n    const page = await newSpecPage({\n      components: [RadioGroup, RadioOption],\n      html: `<ic-radio-group label=\"test label\" name=\"test\">\n        <ic-radio-option value=\"test\"></ic-radio-option>    \n      </ic-radio-group>`,\n    });\n\n    await page.waitForChanges();\n\n    const radioContainer = page.root.shadowRoot.querySelector(\n      \".radio-buttons-container\"\n    );\n    expect((radioContainer as any).__listeners.length).toBe(1);\n\n    page.rootInstance.disconnectedCallback();\n\n    await page.waitForChanges();\n\n    expect((radioContainer as any).__listeners.length).toBe(0);\n  });\n});\n"]}
+{"version":3,"file":"ic-radio-group.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-radio-group/test/basic/ic-radio-group.spec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAC;AAEjE,SAAS,CAAC,GAAG,EAAE;IACb,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;AAC5D,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC9B,EAAE,CAAC,eAAe,EAAE,KAAK,IAAI,EAAE;QAC7B,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,EAAE,WAAW,CAAC;YACrC,IAAI,EAAE;;wBAEY;SACnB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,SAAS,CAAC,CAAC;IAC/C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2BAA2B,EAAE,KAAK,IAAI,EAAE;QACzC,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,EAAE,WAAW,CAAC;YACrC,IAAI,EAAE;;wBAEY;SACnB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8BAA8B,EAAE,KAAK,IAAI,EAAE;QAC5C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,EAAE,WAAW,CAAC;YACrC,IAAI,EAAE;;wBAEY;SACnB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,yBAAyB,CAAC,CAAC;IAC/D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oCAAoC,EAAE,KAAK,IAAI,EAAE;QAClD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,EAAE,WAAW,CAAC;YACrC,IAAI,EAAE;;wBAEY;SACnB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,8BAA8B,CAAC,CAAC;IACpE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4CAA4C,EAAE,KAAK,IAAI,EAAE;QAC1D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,WAAW,CAAC;YACzB,IAAI,EAAE,uJAAuJ;SAC9J,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;QACpD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,EAAE,WAAW,CAAC;YACrC,IAAI,EAAE;;wBAEY;SACnB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,gCAAgC,CAAC,CAAC;IACtE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oCAAoC,EAAE,KAAK,IAAI,EAAE;QAClD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,EAAE,WAAW,CAAC;YACrC,IAAI,EAAE;;wBAEY;SACnB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC;QAEtD,IAAI,CAAC,YAAY,CAAC,QAAQ,GAAG,KAAK,CAAC;QAEnC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qCAAqC,EAAE,KAAK,IAAI,EAAE;QACnD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,EAAE,WAAW,CAAC;YACrC,IAAI,EAAE;;wBAEY;SACnB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,yBAAyB,CAAC,CAAC;QAE7D,QAAQ,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC,QAAQ,GAAG,KAAK,CAAC;QAE3D,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uDAAuD,EAAE,KAAK,IAAI,EAAE;QACrE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,EAAE,WAAW,EAAE,SAAS,CAAC;YAChD,IAAI,EAAE;;;;wBAIY;SACnB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAC/B,0CAA0C,CAC3C,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qDAAqD,EAAE,KAAK,IAAI,EAAE;QACnE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,EAAE,WAAW,EAAE,SAAS,CAAC;YAChD,IAAI,EAAE;;;;wBAIY;SACnB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,wCAAwC,CAAC,CAAC;IAC9E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE,KAAK,IAAI,EAAE;QAC3D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,EAAE,WAAW,EAAE,SAAS,CAAC;YAChD,IAAI,EAAE;;;;wBAIY;SACnB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,uCAAuC,CAAC,CAAC;IAC7E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oDAAoD,EAAE,KAAK,IAAI,EAAE;QAClE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,EAAE,WAAW,CAAC;YACrC,IAAI,EAAE;;wBAEY;SACnB,CAAC,CAAC;QAEH,MAAM,UAAU,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC7B,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;QAClD,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC;YAC9B,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;YACzB,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,iBAAiB,CAAC;SACnD,CAAC,CAAC;QACH,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,UAAU,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oCAAoC,EAAE,KAAK,IAAI,EAAE;QAClD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,EAAE,WAAW,CAAC;YACrC,IAAI,EAAE;;;wBAGY;SACnB,CAAC,CAAC;QAEH,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,mBAAmB,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;QAEpE,IAAI,CAAC,cAAc,EAAE,CAAC;QACtB,MAAM,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAC/B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE,KAAK,IAAI,EAAE;QAC3D,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;QAC3D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,EAAE,WAAW,EAAE,SAAS,CAAC;YAChD,IAAI,EAAE;;;;;;;;wBAQY;SACnB,CAAC,CAAC;QAEH,MAAM,UAAU,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC7B,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;QAEjD,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;QAC1C,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,UAAU,CAAC,CAAC,gBAAgB,EAAE,CAAC;QACtC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAE1D,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;QAC1C,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAC5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2DAA2D,EAAE,KAAK,IAAI,EAAE;QACzE,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;QAC3D,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,EAAE,WAAW,EAAE,SAAS,CAAC;YAChD,IAAI,EAAE;;;;;wBAKY;SACnB,CAAC,CAAC;QAEH,MAAM,GAAG,GACP,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,aAAa,CACxD,oBAAoB,CACrB,CAAC;QACJ,GAAG,CAAC,KAAK,EAAE,CAAC;QACZ,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACjE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yDAAyD,EAAE,KAAK,IAAI,EAAE;QACvE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,WAAW,CAAC;YACzB,IAAI,EAAE;;wBAEY;SACnB,CAAC,CAAC;QAEH,MAAM,UAAU,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC7B,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;QACjD,IAAI,CAAC,YAAY,CAAC,qBAAqB,CAAC;YACtC,MAAM,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE;YAC1B,wBAAwB,EAAE,IAAI,CAAC,EAAE,EAAE;SACpC,CAAC,CAAC;QACH,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,UAAU,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gEAAgE,EAAE,KAAK,IAAI,EAAE;QAC9E,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,WAAW,CAAC;YACzB,IAAI,EAAE;;wBAEY;SACnB,CAAC,CAAC;QAEH,MAAM,UAAU,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QAC7B,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;QACjD,IAAI,CAAC,YAAY,CAAC,qBAAqB,CAAC;YACtC,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;YACrB,wBAAwB,EAAE,IAAI,CAAC,EAAE,EAAE;SACpC,CAAC,CAAC;QACH,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,UAAU,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACxC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qDAAqD,EAAE,KAAK,IAAI,EAAE;QACnE,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,WAAW,CAAC;YACzB,IAAI,EAAE,6DAA6D;SACpE,CAAC,CAAC;QAEH,6EAA6E;QAC7E,MAAM,IAAI,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC,gBAAgB,CAAC;IACtD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8BAA8B,EAAE,KAAK,IAAI,EAAE;QAC5C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,WAAW,CAAC;YACzB,IAAI,EAAE;;;cAGE;SACT,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAEtC,IAAI,CAAC,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QAC1B,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAEtC,MAAM,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,CAAC;QAC1C,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAEtC,4BAA4B;QAC5B,IAAI,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;IACtB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wKAAwK,EAAE,KAAK,IAAI,EAAE;QACtL,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,EAAE,WAAW,CAAC;YACrC,IAAI,EAAE;;;;wBAIY;SACnB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IACnE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yIAAyI,EAAE,KAAK,IAAI,EAAE;QACvJ,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,EAAE,WAAW,EAAE,SAAS,CAAC;YAChD,IAAI,EAAE;;;;;wBAKY;SACnB,CAAC,CAAC;QAEH,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IACnE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+BAA+B,EAAE,KAAK,IAAI,EAAE;QAC7C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,EAAE,WAAW,EAAE,SAAS,CAAC;YAChD,IAAI,EAAE;;;;;wBAKY;SACnB,CAAC,CAAC;QAEH,MAAM,IAAI,CAAC,YAAY,CAAC,iBAAiB,EAAE,CAAC;QAC5C,IAAI,CAAC,cAAc,EAAE,CAAC;QAEtB,MAAM,MAAM,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;YACrC,IAAI,CAAC,YAAY,CAAC,gBAAgB,EAAE,CAAC;QACvC,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,cAAc,EAAE,CAAC;QAEtB,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8BAA8B,EAAE,KAAK,IAAI,EAAE;QAC5C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,EAAE,WAAW,EAAE,SAAS,CAAC;YAChD,IAAI,EAAE;;;;sBAIU;SACjB,CAAC,CAAC;QAEH,MAAM,IAAI,CAAC,YAAY,CAAC,gBAAgB,EAAE,CAAC;QAC3C,IAAI,CAAC,cAAc,EAAE,CAAC;QAEtB,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAChE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8BAA8B,EAAE,KAAK,IAAI,EAAE;QAC5C,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,EAAE,WAAW,CAAC;YACrC,IAAI,EAAE;;;;sBAIU;SACjB,CAAC,CAAC;QAEH,wCAAwC;QACxC,IAAI,CAAC,IAAI,CAAC,aAAa,CACrB,IAAI,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,SAAS,EAAE;YACzC,GAAG,EAAE,WAAW;YAChB,OAAO,EAAE,IAAI;YACb,UAAU,EAAE,IAAI;SACjB,CAAC,CACH,CAAC;QAEF,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC9D,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAE/D,IAAI,CAAC,IAAI,CAAC,aAAa,CACrB,IAAI,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,SAAS,EAAE;YACzC,GAAG,EAAE,WAAW;YAChB,OAAO,EAAE,IAAI;YACb,UAAU,EAAE,IAAI;SACjB,CAAC,CACH,CAAC;QAEF,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC/D,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAE9D,IAAI,CAAC,IAAI,CAAC,aAAa,CACrB,IAAI,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,SAAS,EAAE;YACzC,GAAG,EAAE,SAAS;YACd,OAAO,EAAE,IAAI;YACb,UAAU,EAAE,IAAI;SACjB,CAAC,CACH,CAAC;QAEF,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC9D,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAE/D,IAAI,CAAC,IAAI,CAAC,aAAa,CACrB,IAAI,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,SAAS,EAAE;YACzC,GAAG,EAAE,YAAY;YACjB,OAAO,EAAE,IAAI;YACb,UAAU,EAAE,IAAI;SACjB,CAAC,CACH,CAAC;QAEF,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC/D,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAE9D,IAAI,CAAC,IAAI,CAAC,aAAa,CACrB,IAAI,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,SAAS,EAAE;YACzC,GAAG,EAAE,WAAW;YAChB,OAAO,EAAE,IAAI;YACb,UAAU,EAAE,IAAI;SACjB,CAAC,CACH,CAAC;QAEF,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC9D,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAE/D,wCAAwC;QACxC,IAAI,CAAC,IAAI,CAAC,aAAa,CACrB,IAAI,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,SAAS,EAAE;YACzC,GAAG,EAAE,SAAS;YACd,OAAO,EAAE,IAAI;YACb,UAAU,EAAE,IAAI;SACjB,CAAC,CACH,CAAC;QAEF,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC/D,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAChE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8DAA8D,EAAE,KAAK,IAAI,EAAE;QAC5E,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,EAAE,WAAW,CAAC;YACrC,IAAI,EAAE;;wBAEY;SACnB,CAAC,CAAC;QAEH,MAAM,cAAc,GAAG,QAAQ;aAC5B,aAAa,CAAC,gBAAgB,CAAC;aAC/B,UAAU,CAAC,aAAa,CAAC,0BAA0B,CAAC,CAAC;QAExD,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,EAAE,iBAAiB,CAAC,CAAC,kBAAkB,EAAE,CAAC;QAEtE,MAAM,IAAI,CAAC,YAAY,CAAC,qBAAqB,EAAE,CAAC;QAEhD,cAAc,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC;QAEtD,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;IAC/D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2CAA2C,EAAE,KAAK,IAAI,EAAE;QACzD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC;YAC7B,UAAU,EAAE,CAAC,UAAU,EAAE,WAAW,CAAC;YACrC,IAAI,EAAE;;wBAEY;SACnB,CAAC,CAAC;QAEH,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,cAAc,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CACvD,0BAA0B,CAC3B,CAAC;QACF,MAAM,CAAE,cAAsB,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAE3D,IAAI,CAAC,YAAY,CAAC,oBAAoB,EAAE,CAAC;QAEzC,MAAM,IAAI,CAAC,cAAc,EAAE,CAAC;QAE5B,MAAM,CAAE,cAAsB,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { newSpecPage } from \"@stencil/core/testing\";\nimport { RadioGroup } from \"../../ic-radio-group\";\nimport { RadioOption } from \"../../../ic-radio-option/ic-radio-option\";\nimport { TextField } from \"../../../ic-text-field/ic-text-field\";\n\nbeforeAll(() => {\n  jest.spyOn(console, \"warn\").mockImplementation(jest.fn());\n});\n\ndescribe(\"ic-radio-group\", () => {\n  it(\"should render\", async () => {\n    const page = await newSpecPage({\n      components: [RadioGroup, RadioOption],\n      html: `<ic-radio-group label=\"test label\" name=\"test\">\n        <ic-radio-option value=\"test\"></ic-radio-option>    \n      </ic-radio-group>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders\");\n  });\n\n  it(\"should render as required\", async () => {\n    const page = await newSpecPage({\n      components: [RadioGroup, RadioOption],\n      html: `<ic-radio-group label=\"test label\" name=\"test\" required>\n        <ic-radio-option value=\"test\"></ic-radio-option>    \n      </ic-radio-group>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders-required\");\n  });\n\n  it(\"should render as helper text\", async () => {\n    const page = await newSpecPage({\n      components: [RadioGroup, RadioOption],\n      html: `<ic-radio-group label=\"test label\" name=\"test\" helperText=\"helper test\">\n        <ic-radio-option value=\"test\"></ic-radio-option>    \n      </ic-radio-group>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders-with-helpertext\");\n  });\n\n  it(\"should render with selected option\", async () => {\n    const page = await newSpecPage({\n      components: [RadioGroup, RadioOption],\n      html: `<ic-radio-group label=\"test label\" name=\"test\" required>\n        <ic-radio-option value=\"test\" selected></ic-radio-option>    \n      </ic-radio-group>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders-with-selected-option\");\n  });\n\n  it(\"should test radio option as submit on form\", async () => {\n    const page = await newSpecPage({\n      components: [RadioOption],\n      html: `<form id=\"new-form\"></form><ic-radio-option id=\"ic-radio-option\" label=\"IC Radio Test\" value=\"test-value\" form=\"new-form\" selected></ic-radio-option>`,\n    });\n\n    expect(page.root).toMatchSnapshot();\n  });\n\n  it(\"should render with validation status\", async () => {\n    const page = await newSpecPage({\n      components: [RadioGroup, RadioOption],\n      html: `<ic-radio-group label=\"test label\" name=\"test\" required validation-status=\"error\" validation-text=\"error\">\n        <ic-radio-option value=\"test\" selected></ic-radio-option>    \n      </ic-radio-group>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders-with-validation-status\");\n  });\n\n  it(\"should render radio group disabled\", async () => {\n    const page = await newSpecPage({\n      components: [RadioGroup, RadioOption],\n      html: `<ic-radio-group label=\"test label\" name=\"test\" disabled>\n        <ic-radio-option value=\"test\" label=\"test label\" group-label=\"test group\"></ic-radio-option>    \n      </ic-radio-group>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders-disabled\");\n\n    page.rootInstance.disabled = false;\n\n    await page.waitForChanges();\n    expect(page.root).toMatchSnapshot(\"disabled-removed\");\n  });\n\n  it(\"should render radio option disabled\", async () => {\n    const page = await newSpecPage({\n      components: [RadioGroup, RadioOption],\n      html: `<ic-radio-group label=\"test label\" name=\"test\">\n        <ic-radio-option value=\"test\" disabled label=\"test label\" group-label=\"test group\"></ic-radio-option>    \n      </ic-radio-group>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders-option-disabled\");\n\n    document.querySelector(\"ic-radio-option\").disabled = false;\n\n    await page.waitForChanges();\n    expect(page.root).toMatchSnapshot(\"disabled-removed\");\n  });\n\n  it(\"should render with unselected static additional field\", async () => {\n    const page = await newSpecPage({\n      components: [RadioGroup, RadioOption, TextField],\n      html: `<ic-radio-group label=\"test label\" name=\"test\">\n        <ic-radio-option value=\"test\" disabled label=\"test label\" group-label=\"test group\">\n         <ic-text-field slot=\"additional-field\" placeholder=\"Placeholder\" label=\"Test label\"></ic-text-field>\n        </ic-radio-option>    \n      </ic-radio-group>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\n      \"renders-with-unselected-additional-field\"\n    );\n  });\n\n  it(\"should render with selected static additional field\", async () => {\n    const page = await newSpecPage({\n      components: [RadioGroup, RadioOption, TextField],\n      html: `<ic-radio-group label=\"test label\" name=\"test\">\n        <ic-radio-option value=\"test\" selected label=\"test label\" group-label=\"test group\">\n         <ic-text-field slot=\"additional-field\" placeholder=\"Placeholder\" label=\"Test label\"></ic-text-field>\n        </ic-radio-option>    \n      </ic-radio-group>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders-with-selected-additional-field\");\n  });\n\n  it(\"should render with dynamic additional field\", async () => {\n    const page = await newSpecPage({\n      components: [RadioGroup, RadioOption, TextField],\n      html: `<ic-radio-group label=\"test label\" name=\"test\">\n        <ic-radio-option value=\"test\" label=\"test label\" group-label=\"test group\" additional-field-display=\"dynamic\" selected>\n         <ic-text-field slot=\"additional-field\" placeholder=\"Placeholder\" label=\"Test label\"></ic-text-field>\n        </ic-radio-option>    \n      </ic-radio-group>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders-with-dynamic-additional-field\");\n  });\n\n  it(\"should emit an updated checked value when selected\", async () => {\n    const page = await newSpecPage({\n      components: [RadioGroup, RadioOption],\n      html: `<ic-radio-group label=\"test label\" name=\"test\" required>\n        <ic-radio-option value=\"test\" selected></ic-radio-option>    \n      </ic-radio-group>`,\n    });\n\n    const callbackFn = jest.fn();\n    page.doc.addEventListener(\"icChange\", callbackFn);\n    page.rootInstance.selectHandler({\n      detail: { value: \"true\" },\n      target: page.root.querySelector(\"ic-radio-option\"),\n    });\n    await page.waitForChanges();\n\n    expect(callbackFn).toHaveBeenCalled();\n  });\n\n  it(\"should get the next item to select\", async () => {\n    const page = await newSpecPage({\n      components: [RadioGroup, RadioOption],\n      html: `<ic-radio-group label=\"test label\" name=\"test\" required>\n        <ic-radio-option value=\"test\" selected></ic-radio-option>   \n        <ic-radio-option value=\"test2\"></ic-radio-option>   \n      </ic-radio-group>`,\n    });\n\n    const nextItemCalc = page.rootInstance.getNextItemToSelect(0, true);\n\n    page.waitForChanges();\n    expect(nextItemCalc).toBe(1);\n  });\n\n  it(\"should select the radio option when clicked\", async () => {\n    jest.spyOn(console, \"error\").mockImplementation(jest.fn());\n    const page = await newSpecPage({\n      components: [RadioGroup, RadioOption, TextField],\n      html: `<ic-radio-group label=\"test label\" name=\"test\" required>\n        <ic-radio-option value=\"test\" selected></ic-radio-option> \n        <ic-radio-option label=\"test label\">\n         <ic-text-field slot=\"additional-field\" placeholder=\"Placeholder\" label=\"Test label\" value=\"Test value\"></ic-text-field>\n        </ic-radio-option>\n        <ic-radio-option label=\"test label\" value=\"Radio value\">\n         <ic-text-field slot=\"additional-field\" placeholder=\"Placeholder\" label=\"Test label\"></ic-text-field>\n        </ic-radio-option>   \n      </ic-radio-group>`,\n    });\n\n    const callbackFn = jest.fn();\n    page.doc.addEventListener(\"icCheck\", callbackFn);\n\n    page.rootInstance.radioOptions[1].click();\n    await page.waitForChanges();\n\n    expect(callbackFn).toHaveBeenCalled();\n    expect(page.rootInstance.checkedValue).toBe(\"Test value\");\n\n    page.rootInstance.radioOptions[2].click();\n    await page.waitForChanges();\n    expect(page.rootInstance.checkedValue).toBe(\"Radio value\");\n  });\n\n  it(\"should not select the radio option when textfield clicked\", async () => {\n    jest.spyOn(console, \"error\").mockImplementation(jest.fn());\n    const page = await newSpecPage({\n      components: [RadioGroup, RadioOption, TextField],\n      html: `<ic-radio-group label=\"test label\" name=\"test\" required>\n        <ic-radio-option value=\"test\" selected></ic-radio-option> \n        <ic-radio-option label=\"test label\">\n         <ic-text-field slot=\"additional-field\" placeholder=\"Placeholder\" label=\"Test label\" value=\"Test value\"></ic-text-field>\n        </ic-radio-option>\n      </ic-radio-group>`,\n    });\n\n    const div =\n      page.rootInstance.radioOptions[1].shadowRoot.querySelector(\n        \".dynamic-container\"\n      );\n    div.click();\n    await page.waitForChanges();\n\n    expect(page.rootInstance.radioOptions[1].selected).toBe(false);\n  });\n\n  it(\"should emit new radio value when text field value given\", async () => {\n    const page = await newSpecPage({\n      components: [RadioOption],\n      html: `<ic-radio-group label=\"test label\" name=\"test\" required>\n        <ic-radio-option value=\"test\" selected></ic-radio-option>    \n      </ic-radio-group>`,\n    });\n\n    const callbackFn = jest.fn();\n    page.doc.addEventListener(\"icCheck\", callbackFn);\n    page.rootInstance.textfieldValueHandler({\n      detail: { value: \"value\" },\n      stopImmediatePropagation: jest.fn(),\n    });\n    await page.waitForChanges();\n\n    expect(callbackFn).toHaveBeenCalled();\n  });\n\n  it(\"should emit default radio value when no text field value given\", async () => {\n    const page = await newSpecPage({\n      components: [RadioOption],\n      html: `<ic-radio-group label=\"test label\" name=\"test\" required>\n        <ic-radio-option value=\"test\" selected></ic-radio-option>    \n      </ic-radio-group>`,\n    });\n\n    const callbackFn = jest.fn();\n    page.doc.addEventListener(\"icCheck\", callbackFn);\n    page.rootInstance.textfieldValueHandler({\n      detail: { value: \"\" },\n      stopImmediatePropagation: jest.fn(),\n    });\n    await page.waitForChanges();\n\n    expect(callbackFn).toHaveBeenCalled();\n  });\n\n  it(\"should call 'setFocus' when radio option is focused\", async () => {\n    const page = await newSpecPage({\n      components: [RadioOption],\n      html: `<ic-radio-option value=\"test\" selected></ic-radio-option>  `,\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 test form reset event\", async () => {\n    const page = await newSpecPage({\n      components: [RadioOption],\n      html: `<form>\n        <ic-radio-option value=\"test\" selected></ic-radio-option>    \n        <button id=\"resetButton\" type=\"reset\">Reset</button>  \n      </form>`,\n    });\n\n    expect(page.root.selected).toBe(true);\n\n    page.root.checked = false;\n    await page.waitForChanges();\n\n    expect(page.root.checked).toBe(false);\n\n    await page.rootInstance.handleFormReset();\n    await page.waitForChanges();\n\n    expect(page.root.selected).toBe(true);\n\n    //test disconnected callback\n    page.setContent(\"\");\n  });\n\n  it(\"should change the orientation of the radio group to vertical if the user sets the orientation as horizontal and there are more than 2 radio options in the radio group\", async () => {\n    const page = await newSpecPage({\n      components: [RadioGroup, RadioOption],\n      html: `<ic-radio-group label=\"test label\" name=\"test\" required orientation=\"horizontal\">\n        <ic-radio-option value=\"test1\" selected></ic-radio-option>\n        <ic-radio-option value=\"test2\" ></ic-radio-option> \n        <ic-radio-option value=\"test3\"></ic-radio-option>    \n      </ic-radio-group>`,\n    });\n\n    expect(page.rootInstance.currentOrientation).toMatch(\"vertical\");\n  });\n\n  it(\"should change the orientation of the radio group to vertical if the user has additional fields on any of the radio buttons in the group\", async () => {\n    const page = await newSpecPage({\n      components: [RadioGroup, RadioOption, TextField],\n      html: `<ic-radio-group label=\"test label\" name=\"test\" required orientation=\"horizontal\">\n        <ic-radio-option value=\"test1\" selected></ic-radio-option>\n        <ic-radio-option value=\"test\" disabled label=\"test label\" group-label=\"test group\">\n         <ic-text-field slot=\"additional-field\" placeholder=\"Placeholder\" label=\"Test label\"></ic-text-field>\n        </ic-radio-option>      \n      </ic-radio-group>`,\n    });\n\n    expect(page.rootInstance.currentOrientation).toMatch(\"vertical\");\n  });\n\n  it(\"should call runResizeObserver\", async () => {\n    const page = await newSpecPage({\n      components: [RadioGroup, RadioOption, TextField],\n      html: `<ic-radio-group label=\"test label\" name=\"test\" required orientation=\"horizontal\">\n        <ic-radio-option value=\"test1\" selected></ic-radio-option>\n        <ic-radio-option value=\"test\" disabled label=\"test label\" group-label=\"test group\">\n         <ic-text-field slot=\"additional-field\" placeholder=\"Placeholder\" label=\"Test label\"></ic-text-field>\n        </ic-radio-option>      \n      </ic-radio-group>`,\n    });\n\n    await page.rootInstance.runResizeObserver();\n    page.waitForChanges();\n\n    const resize = new ResizeObserver(() => {\n      page.rootInstance.checkOrientation();\n    });\n\n    page.waitForChanges();\n\n    expect(page.rootInstance.resizeObserver).toBe(resize);\n  });\n\n  it(\"should call checkOrientation\", async () => {\n    const page = await newSpecPage({\n      components: [RadioGroup, RadioOption, TextField],\n      html: `<ic-radio-group label=\"test label\" name=\"test\" required orientation=\"horizontal\">\n      <ic-radio-option value=\"test1\" selected></ic-radio-option>\n      <ic-radio-option value=\"test2\"></ic-radio-option> \n      <ic-radio-option value=\"test3\"></ic-radio-option>    \n    </ic-radio-group>`,\n    });\n\n    await page.rootInstance.checkOrientation();\n    page.waitForChanges();\n\n    expect(page.rootInstance.currentOrientation).toBe(\"vertical\");\n  });\n\n  it(\"should test key down handler\", async () => {\n    const page = await newSpecPage({\n      components: [RadioGroup, RadioOption],\n      html: `<ic-radio-group label=\"test label\" name=\"test\" required>\n      <ic-radio-option value=\"test\"></ic-radio-option>   \n      <ic-radio-option value=\"test2\" disabled></ic-radio-option> \n      <ic-radio-option value=\"test3\" selected></ic-radio-option>    \n    </ic-radio-group>`,\n    });\n\n    //test wrap around from end to beginning\n    page.root.dispatchEvent(\n      new window.window.KeyboardEvent(\"keydown\", {\n        key: \"ArrowDown\",\n        bubbles: true,\n        cancelable: true,\n      })\n    );\n\n    await page.waitForChanges();\n\n    expect(page.rootInstance.radioOptions[0].selected).toBe(true);\n    expect(page.rootInstance.radioOptions[2].selected).toBe(false);\n\n    page.root.dispatchEvent(\n      new window.window.KeyboardEvent(\"keydown\", {\n        key: \"ArrowDown\",\n        bubbles: true,\n        cancelable: true,\n      })\n    );\n\n    await page.waitForChanges();\n\n    expect(page.rootInstance.radioOptions[0].selected).toBe(false);\n    expect(page.rootInstance.radioOptions[2].selected).toBe(true);\n\n    page.root.dispatchEvent(\n      new window.window.KeyboardEvent(\"keydown\", {\n        key: \"ArrowUp\",\n        bubbles: true,\n        cancelable: true,\n      })\n    );\n\n    await page.waitForChanges();\n\n    expect(page.rootInstance.radioOptions[0].selected).toBe(true);\n    expect(page.rootInstance.radioOptions[2].selected).toBe(false);\n\n    page.root.dispatchEvent(\n      new window.window.KeyboardEvent(\"keydown\", {\n        key: \"ArrowRight\",\n        bubbles: true,\n        cancelable: true,\n      })\n    );\n\n    await page.waitForChanges();\n\n    expect(page.rootInstance.radioOptions[0].selected).toBe(false);\n    expect(page.rootInstance.radioOptions[2].selected).toBe(true);\n\n    page.root.dispatchEvent(\n      new window.window.KeyboardEvent(\"keydown\", {\n        key: \"ArrowLeft\",\n        bubbles: true,\n        cancelable: true,\n      })\n    );\n\n    await page.waitForChanges();\n\n    expect(page.rootInstance.radioOptions[0].selected).toBe(true);\n    expect(page.rootInstance.radioOptions[2].selected).toBe(false);\n\n    //test wrap around from beginning to end\n    page.root.dispatchEvent(\n      new window.window.KeyboardEvent(\"keydown\", {\n        key: \"ArrowUp\",\n        bubbles: true,\n        cancelable: true,\n      })\n    );\n\n    await page.waitForChanges();\n\n    expect(page.rootInstance.radioOptions[0].selected).toBe(false);\n    expect(page.rootInstance.radioOptions[2].selected).toBe(true);\n  });\n\n  it(\"should call this.setRadioOptions() when slot content changes\", async () => {\n    const page = await newSpecPage({\n      components: [RadioGroup, RadioOption],\n      html: `<ic-radio-group label=\"test label\" name=\"test\">\n        <ic-radio-option value=\"test\"></ic-radio-option>    \n      </ic-radio-group>`,\n    });\n\n    const radioContainer = document\n      .querySelector(\"ic-radio-group\")\n      .shadowRoot.querySelector(\".radio-buttons-container\");\n\n    jest.spyOn(page.rootInstance, \"setRadioOptions\").mockImplementation();\n\n    await page.rootInstance.addSlotChangeListener();\n\n    radioContainer.dispatchEvent(new Event(\"slotchange\"));\n\n    await page.waitForChanges();\n\n    expect(page.rootInstance.setRadioOptions).toBeCalledTimes(1);\n  });\n\n  it(\"should test disconnectedCallback function\", async () => {\n    const page = await newSpecPage({\n      components: [RadioGroup, RadioOption],\n      html: `<ic-radio-group label=\"test label\" name=\"test\">\n        <ic-radio-option value=\"test\"></ic-radio-option>    \n      </ic-radio-group>`,\n    });\n\n    await page.waitForChanges();\n\n    const radioContainer = page.root.shadowRoot.querySelector(\n      \".radio-buttons-container\"\n    );\n    expect((radioContainer as any).__listeners.length).toBe(1);\n\n    page.rootInstance.disconnectedCallback();\n\n    await page.waitForChanges();\n\n    expect((radioContainer as any).__listeners.length).toBe(0);\n  });\n});\n"]}

package/dist/collection/components/ic-radio-option/ic-radio-option.css

@@ -448,7 +448,8 @@ video {
   width: fit-content;
 }
 
-:host([additional-field-display="static"]) ::slotted(ic-text-field) {
+:host([additional-field-display="static"])
+  ::slotted([slot="additional-field"]) {
   margin-top: calc(var(--ic-space-sm) / 2);
   margin-left: var(--ic-space-xl);
 }