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

package/dist/collection/components/ic-text-field/test/basic/ic-text-field.input.spec.js

@@ -1,312 +0,0 @@
-import { TextField } from "../../ic-text-field";
-import { InputContainer } from "../../../ic-input-container/ic-input-container";
-import { InputLabel } from "../../../ic-input-label/ic-input-label";
-import { Typography } from "../../../ic-typography/ic-typography";
-import { newSpecPage } from "@stencil/core/testing";
-import { waitForTimeout } from "../../../../testspec.setup";
-describe("ic-text-field", () => {
-    it("should render", async () => {
-        const page = await newSpecPage({
-            components: [TextField],
-            html: `<ic-text-field label="Test label" rows=1></ic-text-field>`,
-        });
-        expect(page.root).toMatchSnapshot("renders");
-    });
-    it("should render with placeholder", async () => {
-        const page = await newSpecPage({
-            components: [TextField],
-            html: `<ic-text-field label="Test label" placeholder="placeholder" rows=0></ic-text-field>`,
-        });
-        expect(page.root).toMatchSnapshot("renders-with-placeholder");
-    });
-    it("should render with value", async () => {
-        const page = await newSpecPage({
-            components: [TextField],
-            html: `<ic-text-field label="Test label" value="test value"></ic-text-field>`,
-        });
-        expect(page.root).toMatchSnapshot("renders-with-value");
-    });
-    it("should render with helperText, required and small", async () => {
-        const page = await newSpecPage({
-            components: [TextField],
-            html: `<ic-text-field label="Test label" helper-text="helper text value" required=true size="small"></ic-text-field>`,
-        });
-        expect(page.root).toMatchSnapshot("renders-with-helpertext");
-    });
-    it("should render with autoprops", async () => {
-        const page = await newSpecPage({
-            components: [TextField],
-            html: `<ic-text-field label="Test label" value="test value" autocapitalize="on" autocomplete="on" autocorrect="on"></ic-text-field>`,
-        });
-        expect(page.root).toMatchSnapshot("renders-with-autoprops");
-    });
-    it("should render with hidden label", async () => {
-        const page = await newSpecPage({
-            components: [TextField],
-            html: `<ic-text-field label="Test label" value="test value" hide-label=true></ic-text-field>`,
-        });
-        expect(page.root).toMatchSnapshot("renders-with-hidden-label");
-    });
-    it("should render with icon", async () => {
-        const page = await newSpecPage({
-            components: [TextField],
-            html: `<ic-text-field label="Test label">
-        <svg
-          slot="icon"
-          xmlns="http://www.w3.org/2000/svg"
-          height="24px"
-          viewBox="0 0 24 24"
-          width="24px"
-          fill="#000000"
-        >
-          <path d="M0 0h24v24H0z" fill="none" />
-          <path
-            d="M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2z"
-          />
-        </svg>
-      </ic-text-field>`,
-        });
-        expect(page.root).toMatchSnapshot("renders-with-icon");
-    });
-    it("should render disabled", async () => {
-        const page = await newSpecPage({
-            components: [TextField],
-            html: `<ic-text-field label="Test label" value="test value" disabled=true></ic-text-field>`,
-        });
-        expect(page.root).toMatchSnapshot("renders-disabled");
-        page.rootInstance.disabled = false;
-        await page.waitForChanges();
-        expect(page.root).toMatchSnapshot("disabled-removed");
-    });
-    it("should render readonly", async () => {
-        const page = await newSpecPage({
-            components: [TextField],
-            html: `<ic-text-field label="Test label" value="test value" readonly=true></ic-text-field>`,
-        });
-        expect(page.root).toMatchSnapshot("renders-readonly");
-    });
-    it("should render with max characters", async () => {
-        const page = await newSpecPage({
-            components: [TextField],
-            html: `<ic-text-field label="Test label" value="Test value" max-characters=25></ic-text-field>`,
-        });
-        expect(page.root).toMatchSnapshot("renders-with-max-characters");
-    });
-    it("should render with max characters and hidden character count", async () => {
-        const page = await newSpecPage({
-            components: [TextField],
-            html: `<ic-text-field label="Test label" value="Test value" max-characters=25 hide-char-count></ic-text-field>`,
-        });
-        expect(page.root).toMatchSnapshot("renders-with-hidden-char-count");
-    });
-    it("should render with max characters and a value set which exceeds the max number of characters", async () => {
-        const page = await newSpecPage({
-            components: [TextField],
-            html: `<ic-text-field label="Test label" value="A long value which exceeds the max characters" max-characters=25></ic-text-field>`,
-        });
-        expect(page.root).toMatchSnapshot("renders-with-max-characters-long-value");
-    });
-    it("should render with max characters and hidden character count", async () => {
-        const page = await newSpecPage({
-            components: [TextField],
-            html: `<ic-text-field label="Test label" value="Test value" max-characters=25 hide-char-count></ic-text-field>`,
-        });
-        expect(page.root).toMatchSnapshot("renders-with-hidden-char-count");
-    });
-    it("should render with max characters and a value set which exceeds the max number of characters", async () => {
-        const page = await newSpecPage({
-            components: [TextField],
-            html: `<ic-text-field label="Test label" value="A long value which exceeds the max characters" max-characters=25></ic-text-field>`,
-        });
-        expect(page.root).toMatchSnapshot("renders-with-max-characters-long-value");
-    });
-    it("should render with name & full width", async () => {
-        const page = await newSpecPage({
-            components: [TextField],
-            html: `<ic-text-field label="Test label" value="test value" name="mycontrolname" full-width=true></ic-text-field>`,
-        });
-        expect(page.root).toMatchSnapshot("renders-with-name-full-width");
-    });
-    it("should render with success validation", async () => {
-        const page = await newSpecPage({
-            components: [TextField],
-            html: `<ic-text-field label="Test label" validation-status="success" validation-text="Good choice!" value="test value"></ic-text-field>`,
-        });
-        expect(page.root).toMatchSnapshot("renders-with-success-validation");
-    });
-    it("should render with warning validation", async () => {
-        const page = await newSpecPage({
-            components: [TextField],
-            html: `<ic-text-field label="Test label" validation-status="warning" validation-text="warning text" value="test value"></ic-text-field>`,
-        });
-        expect(page.root).toMatchSnapshot("renders-with-warning-validation");
-    });
-    it("should render with error validation", async () => {
-        const page = await newSpecPage({
-            components: [TextField],
-            html: `<ic-text-field label="Test label" validation-status="error" validation-text="error text" value="test value"></ic-text-field>`,
-        });
-        expect(page.root).toMatchSnapshot("renders-with-error-validation");
-    });
-    it("should render with inline success validation", async () => {
-        const page = await newSpecPage({
-            components: [TextField],
-            html: `<ic-text-field label="Test label" validation-status="success" validation-text="Good choice!" validation-inline="true" value="test value"></ic-text-field>`,
-        });
-        expect(page.root).toMatchSnapshot("renders-with-inline-success-validation");
-    });
-    it("should blur", async () => {
-        const page = await newSpecPage({
-            components: [TextField],
-            html: `<ic-text-field label="Test label" rows=1></ic-text-field>`,
-        });
-        const callbackFn = jest.fn();
-        page.doc.addEventListener("icBlur", callbackFn);
-        const input = page.root.shadowRoot.querySelector("input");
-        await input.blur();
-        expect(callbackFn).toHaveBeenCalled();
-    });
-    it("should not show left icon if text field is disabled", async () => {
-        const page = await newSpecPage({
-            components: [TextField],
-            html: `<ic-text-field label="Test label" rows=1 disabled>
-      <svg
-          slot="icon"
-          xmlns="http://www.w3.org/2000/svg"
-          height="24px"
-          viewBox="0 0 24 24"
-          width="24px"
-          fill="#000000"
-        >
-          <path d="M0 0h24v24H0z" fill="none" />
-          <path
-            d="M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2z"
-          />
-        </svg>
-      </ic-text-field>`,
-        });
-        const slot = page.root.shadowRoot.querySelector(`[slot="icon"]`);
-        expect(slot).toBeNull();
-    });
-    it("should test keydown", async () => {
-        const page = await newSpecPage({
-            components: [TextField],
-            html: `<ic-text-field label="Test label"></ic-text-field>`,
-        });
-        const eventSpy = jest.fn();
-        page.win.addEventListener("icKeydown", eventSpy);
-        const event = new KeyboardEvent("keydown", { key: "A" });
-        await page.rootInstance.handleKeyDown(event);
-        await page.waitForChanges();
-        expect(eventSpy).toHaveBeenCalled();
-    });
-    it("should test input", async () => {
-        const page = await newSpecPage({
-            components: [TextField],
-            html: `<ic-text-field label="Test label"></ic-text-field>`,
-        });
-        const event = jest.fn();
-        page.win.addEventListener("icInput", event);
-        await page.rootInstance.onInput({ target: { value: "test value" } });
-        await page.waitForChanges();
-        expect(page.rootInstance.value).toBe("test value");
-        expect(event).toHaveBeenCalled();
-    });
-    it("should test form reset event", async () => {
-        const page = await newSpecPage({
-            components: [TextField],
-            html: `<form>
-        <ic-text-field label="Test label"></ic-text-field>
-        <button id="resetButton" type="reset">Reset</button>  
-      </form>`,
-        });
-        expect(page.rootInstance.value).toBe("");
-        page.rootInstance.value = "New value";
-        await page.waitForChanges();
-        expect(page.rootInstance.value).toBe("New value");
-        await page.rootInstance.handleFormReset();
-        await page.waitForChanges();
-        expect(page.rootInstance.value).toBe("");
-        //test disconnected callback
-        //delay to wait for icchange event to prevent console warning
-        await waitForTimeout(500);
-        page.setContent("");
-    });
-});
-it("should render with min/max and max validation", async () => {
-    const page = await newSpecPage({
-        components: [TextField],
-        html: `<ic-text-field label="Test label" rows=1 min=1 max=4 value="6" inputmode="numeric" type="number"></ic-text-field>`,
-    });
-    expect(page.root).toMatchSnapshot("renders-with-max");
-});
-it("should render with min/max and min validation", async () => {
-    const page = await newSpecPage({
-        components: [TextField],
-        html: `<ic-text-field label="Test label" rows=1 min=1 max=4 value="0" inputmode="numeric" type="number"></ic-text-field>`,
-    });
-    expect(page.root).toMatchSnapshot("renders-with-min");
-});
-it("should test setting value cannot exceed maxCharacters", async () => {
-    const page = await newSpecPage({
-        components: [TextField],
-        html: `<ic-text-field label="Test label" rows=1 max-characters=5 value="Test value"></ic-text-field>`,
-    });
-    expect(page.rootInstance.value).toBe("Test ");
-    page.rootInstance.watchValueHandler("Another test value");
-    expect(page.rootInstance.value).toBe("Anoth");
-});
-it("should test maxCharacters method", async () => {
-    const page = await newSpecPage({
-        components: [TextField],
-        html: `<ic-text-field label="Test label" rows=1 max-characters=5></ic-text-field>`,
-    });
-    page.rootInstance.watchValueHandler("test");
-    expect(page.rootInstance.maxCharactersReached).toBe(false);
-    page.rootInstance.watchValueHandler("testing");
-    expect(page.rootInstance.maxCharactersReached).toBe(true);
-});
-it("should test minCharacters method", async () => {
-    const page = await newSpecPage({
-        components: [TextField],
-        html: `<ic-text-field label="Test label" rows=1 min-characters=5 value="test"></ic-text-field>`,
-    });
-    const input = page.root.shadowRoot.querySelector("input");
-    input.blur();
-    expect(page.rootInstance.minCharactersUnattained).toBe(true);
-    page.rootInstance.value = "testing";
-    await page.waitForChanges();
-    input.blur();
-    expect(page.rootInstance.minCharactersUnattained).toBe(false);
-});
-it("should update any attributes that are inherited from the root element", async () => {
-    const page = await newSpecPage({
-        components: [TextField],
-        html: `<ic-text-field label="Test label"></ic-text-field>`,
-    });
-    expect(page.root.shadowRoot.querySelector("input").getAttribute("title")).toBeNull();
-    page.root.setAttribute("title", "new-label");
-    page.rootInstance.hostMutationCallback([{ attributeName: "title" }]);
-    await page.waitForChanges();
-    expect(page.root.shadowRoot.querySelector("input").getAttribute("title")).toBe("new-label");
-});
-it("should autofocus", async () => {
-    jest.useFakeTimers();
-    const page = await newSpecPage({
-        components: [TextField, InputContainer, InputLabel, Typography],
-        html: `<ic-text-field label="Test label" autofocus>
-        <ic-typography>Helper text</ic-typography>
-      </ic-text-field>`,
-    });
-    await page.waitForChanges();
-    const textField = page.rootInstance;
-    expect(textField.autofocus).toBe(true);
-    const typo = page.root.shadowRoot.querySelector("ic-typography");
-    typo.classList.add("hydrated");
-    const callbackFn = jest.fn();
-    page.doc.addEventListener("icFocus", callbackFn);
-    jest.advanceTimersByTime(100);
-    await page.waitForChanges();
-    expect(callbackFn).toHaveBeenCalled();
-});
-//# sourceMappingURL=ic-text-field.input.spec.js.map

package/dist/collection/components/ic-text-field/test/basic/ic-text-field.input.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ic-text-field.input.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-text-field/test/basic/ic-text-field.input.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import { TextField } from \"../../ic-text-field\";\nimport { InputContainer } from \"../../../ic-input-container/ic-input-container\";\nimport { InputLabel } from \"../../../ic-input-label/ic-input-label\";\nimport { Typography } from \"../../../ic-typography/ic-typography\";\nimport { newSpecPage } from \"@stencil/core/testing\";\nimport { waitForTimeout } from \"../../../../testspec.setup\";\n\ndescribe(\"ic-text-field\", () => {\n  it(\"should render\", async () => {\n    const page = await newSpecPage({\n      components: [TextField],\n      html: `<ic-text-field label=\"Test label\" rows=1></ic-text-field>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders\");\n  });\n\n  it(\"should render with placeholder\", async () => {\n    const page = await newSpecPage({\n      components: [TextField],\n      html: `<ic-text-field label=\"Test label\" placeholder=\"placeholder\" rows=0></ic-text-field>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders-with-placeholder\");\n  });\n\n  it(\"should render with value\", async () => {\n    const page = await newSpecPage({\n      components: [TextField],\n      html: `<ic-text-field label=\"Test label\" value=\"test value\"></ic-text-field>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders-with-value\");\n  });\n\n  it(\"should render with helperText, required and small\", async () => {\n    const page = await newSpecPage({\n      components: [TextField],\n      html: `<ic-text-field label=\"Test label\" helper-text=\"helper text value\" required=true size=\"small\"></ic-text-field>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders-with-helpertext\");\n  });\n\n  it(\"should render with autoprops\", async () => {\n    const page = await newSpecPage({\n      components: [TextField],\n      html: `<ic-text-field label=\"Test label\" value=\"test value\" autocapitalize=\"on\" autocomplete=\"on\" autocorrect=\"on\"></ic-text-field>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders-with-autoprops\");\n  });\n\n  it(\"should render with hidden label\", async () => {\n    const page = await newSpecPage({\n      components: [TextField],\n      html: `<ic-text-field label=\"Test label\" value=\"test value\" hide-label=true></ic-text-field>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders-with-hidden-label\");\n  });\n\n  it(\"should render with icon\", async () => {\n    const page = await newSpecPage({\n      components: [TextField],\n      html: `<ic-text-field label=\"Test label\">\n        <svg\n          slot=\"icon\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          height=\"24px\"\n          viewBox=\"0 0 24 24\"\n          width=\"24px\"\n          fill=\"#000000\"\n        >\n          <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n          <path\n            d=\"M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2z\"\n          />\n        </svg>\n      </ic-text-field>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders-with-icon\");\n  });\n\n  it(\"should render disabled\", async () => {\n    const page = await newSpecPage({\n      components: [TextField],\n      html: `<ic-text-field label=\"Test label\" value=\"test value\" disabled=true></ic-text-field>`,\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 readonly\", async () => {\n    const page = await newSpecPage({\n      components: [TextField],\n      html: `<ic-text-field label=\"Test label\" value=\"test value\" readonly=true></ic-text-field>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders-readonly\");\n  });\n\n  it(\"should render with max characters\", async () => {\n    const page = await newSpecPage({\n      components: [TextField],\n      html: `<ic-text-field label=\"Test label\" value=\"Test value\" max-characters=25></ic-text-field>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders-with-max-characters\");\n  });\n\n  it(\"should render with max characters and hidden character count\", async () => {\n    const page = await newSpecPage({\n      components: [TextField],\n      html: `<ic-text-field label=\"Test label\" value=\"Test value\" max-characters=25 hide-char-count></ic-text-field>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders-with-hidden-char-count\");\n  });\n\n  it(\"should render with max characters and a value set which exceeds the max number of characters\", async () => {\n    const page = await newSpecPage({\n      components: [TextField],\n      html: `<ic-text-field label=\"Test label\" value=\"A long value which exceeds the max characters\" max-characters=25></ic-text-field>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders-with-max-characters-long-value\");\n  });\n\n  it(\"should render with max characters and hidden character count\", async () => {\n    const page = await newSpecPage({\n      components: [TextField],\n      html: `<ic-text-field label=\"Test label\" value=\"Test value\" max-characters=25 hide-char-count></ic-text-field>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders-with-hidden-char-count\");\n  });\n\n  it(\"should render with max characters and a value set which exceeds the max number of characters\", async () => {\n    const page = await newSpecPage({\n      components: [TextField],\n      html: `<ic-text-field label=\"Test label\" value=\"A long value which exceeds the max characters\" max-characters=25></ic-text-field>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders-with-max-characters-long-value\");\n  });\n\n  it(\"should render with name & full width\", async () => {\n    const page = await newSpecPage({\n      components: [TextField],\n      html: `<ic-text-field label=\"Test label\" value=\"test value\" name=\"mycontrolname\" full-width=true></ic-text-field>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders-with-name-full-width\");\n  });\n\n  it(\"should render with success validation\", async () => {\n    const page = await newSpecPage({\n      components: [TextField],\n      html: `<ic-text-field label=\"Test label\" validation-status=\"success\" validation-text=\"Good choice!\" value=\"test value\"></ic-text-field>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders-with-success-validation\");\n  });\n\n  it(\"should render with warning validation\", async () => {\n    const page = await newSpecPage({\n      components: [TextField],\n      html: `<ic-text-field label=\"Test label\" validation-status=\"warning\" validation-text=\"warning text\" value=\"test value\"></ic-text-field>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders-with-warning-validation\");\n  });\n\n  it(\"should render with error validation\", async () => {\n    const page = await newSpecPage({\n      components: [TextField],\n      html: `<ic-text-field label=\"Test label\" validation-status=\"error\" validation-text=\"error text\" value=\"test value\"></ic-text-field>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders-with-error-validation\");\n  });\n\n  it(\"should render with inline success validation\", async () => {\n    const page = await newSpecPage({\n      components: [TextField],\n      html: `<ic-text-field label=\"Test label\" validation-status=\"success\" validation-text=\"Good choice!\" validation-inline=\"true\" value=\"test value\"></ic-text-field>`,\n    });\n\n    expect(page.root).toMatchSnapshot(\"renders-with-inline-success-validation\");\n  });\n\n  it(\"should blur\", async () => {\n    const page = await newSpecPage({\n      components: [TextField],\n      html: `<ic-text-field label=\"Test label\" rows=1></ic-text-field>`,\n    });\n\n    const callbackFn = jest.fn();\n    page.doc.addEventListener(\"icBlur\", callbackFn);\n    const input = page.root.shadowRoot.querySelector(\"input\");\n    await input.blur();\n    expect(callbackFn).toHaveBeenCalled();\n  });\n\n  it(\"should not show left icon if text field is disabled\", async () => {\n    const page = await newSpecPage({\n      components: [TextField],\n      html: `<ic-text-field label=\"Test label\" rows=1 disabled>\n      <svg\n          slot=\"icon\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          height=\"24px\"\n          viewBox=\"0 0 24 24\"\n          width=\"24px\"\n          fill=\"#000000\"\n        >\n          <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n          <path\n            d=\"M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2z\"\n          />\n        </svg>\n      </ic-text-field>`,\n    });\n\n    const slot = page.root.shadowRoot.querySelector(`[slot=\"icon\"]`);\n    expect(slot).toBeNull();\n  });\n\n  it(\"should test keydown\", async () => {\n    const page = await newSpecPage({\n      components: [TextField],\n      html: `<ic-text-field label=\"Test label\"></ic-text-field>`,\n    });\n\n    const eventSpy = jest.fn();\n    page.win.addEventListener(\"icKeydown\", eventSpy);\n    const event = new KeyboardEvent(\"keydown\", { key: \"A\" });\n    await page.rootInstance.handleKeyDown(event);\n    await page.waitForChanges();\n\n    expect(eventSpy).toHaveBeenCalled();\n  });\n\n  it(\"should test input\", async () => {\n    const page = await newSpecPage({\n      components: [TextField],\n      html: `<ic-text-field label=\"Test label\"></ic-text-field>`,\n    });\n\n    const event = jest.fn();\n    page.win.addEventListener(\"icInput\", event);\n\n    await page.rootInstance.onInput({ target: { value: \"test value\" } });\n    await page.waitForChanges();\n    expect(page.rootInstance.value).toBe(\"test value\");\n    expect(event).toHaveBeenCalled();\n  });\n\n  it(\"should test form reset event\", async () => {\n    const page = await newSpecPage({\n      components: [TextField],\n      html: `<form>\n        <ic-text-field label=\"Test label\"></ic-text-field>\n        <button id=\"resetButton\" type=\"reset\">Reset</button>  \n      </form>`,\n    });\n\n    expect(page.rootInstance.value).toBe(\"\");\n    page.rootInstance.value = \"New value\";\n    await page.waitForChanges();\n\n    expect(page.rootInstance.value).toBe(\"New value\");\n\n    await page.rootInstance.handleFormReset();\n    await page.waitForChanges();\n\n    expect(page.rootInstance.value).toBe(\"\");\n\n    //test disconnected callback\n    //delay to wait for icchange event to prevent console warning\n    await waitForTimeout(500);\n    page.setContent(\"\");\n  });\n});\n\nit(\"should render with min/max and max validation\", async () => {\n  const page = await newSpecPage({\n    components: [TextField],\n    html: `<ic-text-field label=\"Test label\" rows=1 min=1 max=4 value=\"6\" inputmode=\"numeric\" type=\"number\"></ic-text-field>`,\n  });\n\n  expect(page.root).toMatchSnapshot(\"renders-with-max\");\n});\n\nit(\"should render with min/max and min validation\", async () => {\n  const page = await newSpecPage({\n    components: [TextField],\n    html: `<ic-text-field label=\"Test label\" rows=1 min=1 max=4 value=\"0\" inputmode=\"numeric\" type=\"number\"></ic-text-field>`,\n  });\n\n  expect(page.root).toMatchSnapshot(\"renders-with-min\");\n});\n\nit(\"should test setting value cannot exceed maxCharacters\", async () => {\n  const page = await newSpecPage({\n    components: [TextField],\n    html: `<ic-text-field label=\"Test label\" rows=1 max-characters=5 value=\"Test value\"></ic-text-field>`,\n  });\n\n  expect(page.rootInstance.value).toBe(\"Test \");\n\n  page.rootInstance.watchValueHandler(\"Another test value\");\n  expect(page.rootInstance.value).toBe(\"Anoth\");\n});\n\nit(\"should test maxCharacters method\", async () => {\n  const page = await newSpecPage({\n    components: [TextField],\n    html: `<ic-text-field label=\"Test label\" rows=1 max-characters=5></ic-text-field>`,\n  });\n\n  page.rootInstance.watchValueHandler(\"test\");\n  expect(page.rootInstance.maxCharactersReached).toBe(false);\n  page.rootInstance.watchValueHandler(\"testing\");\n  expect(page.rootInstance.maxCharactersReached).toBe(true);\n});\n\nit(\"should test minCharacters method\", async () => {\n  const page = await newSpecPage({\n    components: [TextField],\n    html: `<ic-text-field label=\"Test label\" rows=1 min-characters=5 value=\"test\"></ic-text-field>`,\n  });\n\n  const input = page.root.shadowRoot.querySelector(\"input\");\n  input.blur();\n  expect(page.rootInstance.minCharactersUnattained).toBe(true);\n\n  page.rootInstance.value = \"testing\";\n  await page.waitForChanges();\n\n  input.blur();\n  expect(page.rootInstance.minCharactersUnattained).toBe(false);\n});\n\nit(\"should update any attributes that are inherited from the root element\", async () => {\n  const page = await newSpecPage({\n    components: [TextField],\n    html: `<ic-text-field label=\"Test label\"></ic-text-field>`,\n  });\n  expect(\n    page.root.shadowRoot.querySelector(\"input\").getAttribute(\"title\")\n  ).toBeNull();\n\n  page.root.setAttribute(\"title\", \"new-label\");\n  page.rootInstance.hostMutationCallback([{ attributeName: \"title\" }]);\n  await page.waitForChanges();\n\n  expect(\n    page.root.shadowRoot.querySelector(\"input\").getAttribute(\"title\")\n  ).toBe(\"new-label\");\n});\n\nit(\"should autofocus\", async () => {\n  jest.useFakeTimers();\n  const page = await newSpecPage({\n    components: [TextField, InputContainer, InputLabel, Typography],\n    html: `<ic-text-field label=\"Test label\" autofocus>\n        <ic-typography>Helper text</ic-typography>\n      </ic-text-field>`,\n  });\n\n  await page.waitForChanges();\n  const textField = page.rootInstance;\n\n  expect(textField.autofocus).toBe(true);\n\n  const typo = page.root.shadowRoot.querySelector(\"ic-typography\");\n  typo.classList.add(\"hydrated\");\n\n  const callbackFn = jest.fn();\n  page.doc.addEventListener(\"icFocus\", callbackFn);\n\n  jest.advanceTimersByTime(100);\n  await page.waitForChanges();\n\n  expect(callbackFn).toHaveBeenCalled();\n});\n"]}