@ukic/web-components 2.1.0-beta.9 → 2.2.0

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

@@ -0,0 +1,343 @@
+import { newE2EPage } from "@stencil/core/testing";
+beforeAll(() => {
+  jest.spyOn(console, "warn").mockImplementation(jest.fn());
+});
+describe("ic-radio-group component", () => {
+  it("Should have tabIndex of first option 0, when no options are selected", async () => {
+    const page = await newE2EPage();
+    await page.setContent(`<ic-radio-group label="test label" name="test">
+        <ic-radio-option value="test1" ></ic-radio-option>    
+        <ic-radio-option value="test2" ></ic-radio-option>    
+        </ic-radio-group>
+      `);
+    await page.waitForChanges();
+    const radioButton1 = await page.find("ic-radio-option[value='test1']");
+    const input1 = radioButton1.shadowRoot.querySelector("input");
+    const radioButton2 = await page.find("ic-radio-option[value='test2']");
+    const input2 = radioButton2.shadowRoot.querySelector("input");
+    expect(input1.tabIndex).toBe(0);
+    expect(input2.tabIndex).toBe(-1);
+  });
+  it("Should not be clickable when disabled", async () => {
+    const page = await newE2EPage();
+    await page.setContent(`<ic-radio-group label="test label" name="test">
+        <ic-radio-option value="test1" disabled></ic-radio-option>    
+        <ic-radio-option value="test2" disabled></ic-radio-option>    
+        </ic-radio-group>
+      `);
+    const radioButton = await page.find("ic-radio-option[value='test2']");
+    await radioButton.click();
+    await page.waitForChanges();
+    expect(await radioButton.getProperty("selected")).toBe(false);
+  });
+  it("Should be selected when clicked", async () => {
+    const page = await newE2EPage();
+    await page.setContent(`<ic-radio-group label="test label" name="test">
+        <ic-radio-option value="test1" ></ic-radio-option>    
+        <ic-radio-option value="test2" ></ic-radio-option>    
+        </ic-radio-group>
+      `);
+    let radioButton = await page.find("ic-radio-option[value='test2']");
+    await radioButton.click();
+    await page.waitForChanges();
+    expect(await radioButton.getProperty("selected")).toBe(true);
+    radioButton = await page.find("ic-radio-option[value='test2']");
+    const input = radioButton.shadowRoot.querySelector("input");
+    expect(input.tabIndex).toBe(0);
+  });
+  it("Should enable textfield when associated option is selected when static", async () => {
+    const page = await newE2EPage();
+    await page.setContent(`<ic-radio-group label="test label" name="test">
+        <ic-radio-option value="test1" ></ic-radio-option>    
+        <ic-radio-option value="test2" selected>
+          <ic-text-field
+              slot="additional-field"
+              label="Test label"
+          ></ic-text-field>
+        </ic-radio-option>    
+        </ic-radio-group>
+      `);
+    const radioButton = await page.find("ic-radio-option[value='test1']");
+    const textfield = await page.find("ic-text-field");
+    expect(textfield).not.toHaveAttribute("disabled");
+    await radioButton.click();
+    await page.waitForChanges();
+    expect(textfield).toHaveAttribute("disabled");
+  });
+  it("Should display textfield when associated option is selected when dynamic", async () => {
+    const page = await newE2EPage();
+    await page.setContent(`<ic-radio-group label="test label" name="test">
+        <ic-radio-option value="test1" ></ic-radio-option>    
+        <ic-radio-option value="test2" additional-field-display="dynamic">
+          <ic-text-field
+              slot="additional-field"
+              label="Test label"
+          ></ic-text-field>
+        </ic-radio-option>    
+        </ic-radio-group>
+      `);
+    const radioButton = await page.find("ic-radio-option[value='test2']");
+    let additionalFieldDisplay = await page.evaluate(() => {
+      const additionalField = document
+        .querySelector("ic-radio-option[value='test2']")
+        .shadowRoot.querySelector(".dynamic-container");
+      return window.getComputedStyle(additionalField).display;
+    });
+    expect(additionalFieldDisplay).toBe("none");
+    await radioButton.click();
+    await page.waitForChanges();
+    additionalFieldDisplay = await page.evaluate(() => {
+      const additionalField = document
+        .querySelector("ic-radio-option[value='test2']")
+        .shadowRoot.querySelector(".dynamic-container");
+      return window.getComputedStyle(additionalField).display;
+    });
+    expect(additionalFieldDisplay).not.toBe("none");
+  });
+  it("Should emit icChange event when radio option is selected", async () => {
+    const page = await newE2EPage();
+    await page.setContent(`<ic-radio-group label="test label" name="test">
+        <ic-radio-option value="test1" ></ic-radio-option>    
+        <ic-radio-option value="test2" >
+        </ic-radio-option>    
+        </ic-radio-group>
+      `);
+    const radioButton = await page.find("ic-radio-option[value='test2']");
+    const icChange = await page.spyOnEvent("icChange");
+    await radioButton.click();
+    await page.waitForChanges();
+    const radioElement = await page.evaluate(() => document.querySelector("ic-radio-option[value='test2']"));
+    expect(icChange).toHaveReceivedEventDetail({
+      selectedOption: {
+        radio: radioElement,
+      },
+      value: "test2",
+    });
+  });
+  it("Should emit icCheck event when radio option is selected", async () => {
+    const page = await newE2EPage();
+    await page.setContent(`<ic-radio-group label="test label" name="test">
+        <ic-radio-option value="test1" ></ic-radio-option>    
+        <ic-radio-option value="test2" ></ic-radio-option>    
+        </ic-radio-group>
+      `);
+    const radioButton = await page.find("ic-radio-option[value='test2']");
+    const icChecked = await page.spyOnEvent("icCheck");
+    await radioButton.click();
+    await page.waitForChanges();
+    expect(icChecked).toHaveReceivedEventDetail({
+      value: "test2",
+    });
+  });
+  it("Should select when spacebar is pressed", async () => {
+    const page = await newE2EPage();
+    await page.setContent(`<ic-radio-group label="test label" name="test">
+        <ic-radio-option value="test1" ></ic-radio-option>    
+        <ic-radio-option value="test2" >
+        </ic-radio-option>    
+        </ic-radio-group>
+      `);
+    const radioButton = await page.find("ic-radio-option[value='test1']");
+    expect(await radioButton.getProperty("selected")).toBe(false);
+    await page.keyboard.press("Tab");
+    await radioButton.press(" ");
+    await page.waitForChanges();
+    expect(await radioButton.getProperty("selected")).toBe(true);
+    const input = radioButton.shadowRoot.querySelector("input");
+    expect(input.tabIndex).toBe(0);
+  });
+  it("Should select next radio option down when arrow down is used", async () => {
+    const page = await newE2EPage();
+    await page.setContent(`<ic-radio-group label="test label" name="test">
+        <ic-radio-option value="test1" ></ic-radio-option>    
+        <ic-radio-option value="test2" ></ic-radio-option>    
+        <ic-radio-option value="test3" ></ic-radio-option>    
+        </ic-radio-group>
+      `);
+    const radioButton1 = await page.find("ic-radio-option[value='test1']");
+    const radioButton2 = await page.find("ic-radio-option[value='test2']");
+    await page.keyboard.press("Tab");
+    await radioButton1.press(" ");
+    await page.waitForChanges();
+    await radioButton1.press("ArrowDown");
+    await page.waitForChanges();
+    const input = radioButton2.shadowRoot.querySelector("input");
+    expect(input.tabIndex).toBe(0);
+  });
+  it("Should select next radio option down when arrow right is used", async () => {
+    const page = await newE2EPage();
+    await page.setContent(`<ic-radio-group label="test label" name="test">
+        <ic-radio-option value="test1" ></ic-radio-option>    
+        <ic-radio-option value="test2" ></ic-radio-option>    
+        <ic-radio-option value="test3" ></ic-radio-option>    
+        </ic-radio-group>
+      `);
+    const radioButton1 = await page.find("ic-radio-option[value='test1']");
+    const radioButton2 = await page.find("ic-radio-option[value='test2']");
+    await page.keyboard.press("Tab");
+    await radioButton1.press(" ");
+    await page.waitForChanges();
+    await radioButton1.press("ArrowRight");
+    await page.waitForChanges();
+    const input = radioButton2.shadowRoot.querySelector("input");
+    expect(input.tabIndex).toBe(0);
+  });
+  it("Should select next radio option down when arrow up is used", async () => {
+    const page = await newE2EPage();
+    await page.setContent(`<ic-radio-group label="test label" name="test">
+        <ic-radio-option value="test1" ></ic-radio-option>    
+        <ic-radio-option value="test2" ></ic-radio-option>    
+        <ic-radio-option value="test3" ></ic-radio-option>    
+        </ic-radio-group>
+      `);
+    const radioButton2 = await page.find("ic-radio-option[value='test2']");
+    const radioButton1 = await page.find("ic-radio-option[value='test1']");
+    await radioButton2.click();
+    await page.waitForChanges();
+    await radioButton2.press("ArrowUp");
+    await page.waitForChanges();
+    const input = radioButton1.shadowRoot.querySelector("input");
+    expect(input.tabIndex).toBe(0);
+  });
+  it("Should select next radio option down when arrow left is used", async () => {
+    const page = await newE2EPage();
+    await page.setContent(`<ic-radio-group label="test label" name="test">
+        <ic-radio-option value="test1" ></ic-radio-option>    
+        <ic-radio-option value="test2" ></ic-radio-option>    
+        <ic-radio-option value="test3" ></ic-radio-option>    
+        </ic-radio-group>
+      `);
+    const radioButton2 = await page.find("ic-radio-option[value='test2']");
+    const radioButton1 = await page.find("ic-radio-option[value='test1']");
+    await radioButton2.click();
+    await page.waitForChanges();
+    await radioButton2.press("ArrowLeft");
+    await page.waitForChanges();
+    const input = radioButton1.shadowRoot.querySelector("input");
+    expect(input.tabIndex).toBe(0);
+  });
+  it("Works on a form", async () => {
+    const page = await newE2EPage();
+    await page.setContent(` <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"
+              selected
+          ></ic-radio-option>
+          <ic-radio-option
+              value="valueName3"
+              label="Unselected / Disabled"
+              disabled
+          ></ic-radio-option>
+          </ic-radio-group>
+        <input type="submit" value="Submit">
+      </form>
+      <script>document.querySelector('form').addEventListener('submit', (ev) => {
+        ev.preventDefault();
+      })
+      </script>
+      `);
+    await page.waitForChanges();
+    const radioButton = await page.find("ic-radio-option[value='valueName1']");
+    await radioButton.click();
+    await page.waitForChanges();
+    const value = await (await page.find('input[name="1"]')).getProperty("value");
+    expect(value).toBe("valueName1");
+  });
+  it("Passes the value of radio button correctly when already selected", async () => {
+    const page = await newE2EPage();
+    await page.setContent(`<ic-radio-group label="test label" name="test">
+        <ic-radio-option value="test1" ></ic-radio-option>    
+        <ic-radio-option value="test2" selected ></ic-radio-option>    
+        </ic-radio-group>
+      `);
+    await page.waitForChanges();
+    const value = await (await page.find('input[name="test"]')).getProperty("value");
+    expect(value).toBe("test2");
+  });
+  it("Passes the value of radio button and textfield correctly when already selected", async () => {
+    const page = await newE2EPage();
+    await page.setContent(`<ic-radio-group label="test label" name="test">
+    <ic-radio-option value="test1" ></ic-radio-option>    
+    <ic-radio-option value="test2" additional-field-display="dynamic" >
+      <ic-text-field
+          slot="additional-field"
+          label="Test label"
+      ></ic-text-field>
+    </ic-radio-option>    
+    </ic-radio-group>
+  `);
+    const radioButton = await page.find("ic-radio-option[value='test2']");
+    await radioButton.click();
+    await page.waitForChanges();
+    await page.keyboard.press("Tab");
+    await page.waitForChanges();
+    await page.keyboard.press("t");
+    await page.keyboard.press("e");
+    await page.keyboard.press("s");
+    await page.keyboard.press("t");
+    await page.waitForChanges();
+    let value = await (await page.find('input[name="test"]')).getProperty("value");
+    expect(value).toBe("test");
+    await page.keyboard.press("Backspace");
+    await page.keyboard.press("Backspace");
+    await page.keyboard.press("Backspace");
+    await page.keyboard.press("Backspace");
+    await page.waitForChanges();
+    value = await (await page.find('input[name="test"]')).getProperty("value");
+    expect(value).toBe("test2");
+  });
+  it("Passes the value of radio button and textfield correctly when already selected and has a value in texfield", async () => {
+    const page = await newE2EPage();
+    await page.setContent(`<ic-radio-group label="test label" name="test">
+    <ic-radio-option value="test1" ></ic-radio-option>    
+    <ic-radio-option value="test2" additional-field-display="dynamic" >
+      <ic-text-field
+          slot="additional-field"
+          label="Test label"
+          value="testValue1"
+      ></ic-text-field>
+    </ic-radio-option>    
+    </ic-radio-group>
+  `);
+    const radioButton = await page.find("ic-radio-option[value='test2']");
+    await radioButton.click();
+    await page.waitForChanges();
+    const value = await (await page.find('input[name="test"]')).getProperty("value");
+    expect(value).toBe("testValue1");
+  });
+  it("Should reset to initial state on form reset event", async () => {
+    const page = await newE2EPage();
+    await page.setContent(`<form><ic-radio-group label="test label" name="test">
+        <ic-radio-option value="test1" ></ic-radio-option>    
+        <ic-radio-option value="test2" selected></ic-radio-option>    
+        </ic-radio-group>
+        <button type="reset" id="resetButton">Reset</button>
+        </form>
+      `);
+    await page.waitForChanges();
+    let radioButton1 = await page.find("ic-radio-option[value='test1']");
+    let radioButton2 = await page.find("ic-radio-option[value='test2']");
+    expect(await radioButton1.getProperty("selected")).toBe(false);
+    expect(await radioButton2.getProperty("selected")).toBe(true);
+    await radioButton1.click();
+    await page.waitForChanges();
+    radioButton1 = await page.find("ic-radio-option[value='test1']");
+    radioButton2 = await page.find("ic-radio-option[value='test2']");
+    expect(await radioButton1.getProperty("selected")).toBe(true);
+    expect(await radioButton2.getProperty("selected")).toBe(false);
+    const resetButton = await page.find("#resetButton");
+    await resetButton.click();
+    await page.waitForChanges();
+    radioButton1 = await page.find("ic-radio-option[value='test1']");
+    radioButton2 = await page.find("ic-radio-option[value='test2']");
+    expect(await radioButton1.getProperty("selected")).toBe(false);
+    expect(await radioButton2.getProperty("selected")).toBe(true);
+  });
+});
+//# sourceMappingURL=ic-radio-group.e2e.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ic-radio-group.e2e.js","sourceRoot":"","sources":["../../../../../src/components/ic-radio-group/test/basic/ic-radio-group.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { newE2EPage } from \"@stencil/core/testing\";\n\nbeforeAll(() => {\n  jest.spyOn(console, \"warn\").mockImplementation(jest.fn());\n});\n\ndescribe(\"ic-radio-group component\", () => {\n  it(\"Should have tabIndex of first option 0, when no options are selected\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-radio-group label=\"test label\" name=\"test\">\n        <ic-radio-option value=\"test1\" ></ic-radio-option>    \n        <ic-radio-option value=\"test2\" ></ic-radio-option>    \n        </ic-radio-group>\n      `);\n    await page.waitForChanges();\n\n    const radioButton1 = await page.find(\"ic-radio-option[value='test1']\");\n    const input1 = radioButton1.shadowRoot.querySelector(\"input\");\n\n    const radioButton2 = await page.find(\"ic-radio-option[value='test2']\");\n    const input2 = radioButton2.shadowRoot.querySelector(\"input\");\n\n    expect(input1.tabIndex).toBe(0);\n    expect(input2.tabIndex).toBe(-1);\n  });\n  it(\"Should not be clickable when disabled\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-radio-group label=\"test label\" name=\"test\">\n        <ic-radio-option value=\"test1\" disabled></ic-radio-option>    \n        <ic-radio-option value=\"test2\" disabled></ic-radio-option>    \n        </ic-radio-group>\n      `);\n\n    const radioButton = await page.find(\"ic-radio-option[value='test2']\");\n    await radioButton.click();\n    await page.waitForChanges();\n    expect(await radioButton.getProperty(\"selected\")).toBe(false);\n  });\n  it(\"Should be selected when clicked\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-radio-group label=\"test label\" name=\"test\">\n        <ic-radio-option value=\"test1\" ></ic-radio-option>    \n        <ic-radio-option value=\"test2\" ></ic-radio-option>    \n        </ic-radio-group>\n      `);\n    let radioButton = await page.find(\"ic-radio-option[value='test2']\");\n    await radioButton.click();\n    await page.waitForChanges();\n\n    expect(await radioButton.getProperty(\"selected\")).toBe(true);\n\n    radioButton = await page.find(\"ic-radio-option[value='test2']\");\n    const input = radioButton.shadowRoot.querySelector(\"input\");\n    expect(input.tabIndex).toBe(0);\n  });\n  it(\"Should enable textfield when associated option is selected when static\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-radio-group label=\"test label\" name=\"test\">\n        <ic-radio-option value=\"test1\" ></ic-radio-option>    \n        <ic-radio-option value=\"test2\" selected>\n          <ic-text-field\n              slot=\"additional-field\"\n              label=\"Test label\"\n          ></ic-text-field>\n        </ic-radio-option>    \n        </ic-radio-group>\n      `);\n    const radioButton = await page.find(\"ic-radio-option[value='test1']\");\n    const textfield = await page.find(\"ic-text-field\");\n    expect(textfield).not.toHaveAttribute(\"disabled\");\n\n    await radioButton.click();\n    await page.waitForChanges();\n\n    expect(textfield).toHaveAttribute(\"disabled\");\n  });\n  it(\"Should display textfield when associated option is selected when dynamic\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-radio-group label=\"test label\" name=\"test\">\n        <ic-radio-option value=\"test1\" ></ic-radio-option>    \n        <ic-radio-option value=\"test2\" additional-field-display=\"dynamic\">\n          <ic-text-field\n              slot=\"additional-field\"\n              label=\"Test label\"\n          ></ic-text-field>\n        </ic-radio-option>    \n        </ic-radio-group>\n      `);\n\n    const radioButton = await page.find(\"ic-radio-option[value='test2']\");\n\n    let additionalFieldDisplay = await page.evaluate(() => {\n      const additionalField = document\n        .querySelector(\"ic-radio-option[value='test2']\")\n        .shadowRoot.querySelector(\".dynamic-container\");\n\n      return window.getComputedStyle(additionalField).display;\n    });\n    expect(additionalFieldDisplay).toBe(\"none\");\n\n    await radioButton.click();\n    await page.waitForChanges();\n\n    additionalFieldDisplay = await page.evaluate(() => {\n      const additionalField = document\n        .querySelector(\"ic-radio-option[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 radio option is selected\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-radio-group label=\"test label\" name=\"test\">\n        <ic-radio-option value=\"test1\" ></ic-radio-option>    \n        <ic-radio-option value=\"test2\" >\n        </ic-radio-option>    \n        </ic-radio-group>\n      `);\n    const radioButton = await page.find(\"ic-radio-option[value='test2']\");\n    const icChange = await page.spyOnEvent(\"icChange\");\n\n    await radioButton.click();\n    await page.waitForChanges();\n\n    const radioElement = await page.evaluate(\n      () =>\n        document.querySelector(\n          \"ic-radio-option[value='test2']\"\n        ) as HTMLIcRadioOptionElement\n    );\n\n    expect(icChange).toHaveReceivedEventDetail({\n      selectedOption: {\n        radio: radioElement,\n      },\n      value: \"test2\",\n    });\n  });\n  it(\"Should emit icCheck event when radio option is selected\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-radio-group label=\"test label\" name=\"test\">\n        <ic-radio-option value=\"test1\" ></ic-radio-option>    \n        <ic-radio-option value=\"test2\" ></ic-radio-option>    \n        </ic-radio-group>\n      `);\n    const radioButton = await page.find(\"ic-radio-option[value='test2']\");\n    const icChecked = await page.spyOnEvent(\"icCheck\");\n\n    await radioButton.click();\n    await page.waitForChanges();\n\n    expect(icChecked).toHaveReceivedEventDetail({\n      value: \"test2\",\n    });\n  });\n  it(\"Should select when spacebar is pressed\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-radio-group label=\"test label\" name=\"test\">\n        <ic-radio-option value=\"test1\" ></ic-radio-option>    \n        <ic-radio-option value=\"test2\" >\n        </ic-radio-option>    \n        </ic-radio-group>\n      `);\n    const radioButton = await page.find(\"ic-radio-option[value='test1']\");\n    expect(await radioButton.getProperty(\"selected\")).toBe(false);\n\n    await page.keyboard.press(\"Tab\");\n    await radioButton.press(\" \");\n    await page.waitForChanges();\n\n    expect(await radioButton.getProperty(\"selected\")).toBe(true);\n    const input = radioButton.shadowRoot.querySelector(\"input\");\n    expect(input.tabIndex).toBe(0);\n  });\n  it(\"Should select next radio option down when arrow down is used\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-radio-group label=\"test label\" name=\"test\">\n        <ic-radio-option value=\"test1\" ></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    const radioButton1 = await page.find(\"ic-radio-option[value='test1']\");\n    const radioButton2 = await page.find(\"ic-radio-option[value='test2']\");\n\n    await page.keyboard.press(\"Tab\");\n    await radioButton1.press(\" \");\n    await page.waitForChanges();\n    await radioButton1.press(\"ArrowDown\");\n    await page.waitForChanges();\n\n    const input = radioButton2.shadowRoot.querySelector(\"input\");\n    expect(input.tabIndex).toBe(0);\n  });\n  it(\"Should select next radio option down when arrow right is used\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-radio-group label=\"test label\" name=\"test\">\n        <ic-radio-option value=\"test1\" ></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    const radioButton1 = await page.find(\"ic-radio-option[value='test1']\");\n    const radioButton2 = await page.find(\"ic-radio-option[value='test2']\");\n\n    await page.keyboard.press(\"Tab\");\n    await radioButton1.press(\" \");\n    await page.waitForChanges();\n    await radioButton1.press(\"ArrowRight\");\n    await page.waitForChanges();\n\n    const input = radioButton2.shadowRoot.querySelector(\"input\");\n    expect(input.tabIndex).toBe(0);\n  });\n  it(\"Should select next radio option down when arrow up is used\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-radio-group label=\"test label\" name=\"test\">\n        <ic-radio-option value=\"test1\" ></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    const radioButton2 = await page.find(\"ic-radio-option[value='test2']\");\n\n    const radioButton1 = await page.find(\"ic-radio-option[value='test1']\");\n\n    await radioButton2.click();\n    await page.waitForChanges();\n    await radioButton2.press(\"ArrowUp\");\n    await page.waitForChanges();\n\n    const input = radioButton1.shadowRoot.querySelector(\"input\");\n    expect(input.tabIndex).toBe(0);\n  });\n  it(\"Should select next radio option down when arrow left is used\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-radio-group label=\"test label\" name=\"test\">\n        <ic-radio-option value=\"test1\" ></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    const radioButton2 = await page.find(\"ic-radio-option[value='test2']\");\n\n    const radioButton1 = await page.find(\"ic-radio-option[value='test1']\");\n\n    await radioButton2.click();\n    await page.waitForChanges();\n    await radioButton2.press(\"ArrowLeft\");\n    await page.waitForChanges();\n\n    const input = radioButton1.shadowRoot.querySelector(\"input\");\n    expect(input.tabIndex).toBe(0);\n  });\n  it(\"Works on a form\", async () => {\n    const page = await newE2EPage();\n\n    await page.setContent(` <form>\n          <ic-radio-group label=\"this is a label\" name=\"1\">\n          <ic-radio-option\n              value=\"valueName1\"\n              label=\"Unselected / Default\"\n          ></ic-radio-option>\n          <ic-radio-option\n              value=\"valueName2\"\n              label=\"Selected / Default\"\n              selected\n          ></ic-radio-option>\n          <ic-radio-option\n              value=\"valueName3\"\n              label=\"Unselected / Disabled\"\n              disabled\n          ></ic-radio-option>\n          </ic-radio-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 radioButton = await page.find(\"ic-radio-option[value='valueName1']\");\n\n    await radioButton.click();\n    await page.waitForChanges();\n    const value = await (\n      await page.find('input[name=\"1\"]')\n    ).getProperty(\"value\");\n\n    expect(value).toBe(\"valueName1\");\n  });\n  it(\"Passes the value of radio button correctly when already selected\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-radio-group label=\"test label\" name=\"test\">\n        <ic-radio-option value=\"test1\" ></ic-radio-option>    \n        <ic-radio-option value=\"test2\" selected ></ic-radio-option>    \n        </ic-radio-group>\n      `);\n\n    await page.waitForChanges();\n\n    const value = await (\n      await page.find('input[name=\"test\"]')\n    ).getProperty(\"value\");\n\n    expect(value).toBe(\"test2\");\n  });\n\n  it(\"Passes the value of radio button and textfield correctly when already selected\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-radio-group label=\"test label\" name=\"test\">\n    <ic-radio-option value=\"test1\" ></ic-radio-option>    \n    <ic-radio-option value=\"test2\" additional-field-display=\"dynamic\" >\n      <ic-text-field\n          slot=\"additional-field\"\n          label=\"Test label\"\n      ></ic-text-field>\n    </ic-radio-option>    \n    </ic-radio-group>\n  `);\n    const radioButton = await page.find(\"ic-radio-option[value='test2']\");\n\n    await radioButton.click();\n    await page.waitForChanges();\n\n    await page.keyboard.press(\"Tab\");\n    await page.waitForChanges();\n\n    await page.keyboard.press(\"t\");\n    await page.keyboard.press(\"e\");\n    await page.keyboard.press(\"s\");\n    await page.keyboard.press(\"t\");\n\n    await page.waitForChanges();\n\n    let value = await (\n      await page.find('input[name=\"test\"]')\n    ).getProperty(\"value\");\n\n    expect(value).toBe(\"test\");\n\n    await page.keyboard.press(\"Backspace\");\n    await page.keyboard.press(\"Backspace\");\n    await page.keyboard.press(\"Backspace\");\n    await page.keyboard.press(\"Backspace\");\n\n    await page.waitForChanges();\n\n    value = await (await page.find('input[name=\"test\"]')).getProperty(\"value\");\n\n    expect(value).toBe(\"test2\");\n  });\n\n  it(\"Passes the value of radio button and textfield correctly when already selected and has a value in texfield\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-radio-group label=\"test label\" name=\"test\">\n    <ic-radio-option value=\"test1\" ></ic-radio-option>    \n    <ic-radio-option value=\"test2\" additional-field-display=\"dynamic\" >\n      <ic-text-field\n          slot=\"additional-field\"\n          label=\"Test label\"\n          value=\"testValue1\"\n      ></ic-text-field>\n    </ic-radio-option>    \n    </ic-radio-group>\n  `);\n    const radioButton = await page.find(\"ic-radio-option[value='test2']\");\n\n    await radioButton.click();\n    await page.waitForChanges();\n\n    const value = await (\n      await page.find('input[name=\"test\"]')\n    ).getProperty(\"value\");\n\n    expect(value).toBe(\"testValue1\");\n  });\n\n  it(\"Should reset to initial state on form reset event\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<form><ic-radio-group label=\"test label\" name=\"test\">\n        <ic-radio-option value=\"test1\" ></ic-radio-option>    \n        <ic-radio-option value=\"test2\" selected></ic-radio-option>    \n        </ic-radio-group>\n        <button type=\"reset\" id=\"resetButton\">Reset</button>\n        </form>\n      `);\n\n    await page.waitForChanges();\n\n    let radioButton1 = await page.find(\"ic-radio-option[value='test1']\");\n    let radioButton2 = await page.find(\"ic-radio-option[value='test2']\");\n\n    expect(await radioButton1.getProperty(\"selected\")).toBe(false);\n    expect(await radioButton2.getProperty(\"selected\")).toBe(true);\n\n    await radioButton1.click();\n    await page.waitForChanges();\n\n    radioButton1 = await page.find(\"ic-radio-option[value='test1']\");\n    radioButton2 = await page.find(\"ic-radio-option[value='test2']\");\n\n    expect(await radioButton1.getProperty(\"selected\")).toBe(true);\n    expect(await radioButton2.getProperty(\"selected\")).toBe(false);\n\n    const resetButton = await page.find(\"#resetButton\");\n    await resetButton.click();\n\n    await page.waitForChanges();\n\n    radioButton1 = await page.find(\"ic-radio-option[value='test1']\");\n    radioButton2 = await page.find(\"ic-radio-option[value='test2']\");\n\n    expect(await radioButton1.getProperty(\"selected\")).toBe(false);\n    expect(await radioButton2.getProperty(\"selected\")).toBe(true);\n  });\n});\n"]}