@ukic/web-components 3.0.0-alpha.9 → 3.1.0

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

@@ -1,389 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { RadioGroup } from "../../ic-radio-group";
-import { RadioOption } from "../../../ic-radio-option/ic-radio-option";
-import { TextField } from "../../../ic-text-field/ic-text-field";
-beforeAll(() => {
-    jest.spyOn(console, "warn").mockImplementation(jest.fn());
-});
-describe("ic-radio-group", () => {
-    it("should render", async () => {
-        const page = await newSpecPage({
-            components: [RadioGroup, RadioOption],
-            html: `<ic-radio-group label="test label" name="test">
-        <ic-radio-option value="test"></ic-radio-option>    
-      </ic-radio-group>`,
-        });
-        expect(page.root).toMatchSnapshot("renders");
-    });
-    it("should render as required", async () => {
-        const page = await newSpecPage({
-            components: [RadioGroup, RadioOption],
-            html: `<ic-radio-group label="test label" name="test" required>
-        <ic-radio-option value="test"></ic-radio-option>    
-      </ic-radio-group>`,
-        });
-        expect(page.root).toMatchSnapshot("renders-required");
-    });
-    it("should render as helper text", async () => {
-        const page = await newSpecPage({
-            components: [RadioGroup, RadioOption],
-            html: `<ic-radio-group label="test label" name="test" helperText="helper test">
-        <ic-radio-option value="test"></ic-radio-option>    
-      </ic-radio-group>`,
-        });
-        expect(page.root).toMatchSnapshot("renders-with-helpertext");
-    });
-    it("should render with selected option", async () => {
-        const page = await newSpecPage({
-            components: [RadioGroup, RadioOption],
-            html: `<ic-radio-group label="test label" name="test" required>
-        <ic-radio-option value="test" selected></ic-radio-option>    
-      </ic-radio-group>`,
-        });
-        expect(page.root).toMatchSnapshot("renders-with-selected-option");
-    });
-    it("should test radio option as submit on form", async () => {
-        const page = await newSpecPage({
-            components: [RadioOption],
-            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>`,
-        });
-        expect(page.root).toMatchSnapshot();
-    });
-    it("should render with validation status", async () => {
-        const page = await newSpecPage({
-            components: [RadioGroup, RadioOption],
-            html: `<ic-radio-group label="test label" name="test" required validation-status="error" validation-text="error">
-        <ic-radio-option value="test" selected></ic-radio-option>    
-      </ic-radio-group>`,
-        });
-        expect(page.root).toMatchSnapshot("renders-with-validation-status");
-    });
-    it("should render radio group disabled", async () => {
-        const page = await newSpecPage({
-            components: [RadioGroup, RadioOption],
-            html: `<ic-radio-group label="test label" name="test" disabled>
-        <ic-radio-option value="test" label="test label" group-label="test group"></ic-radio-option>    
-      </ic-radio-group>`,
-        });
-        expect(page.root).toMatchSnapshot("renders-disabled");
-        page.rootInstance.disabled = false;
-        await page.waitForChanges();
-        expect(page.root).toMatchSnapshot("disabled-removed");
-    });
-    it("should render radio option disabled", async () => {
-        const page = await newSpecPage({
-            components: [RadioGroup, RadioOption],
-            html: `<ic-radio-group label="test label" name="test">
-        <ic-radio-option value="test" disabled label="test label" group-label="test group"></ic-radio-option>    
-      </ic-radio-group>`,
-        });
-        expect(page.root).toMatchSnapshot("renders-option-disabled");
-        document.querySelector("ic-radio-option").disabled = false;
-        await page.waitForChanges();
-        expect(page.root).toMatchSnapshot("disabled-removed");
-    });
-    it("should render with unselected static additional field", async () => {
-        const page = await newSpecPage({
-            components: [RadioGroup, RadioOption, TextField],
-            html: `<ic-radio-group label="test label" name="test">
-        <ic-radio-option value="test" disabled label="test label" group-label="test group">
-         <ic-text-field slot="additional-field" placeholder="Placeholder" label="Test label"></ic-text-field>
-        </ic-radio-option>    
-      </ic-radio-group>`,
-        });
-        expect(page.root).toMatchSnapshot("renders-with-unselected-additional-field");
-    });
-    it("should render with selected static additional field", async () => {
-        const page = await newSpecPage({
-            components: [RadioGroup, RadioOption, TextField],
-            html: `<ic-radio-group label="test label" name="test">
-        <ic-radio-option value="test" selected label="test label" group-label="test group">
-         <ic-text-field slot="additional-field" placeholder="Placeholder" label="Test label"></ic-text-field>
-        </ic-radio-option>    
-      </ic-radio-group>`,
-        });
-        expect(page.root).toMatchSnapshot("renders-with-selected-additional-field");
-    });
-    it("should render with dynamic additional field", async () => {
-        const page = await newSpecPage({
-            components: [RadioGroup, RadioOption, TextField],
-            html: `<ic-radio-group label="test label" name="test">
-        <ic-radio-option value="test" label="test label" group-label="test group" additional-field-display="dynamic" selected>
-         <ic-text-field slot="additional-field" placeholder="Placeholder" label="Test label"></ic-text-field>
-        </ic-radio-option>    
-      </ic-radio-group>`,
-        });
-        expect(page.root).toMatchSnapshot("renders-with-dynamic-additional-field");
-    });
-    it("should emit an updated checked value when selected", async () => {
-        const page = await newSpecPage({
-            components: [RadioGroup, RadioOption],
-            html: `<ic-radio-group label="test label" name="test" required>
-        <ic-radio-option value="test" selected></ic-radio-option>    
-      </ic-radio-group>`,
-        });
-        const callbackFn = jest.fn();
-        page.doc.addEventListener("icChange", callbackFn);
-        page.rootInstance.selectHandler({
-            detail: { value: "true" },
-            target: page.root.querySelector("ic-radio-option"),
-        });
-        await page.waitForChanges();
-        expect(callbackFn).toHaveBeenCalled();
-    });
-    it("should get the next item to select", async () => {
-        const page = await newSpecPage({
-            components: [RadioGroup, RadioOption],
-            html: `<ic-radio-group label="test label" name="test" required>
-        <ic-radio-option value="test" selected></ic-radio-option>   
-        <ic-radio-option value="test2"></ic-radio-option>   
-      </ic-radio-group>`,
-        });
-        const nextItemCalc = page.rootInstance.getNextItemToSelect(0, true);
-        page.waitForChanges();
-        expect(nextItemCalc).toBe(1);
-    });
-    it("should select the radio option when clicked", async () => {
-        jest.spyOn(console, "error").mockImplementation(jest.fn());
-        const page = await newSpecPage({
-            components: [RadioGroup, RadioOption, TextField],
-            html: `<ic-radio-group label="test label" name="test" required>
-        <ic-radio-option value="test" selected></ic-radio-option> 
-        <ic-radio-option label="test label">
-         <ic-text-field slot="additional-field" placeholder="Placeholder" label="Test label" value="Test value"></ic-text-field>
-        </ic-radio-option>
-        <ic-radio-option label="test label" value="Radio value">
-         <ic-text-field slot="additional-field" placeholder="Placeholder" label="Test label"></ic-text-field>
-        </ic-radio-option>   
-      </ic-radio-group>`,
-        });
-        const callbackFn = jest.fn();
-        page.doc.addEventListener("icCheck", callbackFn);
-        page.rootInstance.radioOptions[1].click();
-        await page.waitForChanges();
-        expect(callbackFn).toHaveBeenCalled();
-        expect(page.rootInstance.checkedValue).toBe("Test value");
-        page.rootInstance.radioOptions[2].click();
-        await page.waitForChanges();
-        expect(page.rootInstance.checkedValue).toBe("Radio value");
-    });
-    it("should not select the radio option when textfield clicked", async () => {
-        jest.spyOn(console, "error").mockImplementation(jest.fn());
-        const page = await newSpecPage({
-            components: [RadioGroup, RadioOption, TextField],
-            html: `<ic-radio-group label="test label" name="test" required>
-        <ic-radio-option value="test" selected></ic-radio-option> 
-        <ic-radio-option label="test label">
-         <ic-text-field slot="additional-field" placeholder="Placeholder" label="Test label" value="Test value"></ic-text-field>
-        </ic-radio-option>
-      </ic-radio-group>`,
-        });
-        const div = page.rootInstance.radioOptions[1].querySelector(".dynamic-container");
-        div.click();
-        await page.waitForChanges();
-        expect(page.rootInstance.radioOptions[1].selected).toBe(false);
-    });
-    it("should emit new radio value when text field value given", async () => {
-        const page = await newSpecPage({
-            components: [RadioOption],
-            html: `<ic-radio-group label="test label" name="test" required>
-        <ic-radio-option value="test" selected></ic-radio-option>    
-      </ic-radio-group>`,
-        });
-        const callbackFn = jest.fn();
-        page.doc.addEventListener("icCheck", callbackFn);
-        page.rootInstance.additionalFieldValueHandler({
-            detail: { value: "value" },
-            stopImmediatePropagation: jest.fn(),
-        });
-        await page.waitForChanges();
-        expect(callbackFn).toHaveBeenCalled();
-    });
-    it("should emit default radio value when no text field value given", async () => {
-        const page = await newSpecPage({
-            components: [RadioOption],
-            html: `<ic-radio-group label="test label" name="test" required>
-        <ic-radio-option value="test" selected></ic-radio-option>    
-      </ic-radio-group>`,
-        });
-        const callbackFn = jest.fn();
-        page.doc.addEventListener("icCheck", callbackFn);
-        page.rootInstance.additionalFieldValueHandler({
-            detail: { value: "" },
-            stopImmediatePropagation: jest.fn(),
-        });
-        await page.waitForChanges();
-        expect(callbackFn).toHaveBeenCalled();
-    });
-    it("should call 'setFocus' when radio option is focused", async () => {
-        const page = await newSpecPage({
-            components: [RadioOption],
-            html: `<ic-radio-option value="test" selected></ic-radio-option>  `,
-        });
-        //Can't expect anything in this test - this is to increase code coverage only
-        await page.rootInstance.setFocus().toHaveBeenCalled;
-    });
-    it("should test form reset event", async () => {
-        const page = await newSpecPage({
-            components: [RadioOption],
-            html: `<form>
-        <ic-radio-option value="test" selected></ic-radio-option>    
-        <button id="resetButton" type="reset">Reset</button>  
-      </form>`,
-        });
-        expect(page.root.selected).toBe(true);
-        page.root.checked = false;
-        await page.waitForChanges();
-        expect(page.root.checked).toBe(false);
-        await page.rootInstance.handleFormReset();
-        await page.waitForChanges();
-        expect(page.root.selected).toBe(true);
-        //test disconnected callback
-        page.setContent("");
-    });
-    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 () => {
-        const page = await newSpecPage({
-            components: [RadioGroup, RadioOption],
-            html: `<ic-radio-group label="test label" name="test" required orientation="horizontal">
-        <ic-radio-option value="test1" selected></ic-radio-option>
-        <ic-radio-option value="test2" ></ic-radio-option> 
-        <ic-radio-option value="test3"></ic-radio-option>    
-      </ic-radio-group>`,
-        });
-        expect(page.rootInstance.currentOrientation).toMatch("vertical");
-    });
-    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 () => {
-        const page = await newSpecPage({
-            components: [RadioGroup, RadioOption, TextField],
-            html: `<ic-radio-group label="test label" name="test" required orientation="horizontal">
-        <ic-radio-option value="test1" selected></ic-radio-option>
-        <ic-radio-option value="test" disabled label="test label" group-label="test group">
-         <ic-text-field slot="additional-field" placeholder="Placeholder" label="Test label"></ic-text-field>
-        </ic-radio-option>      
-      </ic-radio-group>`,
-        });
-        expect(page.rootInstance.currentOrientation).toMatch("vertical");
-    });
-    it("should call runResizeObserver", async () => {
-        const page = await newSpecPage({
-            components: [RadioGroup, RadioOption, TextField],
-            html: `<ic-radio-group label="test label" name="test" required orientation="horizontal">
-        <ic-radio-option value="test1" selected></ic-radio-option>
-        <ic-radio-option value="test" disabled label="test label" group-label="test group">
-         <ic-text-field slot="additional-field" placeholder="Placeholder" label="Test label"></ic-text-field>
-        </ic-radio-option>      
-      </ic-radio-group>`,
-        });
-        await page.rootInstance.runResizeObserver();
-        page.waitForChanges();
-        const resize = new ResizeObserver(() => {
-            page.rootInstance.checkOrientation();
-        });
-        page.waitForChanges();
-        expect(page.rootInstance.resizeObserver).toBe(resize);
-    });
-    it("should call checkOrientation", async () => {
-        const page = await newSpecPage({
-            components: [RadioGroup, RadioOption, TextField],
-            html: `<ic-radio-group label="test label" name="test" required orientation="horizontal">
-      <ic-radio-option value="test1" selected></ic-radio-option>
-      <ic-radio-option value="test2"></ic-radio-option> 
-      <ic-radio-option value="test3"></ic-radio-option>    
-    </ic-radio-group>`,
-        });
-        await page.rootInstance.checkOrientation();
-        page.waitForChanges();
-        expect(page.rootInstance.currentOrientation).toBe("vertical");
-    });
-    it("should test key down handler", async () => {
-        const page = await newSpecPage({
-            components: [RadioGroup, RadioOption],
-            html: `<ic-radio-group label="test label" name="test" required>
-      <ic-radio-option value="test"></ic-radio-option>   
-      <ic-radio-option value="test2" disabled></ic-radio-option> 
-      <ic-radio-option value="test3" selected></ic-radio-option>    
-    </ic-radio-group>`,
-        });
-        //test wrap around from end to beginning
-        page.root.dispatchEvent(new window.window.KeyboardEvent("keydown", {
-            key: "ArrowDown",
-            bubbles: true,
-            cancelable: true,
-        }));
-        await page.waitForChanges();
-        expect(page.rootInstance.radioOptions[0].selected).toBe(true);
-        expect(page.rootInstance.radioOptions[2].selected).toBe(false);
-        page.root.dispatchEvent(new window.window.KeyboardEvent("keydown", {
-            key: "ArrowDown",
-            bubbles: true,
-            cancelable: true,
-        }));
-        await page.waitForChanges();
-        expect(page.rootInstance.radioOptions[0].selected).toBe(false);
-        expect(page.rootInstance.radioOptions[2].selected).toBe(true);
-        page.root.dispatchEvent(new window.window.KeyboardEvent("keydown", {
-            key: "ArrowUp",
-            bubbles: true,
-            cancelable: true,
-        }));
-        await page.waitForChanges();
-        expect(page.rootInstance.radioOptions[0].selected).toBe(true);
-        expect(page.rootInstance.radioOptions[2].selected).toBe(false);
-        page.root.dispatchEvent(new window.window.KeyboardEvent("keydown", {
-            key: "ArrowRight",
-            bubbles: true,
-            cancelable: true,
-        }));
-        await page.waitForChanges();
-        expect(page.rootInstance.radioOptions[0].selected).toBe(false);
-        expect(page.rootInstance.radioOptions[2].selected).toBe(true);
-        page.root.dispatchEvent(new window.window.KeyboardEvent("keydown", {
-            key: "ArrowLeft",
-            bubbles: true,
-            cancelable: true,
-        }));
-        await page.waitForChanges();
-        expect(page.rootInstance.radioOptions[0].selected).toBe(true);
-        expect(page.rootInstance.radioOptions[2].selected).toBe(false);
-        //test wrap around from beginning to end
-        page.root.dispatchEvent(new window.window.KeyboardEvent("keydown", {
-            key: "ArrowUp",
-            bubbles: true,
-            cancelable: true,
-        }));
-        await page.waitForChanges();
-        expect(page.rootInstance.radioOptions[0].selected).toBe(false);
-        expect(page.rootInstance.radioOptions[2].selected).toBe(true);
-    });
-    it("should call this.setRadioOptions() when slot content changes", async () => {
-        const page = await newSpecPage({
-            components: [RadioGroup, RadioOption],
-            html: `<ic-radio-group label="test label" name="test">
-        <ic-radio-option value="test"></ic-radio-option>    
-      </ic-radio-group>`,
-        });
-        const radioContainer = document
-            .querySelector("ic-radio-group")
-            .shadowRoot.querySelector(".radio-buttons-container");
-        jest.spyOn(page.rootInstance, "setRadioOptions").mockImplementation();
-        await page.rootInstance.addSlotChangeListener();
-        radioContainer.dispatchEvent(new Event("slotchange"));
-        await page.waitForChanges();
-        expect(page.rootInstance.setRadioOptions).toBeCalledTimes(1);
-    });
-    it("should test disconnectedCallback function", async () => {
-        const page = await newSpecPage({
-            components: [RadioGroup, RadioOption],
-            html: `<ic-radio-group label="test label" name="test">
-        <ic-radio-option value="test"></ic-radio-option>    
-      </ic-radio-group>`,
-        });
-        await page.waitForChanges();
-        const radioContainer = page.root.shadowRoot.querySelector(".radio-buttons-container");
-        expect(radioContainer.__listeners.length).toBe(1);
-        page.rootInstance.disconnectedCallback();
-        await page.waitForChanges();
-        expect(radioContainer.__listeners.length).toBe(0);
-    });
-});
-//# sourceMappingURL=ic-radio-group.spec.js.map

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

@@ -1 +0,0 @@
-{"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({\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].querySelector(\".dynamic-container\");\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.additionalFieldValueHandler({\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.additionalFieldValueHandler({\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"]}