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

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

@@ -1,341 +0,0 @@
-import { TextField } from "../../ic-text-field";
-import { newSpecPage } from "@stencil/core/testing";
-describe("ic-text-field", () => {
-    it("should render a textarea", async () => {
-        const page = await newSpecPage({
-            components: [TextField],
-            html: `<ic-text-field rows="6" label="Test label"></ic-text-field>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <ic-text-field label="Test label" rows="6" value="">
-        <mock:shadow-root>
-          <ic-input-container>
-            <ic-input-label for="ic-text-field-input-0" helpertext="" label="Test label"></ic-input-label>
-            <ic-input-component-container multiline="" size="medium" validationstatus=""><textarea aria-describedby="" aria-invalid="false" aria-label="Test label" autocapitalize="off" class="no-resize" id="ic-text-field-input-0" inputmode="text" name="ic-text-field-input-0" placeholder="" rows="6" value=""></textarea>
-          </ic-input-component-container>
-      </ic-input-container>
-        </mock:shadow-root>
-        <input class="ic-input" name="ic-text-field-input-0" type="hidden" value="">
-      </ic-text-field>
-    `);
-    });
-    it("should render textarea with placeholder", async () => {
-        const page = await newSpecPage({
-            components: [TextField],
-            html: `<ic-text-field rows="6" label="Test label" placeholder="placeholder"></ic-text-field>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <ic-text-field label="Test label" placeholder="placeholder" rows="6" value="">
-        <mock:shadow-root>
-          <ic-input-container>
-            <ic-input-label for="ic-text-field-input-1" helpertext="" label="Test label"></ic-input-label>
-            <ic-input-component-container multiline="" size="medium" validationstatus=""><textarea aria-describedby="" aria-invalid="false" aria-label="Test label" autocapitalize="off" class="no-resize" id="ic-text-field-input-1" inputmode="text" name="ic-text-field-input-1" placeholder="placeholder" rows="6" value=""></textarea>
-          </ic-input-component-container>
-      </ic-input-container>
-        </mock:shadow-root>
-        <input class="ic-input" name="ic-text-field-input-1" type="hidden" value="">
-      </ic-text-field>
-    `);
-    });
-    it("should render textarea with value", async () => {
-        const page = await newSpecPage({
-            components: [TextField],
-            html: `<ic-text-field rows="6" label="Test label" value="test value"></ic-text-field>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <ic-text-field label="Test label" rows="6" value="test value">
-        <mock:shadow-root>
-          <ic-input-container>
-            <ic-input-label for="ic-text-field-input-2" helpertext="" label="Test label"></ic-input-label>
-            <ic-input-component-container multiline="" size="medium" validationstatus=""><textarea aria-describedby="" aria-invalid="false" aria-label="Test label" autocapitalize="off" class="no-resize" id="ic-text-field-input-2" inputmode="text" name="ic-text-field-input-2" placeholder="" rows="6" value="test value"></textarea>
-          </ic-input-component-container>
-      </ic-input-container>
-        </mock:shadow-root>
-        <input class="ic-input" name="ic-text-field-input-2" type="hidden" value="test value">
-      </ic-text-field>
-    `);
-    });
-    it("should render textarea with helperText, required and small", async () => {
-        const page = await newSpecPage({
-            components: [TextField],
-            html: `<ic-text-field rows="6" label="Test label" size="small" helper-text="helper text value" required=true></ic-text-field>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <ic-text-field helper-text="helper text value" label="Test label" required="true" rows="6" value="" size="small">
-        <mock:shadow-root>
-          <ic-input-container>
-            <ic-input-label for="ic-text-field-input-3" helpertext="helper text value" label="Test label" required=""></ic-input-label>
-            <ic-input-component-container size="small" multiline="" validationstatus=""><textarea aria-describedby="ic-text-field-input-3-helper-text" aria-invalid="false" aria-label="Test label" autocapitalize="off" class="no-resize" id="ic-text-field-input-3" inputmode="text" name="ic-text-field-input-3" placeholder="" required="" rows="6" value=""></textarea>
-          </ic-input-component-container>
-      </ic-input-container>
-        </mock:shadow-root>
-        <input class="ic-input" name="ic-text-field-input-3" type="hidden" value="">
-      </ic-text-field>
-    `);
-    });
-    it("should render textarea with autoprops", async () => {
-        const page = await newSpecPage({
-            components: [TextField],
-            html: `<ic-text-field rows="6" label="Test label" value="test value" autofocus=true autocapitalize="on" autocomplete="on" autocorrect="on"></ic-text-field>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <ic-text-field autocapitalize="on" autocomplete="on" autocorrect="on" autofocus="true" label="Test label" rows="6" value="test value">
-        <mock:shadow-root>
-          <ic-input-container>
-            <ic-input-label for="ic-text-field-input-4" helpertext="" label="Test label"></ic-input-label>
-            <ic-input-component-container multiline="" size="medium" validationstatus=""><textarea aria-describedby="" aria-invalid="false" aria-label="Test label" autocapitalize="on" class="no-resize" id="ic-text-field-input-4" inputmode="text" name="ic-text-field-input-4" placeholder="" rows="6" value="test value"></textarea>
-          </ic-input-component-container>
-      </ic-input-container>
-        </mock:shadow-root>
-        <input class="ic-input" name="ic-text-field-input-4" type="hidden" value="test value">
-      </ic-text-field>
-    `);
-    });
-    it("should render textarea with hidden label", async () => {
-        const page = await newSpecPage({
-            components: [TextField],
-            html: `<ic-text-field rows="6" label="Test label" value="test value" hide-label=true></ic-text-field>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <ic-text-field hide-label="true" label="Test label" rows="6" value="test value">
-        <mock:shadow-root>
-          <ic-input-container>
-            <ic-input-component-container multiline="" size="medium" validationstatus=""><textarea aria-describedby="" aria-invalid="false" aria-label="Test label" autocapitalize="off" class="no-resize" id="ic-text-field-input-5" inputmode="text" name="ic-text-field-input-5" placeholder="" rows="6" value="test value"></textarea>
-          </ic-input-component-container>
-      </ic-input-container>
-        </mock:shadow-root>
-        <input class="ic-input" name="ic-text-field-input-5" type="hidden" value="test value">
-      </ic-text-field>
-    `);
-    });
-    it("should render textarea with icon", async () => {
-        const page = await newSpecPage({
-            components: [TextField],
-            html: `<ic-text-field rows="6" 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).toEqualHtml(`
-      <ic-text-field label="Test label" rows="6" value="">
-        <mock:shadow-root>
-          <ic-input-container>
-            <ic-input-label for="ic-text-field-input-6" helpertext="" label="Test label"></ic-input-label>
-            <ic-input-component-container multiline="" size="medium" validationstatus="">
-              <span slot="left-icon">
-                <slot name="icon"></slot>
-              </span><textarea aria-describedby="" aria-invalid="false" aria-label="Test label" autocapitalize="off" class="no-resize" id="ic-text-field-input-6" inputmode="text" name="ic-text-field-input-6" placeholder="" rows="6" value=""></textarea>
-            </ic-input-component-container>
-        </ic-input-container>
-        </mock:shadow-root>
-        <svg fill="#000000" height="24px" slot="icon" viewBox="0 0 24 24" width="24px" xmlns="http://www.w3.org/2000/svg">
-          <path d="M0 0h24v24H0z" fill="none"></path>
-          <path d="M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2z"></path>
-        </svg>
-        <input class="ic-input" name="ic-text-field-input-6" type="hidden" value="">
-      </ic-text-field>
-    `);
-    });
-    it("should render textarea disabled", async () => {
-        const page = await newSpecPage({
-            components: [TextField],
-            html: `<ic-text-field rows="6" label="Test label" value="test value" disabled=true></ic-text-field>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <ic-text-field class="ic-text-field-disabled" disabled="true" label="Test label" rows="6" value="test value">
-        <mock:shadow-root>
-          <ic-input-container disabled="">
-            <ic-input-label disabled="" for="ic-text-field-input-7" helpertext="" label="Test label"></ic-input-label>
-            <ic-input-component-container disabled="" size="medium" multiline="" validationstatus=""><textarea aria-describedby="" aria-invalid="false" aria-label="Test label" autocapitalize="off" class="no-resize" disabled="" id="ic-text-field-input-7" inputmode="text" name="ic-text-field-input-7" placeholder="" rows="6" value="test value"></textarea>
-          </ic-input-component-container>
-      </ic-input-container>
-        </mock:shadow-root>
-        <input class="ic-input" disabled="" name="ic-text-field-input-7" type="hidden" value="test value">
-      </ic-text-field>
-    `);
-    });
-    it("should render textarea readonly", async () => {
-        const page = await newSpecPage({
-            components: [TextField],
-            html: `<ic-text-field rows="6" label="Test label" value="test value" readonly=true></ic-text-field>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <ic-text-field class="ic-text-field-disabled" label="Test label" readonly="" rows="6" value="test value">
-        <mock:shadow-root>
-          <ic-input-container disabled="" readonly="">
-            <ic-input-label for="ic-text-field-input-8" helpertext="" label="Test label" readonly=""></ic-input-label>
-            <ic-input-component-container disabled="" size="medium" multiline="" readonly="" validationstatus=""><textarea aria-describedby="" aria-invalid="false" aria-label="Test label" autocapitalize="off" class="no-left-pad no-resize readonly" disabled="" id="ic-text-field-input-8" inputmode="text" name="ic-text-field-input-8" placeholder="" readonly="" rows="6" value="test value"></textarea>
-          </ic-input-component-container>
-      </ic-input-container>
-        </mock:shadow-root>
-        <input class="ic-input" disabled="" name="ic-text-field-input-8" type="hidden" value="test value">
-      </ic-text-field>
-    `);
-    });
-    it("should render textarea with max characters", async () => {
-        const page = await newSpecPage({
-            components: [TextField],
-            html: `<ic-text-field rows=6 label="Test label" value="Test value" max-characters=25></ic-text-field>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <ic-text-field label="Test label" max-characters="25" rows="6" value="Test value">
-        <mock:shadow-root>
-          <ic-input-container>
-            <ic-input-label for="ic-text-field-input-9" helpertext="" label="Test label"></ic-input-label>
-            <ic-input-component-container multiline="" size="medium" validationstatus=""><textarea aria-describedby="ic-text-field-input-9-char-count-desc" aria-invalid="false" aria-label="Test label" autocapitalize="off" class="no-resize" id="ic-text-field-input-9" inputmode="text" name="ic-text-field-input-9" placeholder="" rows="6" value="Test value"></textarea>
-            </ic-input-component-container>
-            <ic-input-validation arialivemode="polite" for="ic-text-field-input-9" message="" status="">
-              <div slot="validation-message-adornment">
-                <ic-typography class="char-count-text" variant="caption">
-                  <span class="char-count">
-                    10/25
-                  </span>
-                </ic-typography>
-                <span aria-live="polite" class="remaining-char-count-desc">
-                  15 characters remaining.
-                </span>
-                <span hidden="" id="ic-text-field-input-9-char-count-desc">
-                  Field can contain a maximum of 25 characters.
-                </span>
-              </div>
-            </ic-input-validation>
-          </ic-input-container>
-        </mock:shadow-root>
-        <input class="ic-input" name="ic-text-field-input-9" type="hidden" value="Test value">
-      </ic-text-field>
-    `);
-    });
-    it("should render with max characters and hidden character count", async () => {
-        const page = await newSpecPage({
-            components: [TextField],
-            html: `<ic-text-field rows=6 label="Test label" value="Test value" max-characters=25 hide-char-count></ic-text-field>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <ic-text-field hide-char-count="" label="Test label" max-characters="25" rows="6" value="Test value">
-        <mock:shadow-root>
-          <ic-input-container>
-            <ic-input-label for="ic-text-field-input-10" helpertext="" label="Test label"></ic-input-label>
-            <ic-input-component-container multiline="" size="medium" validationstatus=""><textarea aria-describedby="ic-text-field-input-10-char-count-desc" aria-invalid="false" aria-label="Test label" autocapitalize="off" class="no-resize" id="ic-text-field-input-10" inputmode="text" name="ic-text-field-input-10" placeholder="" rows="6" value="Test value"></textarea>
-            </ic-input-component-container>
-            <ic-input-validation arialivemode="polite" for="ic-text-field-input-10" message="" status="">
-              <div slot="validation-message-adornment">
-                <span aria-live="polite" class="remaining-char-count-desc">
-                  15 characters remaining.
-                </span>
-                <span hidden="" id="ic-text-field-input-10-char-count-desc">
-                  Field can contain a maximum of 25 characters.
-                </span>
-              </div>
-            </ic-input-validation>
-          </ic-input-container>
-        </mock:shadow-root>
-        <input class="ic-input" name="ic-text-field-input-10" type="hidden" value="Test value">
-      </ic-text-field>
-    `);
-    });
-    it("should render textarea with name & full width", async () => {
-        const page = await newSpecPage({
-            components: [TextField],
-            html: `<ic-text-field rows=2 label="Test label" value="test value" name="mycontrolname" full-width=true></ic-text-field>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <ic-text-field class="ic-text-field-full-width" full-width="true" label="Test label" name="mycontrolname" rows="2" value="test value">
-        <mock:shadow-root>
-          <ic-input-container>
-            <ic-input-label for="ic-text-field-input-11" helpertext="" label="Test label"></ic-input-label>
-            <ic-input-component-container fullwidth="" size="medium" multiline="" validationstatus=""><textarea aria-describedby="" aria-invalid="false" aria-label="Test label" autocapitalize="off" class="no-resize" id="ic-text-field-input-11" inputmode="text" name="mycontrolname" placeholder="" rows="2" value="test value"></textarea>
-          </ic-input-component-container>
-      </ic-input-container>
-        </mock:shadow-root>
-        <input class="ic-input" name="mycontrolname" type="hidden" value="test value">
-      </ic-text-field>
-    `);
-    });
-    it("should render textarea with success validation", async () => {
-        const page = await newSpecPage({
-            components: [TextField],
-            html: `<ic-text-field rows=6 label="Test label" validation-status="success" validation-text="Good choice!" value="test value"></ic-text-field>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <ic-text-field label="Test label" rows="6" validation-status="success" validation-text="Good choice!" value="test value">
-        <mock:shadow-root>
-          <ic-input-container>
-            <ic-input-label for="ic-text-field-input-12" helpertext="" label="Test label"></ic-input-label>
-            <ic-input-component-container multiline="" size="medium" validationstatus="success"><textarea aria-describedby="ic-text-field-input-12-validation-text" aria-invalid="false" aria-label="Test label" autocapitalize="off" class="no-resize" id="ic-text-field-input-12" inputmode="text" name="ic-text-field-input-12" placeholder="" rows="6" value="test value"></textarea>
-          </ic-input-component-container>
-        <ic-input-validation arialivemode="polite" for="ic-text-field-input-12" message="Good choice!" status="success"></ic-input-validation>
-          </ic-input-container>
-        </mock:shadow-root>
-        <input class="ic-input" name="ic-text-field-input-12" type="hidden" value="test value">
-      </ic-text-field>
-    `);
-    });
-    it("should render textarea with warning validation", async () => {
-        const page = await newSpecPage({
-            components: [TextField],
-            html: `<ic-text-field rows=6 label="Test label" validation-status="warning" validation-text="warning text" value="test value"></ic-text-field>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <ic-text-field label="Test label" rows="6" validation-status="warning" validation-text="warning text" value="test value">
-        <mock:shadow-root>
-          <ic-input-container>
-            <ic-input-label for="ic-text-field-input-13" helpertext="" label="Test label"></ic-input-label>
-            <ic-input-component-container multiline="" size="medium" validationstatus="warning"><textarea aria-describedby="ic-text-field-input-13-validation-text" aria-invalid="false" aria-label="Test label" autocapitalize="off" class="no-resize" id="ic-text-field-input-13" inputmode="text" name="ic-text-field-input-13" placeholder="" rows="6" value="test value"></textarea>
-          </ic-input-component-container>
-        <ic-input-validation arialivemode="polite" for="ic-text-field-input-13" message="warning text" status="warning"></ic-input-validation>
-          </ic-input-container>
-        </mock:shadow-root>
-        <input class="ic-input" name="ic-text-field-input-13" type="hidden" value="test value">
-      </ic-text-field>
-    `);
-    });
-    it("should render textarea with error validation", async () => {
-        const page = await newSpecPage({
-            components: [TextField],
-            html: `<ic-text-field rows=6 label="Test label" validation-status="error" validation-text="error text" value="test value"></ic-text-field>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <ic-text-field label="Test label" rows="6" validation-status="error" validation-text="error text" value="test value">
-        <mock:shadow-root>
-          <ic-input-container>
-            <ic-input-label for="ic-text-field-input-14" helpertext="" label="Test label"></ic-input-label>
-            <ic-input-component-container multiline="" size="medium" validationstatus="error"><textarea aria-describedby="ic-text-field-input-14-validation-text" aria-invalid="true" aria-label="Test label" autocapitalize="off" class="no-resize" id="ic-text-field-input-14" inputmode="text" name="ic-text-field-input-14" placeholder="" rows="6" value="test value"></textarea>
-          </ic-input-component-container>
-        <ic-input-validation arialivemode="assertive" for="ic-text-field-input-14" message="error text" status="error"></ic-input-validation>
-          </ic-input-container>
-        </mock:shadow-root>
-        <input class="ic-input" name="ic-text-field-input-14" type="hidden" value="test value">
-      </ic-text-field>
-    `);
-    });
-    it("should render textarea with resize", async () => {
-        const page = await newSpecPage({
-            components: [TextField],
-            html: `<ic-text-field rows=6 label="Test label" resize=true value="test value"></ic-text-field>`,
-        });
-        expect(page.root).toEqualHtml(`
-      <ic-text-field label="Test label" resize="true" rows="6" value="test value">
-        <mock:shadow-root>
-          <ic-input-container>
-            <ic-input-label for="ic-text-field-input-15" helpertext="" label="Test label"></ic-input-label>
-            <ic-input-component-container multiline="" size="medium" validationstatus=""><textarea aria-describedby="" aria-invalid="false" aria-label="Test label" autocapitalize="off" id="ic-text-field-input-15" inputmode="text" name="ic-text-field-input-15" placeholder="" rows="6" value="test value"></textarea>
-          </ic-input-component-container>
-      </ic-input-container>
-        </mock:shadow-root>
-        <input class="ic-input" name="ic-text-field-input-15" type="hidden" value="test value">
-      </ic-text-field>
-    `);
-    });
-});
-//# sourceMappingURL=ic-text-field.textarea.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ic-text-field.textarea.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-text-field/test/basic/ic-text-field.textarea.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import { TextField } from \"../../ic-text-field\";\nimport { newSpecPage } from \"@stencil/core/testing\";\n\ndescribe(\"ic-text-field\", () => {\n  it(\"should render a textarea\", async () => {\n    const page = await newSpecPage({\n      components: [TextField],\n      html: `<ic-text-field rows=\"6\" label=\"Test label\"></ic-text-field>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <ic-text-field label=\"Test label\" rows=\"6\" value=\"\">\n        <mock:shadow-root>\n          <ic-input-container>\n            <ic-input-label for=\"ic-text-field-input-0\" helpertext=\"\" label=\"Test label\"></ic-input-label>\n            <ic-input-component-container multiline=\"\" size=\"medium\" validationstatus=\"\"><textarea aria-describedby=\"\" aria-invalid=\"false\" aria-label=\"Test label\" autocapitalize=\"off\" class=\"no-resize\" id=\"ic-text-field-input-0\" inputmode=\"text\" name=\"ic-text-field-input-0\" placeholder=\"\" rows=\"6\" value=\"\"></textarea>\n          </ic-input-component-container>\n      </ic-input-container>\n        </mock:shadow-root>\n        <input class=\"ic-input\" name=\"ic-text-field-input-0\" type=\"hidden\" value=\"\">\n      </ic-text-field>\n    `);\n  });\n\n  it(\"should render textarea with placeholder\", async () => {\n    const page = await newSpecPage({\n      components: [TextField],\n      html: `<ic-text-field rows=\"6\" label=\"Test label\" placeholder=\"placeholder\"></ic-text-field>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <ic-text-field label=\"Test label\" placeholder=\"placeholder\" rows=\"6\" value=\"\">\n        <mock:shadow-root>\n          <ic-input-container>\n            <ic-input-label for=\"ic-text-field-input-1\" helpertext=\"\" label=\"Test label\"></ic-input-label>\n            <ic-input-component-container multiline=\"\" size=\"medium\" validationstatus=\"\"><textarea aria-describedby=\"\" aria-invalid=\"false\" aria-label=\"Test label\" autocapitalize=\"off\" class=\"no-resize\" id=\"ic-text-field-input-1\" inputmode=\"text\" name=\"ic-text-field-input-1\" placeholder=\"placeholder\" rows=\"6\" value=\"\"></textarea>\n          </ic-input-component-container>\n      </ic-input-container>\n        </mock:shadow-root>\n        <input class=\"ic-input\" name=\"ic-text-field-input-1\" type=\"hidden\" value=\"\">\n      </ic-text-field>\n    `);\n  });\n\n  it(\"should render textarea with value\", async () => {\n    const page = await newSpecPage({\n      components: [TextField],\n      html: `<ic-text-field rows=\"6\" label=\"Test label\" value=\"test value\"></ic-text-field>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <ic-text-field label=\"Test label\" rows=\"6\" value=\"test value\">\n        <mock:shadow-root>\n          <ic-input-container>\n            <ic-input-label for=\"ic-text-field-input-2\" helpertext=\"\" label=\"Test label\"></ic-input-label>\n            <ic-input-component-container multiline=\"\" size=\"medium\" validationstatus=\"\"><textarea aria-describedby=\"\" aria-invalid=\"false\" aria-label=\"Test label\" autocapitalize=\"off\" class=\"no-resize\" id=\"ic-text-field-input-2\" inputmode=\"text\" name=\"ic-text-field-input-2\" placeholder=\"\" rows=\"6\" value=\"test value\"></textarea>\n          </ic-input-component-container>\n      </ic-input-container>\n        </mock:shadow-root>\n        <input class=\"ic-input\" name=\"ic-text-field-input-2\" type=\"hidden\" value=\"test value\">\n      </ic-text-field>\n    `);\n  });\n\n  it(\"should render textarea with helperText, required and small\", async () => {\n    const page = await newSpecPage({\n      components: [TextField],\n      html: `<ic-text-field rows=\"6\" label=\"Test label\" size=\"small\" helper-text=\"helper text value\" required=true></ic-text-field>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <ic-text-field helper-text=\"helper text value\" label=\"Test label\" required=\"true\" rows=\"6\" value=\"\" size=\"small\">\n        <mock:shadow-root>\n          <ic-input-container>\n            <ic-input-label for=\"ic-text-field-input-3\" helpertext=\"helper text value\" label=\"Test label\" required=\"\"></ic-input-label>\n            <ic-input-component-container size=\"small\" multiline=\"\" validationstatus=\"\"><textarea aria-describedby=\"ic-text-field-input-3-helper-text\" aria-invalid=\"false\" aria-label=\"Test label\" autocapitalize=\"off\" class=\"no-resize\" id=\"ic-text-field-input-3\" inputmode=\"text\" name=\"ic-text-field-input-3\" placeholder=\"\" required=\"\" rows=\"6\" value=\"\"></textarea>\n          </ic-input-component-container>\n      </ic-input-container>\n        </mock:shadow-root>\n        <input class=\"ic-input\" name=\"ic-text-field-input-3\" type=\"hidden\" value=\"\">\n      </ic-text-field>\n    `);\n  });\n\n  it(\"should render textarea with autoprops\", async () => {\n    const page = await newSpecPage({\n      components: [TextField],\n      html: `<ic-text-field rows=\"6\" label=\"Test label\" value=\"test value\" autofocus=true autocapitalize=\"on\" autocomplete=\"on\" autocorrect=\"on\"></ic-text-field>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <ic-text-field autocapitalize=\"on\" autocomplete=\"on\" autocorrect=\"on\" autofocus=\"true\" label=\"Test label\" rows=\"6\" value=\"test value\">\n        <mock:shadow-root>\n          <ic-input-container>\n            <ic-input-label for=\"ic-text-field-input-4\" helpertext=\"\" label=\"Test label\"></ic-input-label>\n            <ic-input-component-container multiline=\"\" size=\"medium\" validationstatus=\"\"><textarea aria-describedby=\"\" aria-invalid=\"false\" aria-label=\"Test label\" autocapitalize=\"on\" class=\"no-resize\" id=\"ic-text-field-input-4\" inputmode=\"text\" name=\"ic-text-field-input-4\" placeholder=\"\" rows=\"6\" value=\"test value\"></textarea>\n          </ic-input-component-container>\n      </ic-input-container>\n        </mock:shadow-root>\n        <input class=\"ic-input\" name=\"ic-text-field-input-4\" type=\"hidden\" value=\"test value\">\n      </ic-text-field>\n    `);\n  });\n\n  it(\"should render textarea with hidden label\", async () => {\n    const page = await newSpecPage({\n      components: [TextField],\n      html: `<ic-text-field rows=\"6\" label=\"Test label\" value=\"test value\" hide-label=true></ic-text-field>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <ic-text-field hide-label=\"true\" label=\"Test label\" rows=\"6\" value=\"test value\">\n        <mock:shadow-root>\n          <ic-input-container>\n            <ic-input-component-container multiline=\"\" size=\"medium\" validationstatus=\"\"><textarea aria-describedby=\"\" aria-invalid=\"false\" aria-label=\"Test label\" autocapitalize=\"off\" class=\"no-resize\" id=\"ic-text-field-input-5\" inputmode=\"text\" name=\"ic-text-field-input-5\" placeholder=\"\" rows=\"6\" value=\"test value\"></textarea>\n          </ic-input-component-container>\n      </ic-input-container>\n        </mock:shadow-root>\n        <input class=\"ic-input\" name=\"ic-text-field-input-5\" type=\"hidden\" value=\"test value\">\n      </ic-text-field>\n    `);\n  });\n\n  it(\"should render textarea with icon\", async () => {\n    const page = await newSpecPage({\n      components: [TextField],\n      html: `<ic-text-field rows=\"6\" 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).toEqualHtml(`\n      <ic-text-field label=\"Test label\" rows=\"6\" value=\"\">\n        <mock:shadow-root>\n          <ic-input-container>\n            <ic-input-label for=\"ic-text-field-input-6\" helpertext=\"\" label=\"Test label\"></ic-input-label>\n            <ic-input-component-container multiline=\"\" size=\"medium\" validationstatus=\"\">\n              <span slot=\"left-icon\">\n                <slot name=\"icon\"></slot>\n              </span><textarea aria-describedby=\"\" aria-invalid=\"false\" aria-label=\"Test label\" autocapitalize=\"off\" class=\"no-resize\" id=\"ic-text-field-input-6\" inputmode=\"text\" name=\"ic-text-field-input-6\" placeholder=\"\" rows=\"6\" value=\"\"></textarea>\n            </ic-input-component-container>\n        </ic-input-container>\n        </mock:shadow-root>\n        <svg fill=\"#000000\" height=\"24px\" slot=\"icon\" viewBox=\"0 0 24 24\" width=\"24px\" xmlns=\"http://www.w3.org/2000/svg\">\n          <path d=\"M0 0h24v24H0z\" fill=\"none\"></path>\n          <path d=\"M17 3H7c-1.1 0-1.99.9-1.99 2L5 21l7-3 7 3V5c0-1.1-.9-2-2-2z\"></path>\n        </svg>\n        <input class=\"ic-input\" name=\"ic-text-field-input-6\" type=\"hidden\" value=\"\">\n      </ic-text-field>\n    `);\n  });\n\n  it(\"should render textarea disabled\", async () => {\n    const page = await newSpecPage({\n      components: [TextField],\n      html: `<ic-text-field rows=\"6\" label=\"Test label\" value=\"test value\" disabled=true></ic-text-field>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <ic-text-field class=\"ic-text-field-disabled\" disabled=\"true\" label=\"Test label\" rows=\"6\" value=\"test value\">\n        <mock:shadow-root>\n          <ic-input-container disabled=\"\">\n            <ic-input-label disabled=\"\" for=\"ic-text-field-input-7\" helpertext=\"\" label=\"Test label\"></ic-input-label>\n            <ic-input-component-container disabled=\"\" size=\"medium\" multiline=\"\" validationstatus=\"\"><textarea aria-describedby=\"\" aria-invalid=\"false\" aria-label=\"Test label\" autocapitalize=\"off\" class=\"no-resize\" disabled=\"\" id=\"ic-text-field-input-7\" inputmode=\"text\" name=\"ic-text-field-input-7\" placeholder=\"\" rows=\"6\" value=\"test value\"></textarea>\n          </ic-input-component-container>\n      </ic-input-container>\n        </mock:shadow-root>\n        <input class=\"ic-input\" disabled=\"\" name=\"ic-text-field-input-7\" type=\"hidden\" value=\"test value\">\n      </ic-text-field>\n    `);\n  });\n\n  it(\"should render textarea readonly\", async () => {\n    const page = await newSpecPage({\n      components: [TextField],\n      html: `<ic-text-field rows=\"6\" label=\"Test label\" value=\"test value\" readonly=true></ic-text-field>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <ic-text-field class=\"ic-text-field-disabled\" label=\"Test label\" readonly=\"\" rows=\"6\" value=\"test value\">\n        <mock:shadow-root>\n          <ic-input-container disabled=\"\" readonly=\"\">\n            <ic-input-label for=\"ic-text-field-input-8\" helpertext=\"\" label=\"Test label\" readonly=\"\"></ic-input-label>\n            <ic-input-component-container disabled=\"\" size=\"medium\" multiline=\"\" readonly=\"\" validationstatus=\"\"><textarea aria-describedby=\"\" aria-invalid=\"false\" aria-label=\"Test label\" autocapitalize=\"off\" class=\"no-left-pad no-resize readonly\" disabled=\"\" id=\"ic-text-field-input-8\" inputmode=\"text\" name=\"ic-text-field-input-8\" placeholder=\"\" readonly=\"\" rows=\"6\" value=\"test value\"></textarea>\n          </ic-input-component-container>\n      </ic-input-container>\n        </mock:shadow-root>\n        <input class=\"ic-input\" disabled=\"\" name=\"ic-text-field-input-8\" type=\"hidden\" value=\"test value\">\n      </ic-text-field>\n    `);\n  });\n\n  it(\"should render textarea with max characters\", async () => {\n    const page = await newSpecPage({\n      components: [TextField],\n      html: `<ic-text-field rows=6 label=\"Test label\" value=\"Test value\" max-characters=25></ic-text-field>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <ic-text-field label=\"Test label\" max-characters=\"25\" rows=\"6\" value=\"Test value\">\n        <mock:shadow-root>\n          <ic-input-container>\n            <ic-input-label for=\"ic-text-field-input-9\" helpertext=\"\" label=\"Test label\"></ic-input-label>\n            <ic-input-component-container multiline=\"\" size=\"medium\" validationstatus=\"\"><textarea aria-describedby=\"ic-text-field-input-9-char-count-desc\" aria-invalid=\"false\" aria-label=\"Test label\" autocapitalize=\"off\" class=\"no-resize\" id=\"ic-text-field-input-9\" inputmode=\"text\" name=\"ic-text-field-input-9\" placeholder=\"\" rows=\"6\" value=\"Test value\"></textarea>\n            </ic-input-component-container>\n            <ic-input-validation arialivemode=\"polite\" for=\"ic-text-field-input-9\" message=\"\" status=\"\">\n              <div slot=\"validation-message-adornment\">\n                <ic-typography class=\"char-count-text\" variant=\"caption\">\n                  <span class=\"char-count\">\n                    10/25\n                  </span>\n                </ic-typography>\n                <span aria-live=\"polite\" class=\"remaining-char-count-desc\">\n                  15 characters remaining.\n                </span>\n                <span hidden=\"\" id=\"ic-text-field-input-9-char-count-desc\">\n                  Field can contain a maximum of 25 characters.\n                </span>\n              </div>\n            </ic-input-validation>\n          </ic-input-container>\n        </mock:shadow-root>\n        <input class=\"ic-input\" name=\"ic-text-field-input-9\" type=\"hidden\" value=\"Test value\">\n      </ic-text-field>\n    `);\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 rows=6 label=\"Test label\" value=\"Test value\" max-characters=25 hide-char-count></ic-text-field>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <ic-text-field hide-char-count=\"\" label=\"Test label\" max-characters=\"25\" rows=\"6\" value=\"Test value\">\n        <mock:shadow-root>\n          <ic-input-container>\n            <ic-input-label for=\"ic-text-field-input-10\" helpertext=\"\" label=\"Test label\"></ic-input-label>\n            <ic-input-component-container multiline=\"\" size=\"medium\" validationstatus=\"\"><textarea aria-describedby=\"ic-text-field-input-10-char-count-desc\" aria-invalid=\"false\" aria-label=\"Test label\" autocapitalize=\"off\" class=\"no-resize\" id=\"ic-text-field-input-10\" inputmode=\"text\" name=\"ic-text-field-input-10\" placeholder=\"\" rows=\"6\" value=\"Test value\"></textarea>\n            </ic-input-component-container>\n            <ic-input-validation arialivemode=\"polite\" for=\"ic-text-field-input-10\" message=\"\" status=\"\">\n              <div slot=\"validation-message-adornment\">\n                <span aria-live=\"polite\" class=\"remaining-char-count-desc\">\n                  15 characters remaining.\n                </span>\n                <span hidden=\"\" id=\"ic-text-field-input-10-char-count-desc\">\n                  Field can contain a maximum of 25 characters.\n                </span>\n              </div>\n            </ic-input-validation>\n          </ic-input-container>\n        </mock:shadow-root>\n        <input class=\"ic-input\" name=\"ic-text-field-input-10\" type=\"hidden\" value=\"Test value\">\n      </ic-text-field>\n    `);\n  });\n\n  it(\"should render textarea with name & full width\", async () => {\n    const page = await newSpecPage({\n      components: [TextField],\n      html: `<ic-text-field rows=2 label=\"Test label\" value=\"test value\" name=\"mycontrolname\" full-width=true></ic-text-field>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <ic-text-field class=\"ic-text-field-full-width\" full-width=\"true\" label=\"Test label\" name=\"mycontrolname\" rows=\"2\" value=\"test value\">\n        <mock:shadow-root>\n          <ic-input-container>\n            <ic-input-label for=\"ic-text-field-input-11\" helpertext=\"\" label=\"Test label\"></ic-input-label>\n            <ic-input-component-container fullwidth=\"\" size=\"medium\" multiline=\"\" validationstatus=\"\"><textarea aria-describedby=\"\" aria-invalid=\"false\" aria-label=\"Test label\" autocapitalize=\"off\" class=\"no-resize\" id=\"ic-text-field-input-11\" inputmode=\"text\" name=\"mycontrolname\" placeholder=\"\" rows=\"2\" value=\"test value\"></textarea>\n          </ic-input-component-container>\n      </ic-input-container>\n        </mock:shadow-root>\n        <input class=\"ic-input\" name=\"mycontrolname\" type=\"hidden\" value=\"test value\">\n      </ic-text-field>\n    `);\n  });\n\n  it(\"should render textarea with success validation\", async () => {\n    const page = await newSpecPage({\n      components: [TextField],\n      html: `<ic-text-field rows=6 label=\"Test label\" validation-status=\"success\" validation-text=\"Good choice!\" value=\"test value\"></ic-text-field>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <ic-text-field label=\"Test label\" rows=\"6\" validation-status=\"success\" validation-text=\"Good choice!\" value=\"test value\">\n        <mock:shadow-root>\n          <ic-input-container>\n            <ic-input-label for=\"ic-text-field-input-12\" helpertext=\"\" label=\"Test label\"></ic-input-label>\n            <ic-input-component-container multiline=\"\" size=\"medium\" validationstatus=\"success\"><textarea aria-describedby=\"ic-text-field-input-12-validation-text\" aria-invalid=\"false\" aria-label=\"Test label\" autocapitalize=\"off\" class=\"no-resize\" id=\"ic-text-field-input-12\" inputmode=\"text\" name=\"ic-text-field-input-12\" placeholder=\"\" rows=\"6\" value=\"test value\"></textarea>\n          </ic-input-component-container>\n        <ic-input-validation arialivemode=\"polite\" for=\"ic-text-field-input-12\" message=\"Good choice!\" status=\"success\"></ic-input-validation>\n          </ic-input-container>\n        </mock:shadow-root>\n        <input class=\"ic-input\" name=\"ic-text-field-input-12\" type=\"hidden\" value=\"test value\">\n      </ic-text-field>\n    `);\n  });\n\n  it(\"should render textarea with warning validation\", async () => {\n    const page = await newSpecPage({\n      components: [TextField],\n      html: `<ic-text-field rows=6 label=\"Test label\" validation-status=\"warning\" validation-text=\"warning text\" value=\"test value\"></ic-text-field>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <ic-text-field label=\"Test label\" rows=\"6\" validation-status=\"warning\" validation-text=\"warning text\" value=\"test value\">\n        <mock:shadow-root>\n          <ic-input-container>\n            <ic-input-label for=\"ic-text-field-input-13\" helpertext=\"\" label=\"Test label\"></ic-input-label>\n            <ic-input-component-container multiline=\"\" size=\"medium\" validationstatus=\"warning\"><textarea aria-describedby=\"ic-text-field-input-13-validation-text\" aria-invalid=\"false\" aria-label=\"Test label\" autocapitalize=\"off\" class=\"no-resize\" id=\"ic-text-field-input-13\" inputmode=\"text\" name=\"ic-text-field-input-13\" placeholder=\"\" rows=\"6\" value=\"test value\"></textarea>\n          </ic-input-component-container>\n        <ic-input-validation arialivemode=\"polite\" for=\"ic-text-field-input-13\" message=\"warning text\" status=\"warning\"></ic-input-validation>\n          </ic-input-container>\n        </mock:shadow-root>\n        <input class=\"ic-input\" name=\"ic-text-field-input-13\" type=\"hidden\" value=\"test value\">\n      </ic-text-field>\n    `);\n  });\n\n  it(\"should render textarea with error validation\", async () => {\n    const page = await newSpecPage({\n      components: [TextField],\n      html: `<ic-text-field rows=6 label=\"Test label\" validation-status=\"error\" validation-text=\"error text\" value=\"test value\"></ic-text-field>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <ic-text-field label=\"Test label\" rows=\"6\" validation-status=\"error\" validation-text=\"error text\" value=\"test value\">\n        <mock:shadow-root>\n          <ic-input-container>\n            <ic-input-label for=\"ic-text-field-input-14\" helpertext=\"\" label=\"Test label\"></ic-input-label>\n            <ic-input-component-container multiline=\"\" size=\"medium\" validationstatus=\"error\"><textarea aria-describedby=\"ic-text-field-input-14-validation-text\" aria-invalid=\"true\" aria-label=\"Test label\" autocapitalize=\"off\" class=\"no-resize\" id=\"ic-text-field-input-14\" inputmode=\"text\" name=\"ic-text-field-input-14\" placeholder=\"\" rows=\"6\" value=\"test value\"></textarea>\n          </ic-input-component-container>\n        <ic-input-validation arialivemode=\"assertive\" for=\"ic-text-field-input-14\" message=\"error text\" status=\"error\"></ic-input-validation>\n          </ic-input-container>\n        </mock:shadow-root>\n        <input class=\"ic-input\" name=\"ic-text-field-input-14\" type=\"hidden\" value=\"test value\">\n      </ic-text-field>\n    `);\n  });\n\n  it(\"should render textarea with resize\", async () => {\n    const page = await newSpecPage({\n      components: [TextField],\n      html: `<ic-text-field rows=6 label=\"Test label\" resize=true value=\"test value\"></ic-text-field>`,\n    });\n\n    expect(page.root).toEqualHtml(`\n      <ic-text-field label=\"Test label\" resize=\"true\" rows=\"6\" value=\"test value\">\n        <mock:shadow-root>\n          <ic-input-container>\n            <ic-input-label for=\"ic-text-field-input-15\" helpertext=\"\" label=\"Test label\"></ic-input-label>\n            <ic-input-component-container multiline=\"\" size=\"medium\" validationstatus=\"\"><textarea aria-describedby=\"\" aria-invalid=\"false\" aria-label=\"Test label\" autocapitalize=\"off\" id=\"ic-text-field-input-15\" inputmode=\"text\" name=\"ic-text-field-input-15\" placeholder=\"\" rows=\"6\" value=\"test value\"></textarea>\n          </ic-input-component-container>\n      </ic-input-container>\n        </mock:shadow-root>\n        <input class=\"ic-input\" name=\"ic-text-field-input-15\" type=\"hidden\" value=\"test value\">\n      </ic-text-field>\n    `);\n  });\n});\n"]}

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

@@ -1,72 +0,0 @@
-import { newE2EPage } from "@stencil/core/testing";
-describe("ic-theme", () => {
-    it("should render", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`<ic-theme></ic-theme>`);
-        const element = await page.find("ic-theme");
-        expect(element).toHaveClass("hydrated");
-    });
-    it("should emit brandChange event when brandColor is changed", async () => {
-        const page = await newE2EPage();
-        await page.setContent(`<ic-theme></ic-theme>`);
-        const spy = await page.spyOnEvent("brandChange");
-        await page.$eval("ic-theme", (elm) => {
-            elm.brandColor = "rgb(255, 201, 60)";
-        });
-        await page.waitForChanges();
-        expect(spy).toHaveReceivedEventDetail({
-            mode: "dark",
-            color: {
-                a: 1,
-                b: 60,
-                g: 201,
-                r: 255,
-            },
-        });
-        await page.$eval("ic-theme", (elm) => {
-            elm.brandColor = "rgb(35, 81, 142)";
-        });
-        await page.waitForChanges();
-        expect(spy).toHaveReceivedEventDetail({
-            mode: "light",
-            color: {
-                a: 1,
-                b: 142,
-                g: 81,
-                r: 35,
-            },
-        });
-    });
-    it("should emit correct textColor when rgb values invalid", async () => {
-        const page = await newE2EPage();
-        await page.setContent("<ic-theme></ic-theme>");
-        const spy = await page.spyOnEvent("brandChange");
-        await page.$eval("ic-theme", (elm) => {
-            elm.brandColor = "rgb(1000, 1000, 1000)";
-        });
-        await page.waitForChanges();
-        expect(spy).toHaveReceivedEventDetail({
-            mode: "dark",
-            color: {
-                a: 1,
-                b: 1000,
-                g: 1000,
-                r: 1000,
-            },
-        });
-        await page.$eval("ic-theme", (elm) => {
-            elm.brandColor = "rgb(-1, -1, -1)";
-        });
-        await page.waitForChanges();
-        expect(spy).toHaveReceivedEventDetail({
-            mode: "light",
-            color: {
-                a: 1,
-                b: -1,
-                g: -1,
-                r: -1,
-            },
-        });
-    });
-});
-//# sourceMappingURL=ic-theme.e2e.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ic-theme.e2e.js","sourceRoot":"","sources":["../../../../../src/components/ic-theme/test/basic/ic-theme.e2e.ts"],"names":[],"mappings":"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","sourcesContent":["import { newE2EPage } from \"@stencil/core/testing\";\n\ndescribe(\"ic-theme\", () => {\n  it(\"should render\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(`<ic-theme></ic-theme>`);\n\n    const element = await page.find(\"ic-theme\");\n    expect(element).toHaveClass(\"hydrated\");\n  });\n\n  it(\"should emit brandChange event when brandColor is changed\", async () => {\n    const page = await newE2EPage();\n\n    await page.setContent(`<ic-theme></ic-theme>`);\n\n    const spy = await page.spyOnEvent(\"brandChange\");\n\n    await page.$eval(\"ic-theme\", (elm: HTMLIcThemeElement) => {\n      elm.brandColor = \"rgb(255, 201, 60)\";\n    });\n\n    await page.waitForChanges();\n\n    expect(spy).toHaveReceivedEventDetail({\n      mode: \"dark\",\n      color: {\n        a: 1,\n        b: 60,\n        g: 201,\n        r: 255,\n      },\n    });\n\n    await page.$eval(\"ic-theme\", (elm: HTMLIcThemeElement) => {\n      elm.brandColor = \"rgb(35, 81, 142)\";\n    });\n\n    await page.waitForChanges();\n\n    expect(spy).toHaveReceivedEventDetail({\n      mode: \"light\",\n      color: {\n        a: 1,\n        b: 142,\n        g: 81,\n        r: 35,\n      },\n    });\n  });\n\n  it(\"should emit correct textColor when rgb values invalid\", async () => {\n    const page = await newE2EPage();\n    await page.setContent(\"<ic-theme></ic-theme>\");\n\n    const spy = await page.spyOnEvent(\"brandChange\");\n\n    await page.$eval(\"ic-theme\", (elm: HTMLIcThemeElement) => {\n      elm.brandColor = \"rgb(1000, 1000, 1000)\";\n    });\n\n    await page.waitForChanges();\n\n    expect(spy).toHaveReceivedEventDetail({\n      mode: \"dark\",\n      color: {\n        a: 1,\n        b: 1000,\n        g: 1000,\n        r: 1000,\n      },\n    });\n\n    await page.$eval(\"ic-theme\", (elm: HTMLIcThemeElement) => {\n      elm.brandColor = \"rgb(-1, -1, -1)\";\n    });\n\n    await page.waitForChanges();\n\n    expect(spy).toHaveReceivedEventDetail({\n      mode: \"light\",\n      color: {\n        a: 1,\n        b: -1,\n        g: -1,\n        r: -1,\n      },\n    });\n  });\n});\n"]}

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

@@ -1,79 +0,0 @@
-import { newSpecPage } from "@stencil/core/testing";
-import { Theme } from "../../ic-theme";
-import * as helpers from "../../../../utils/helpers";
-import { BLACK_MIN_COLOR_BRIGHTNESS, WHITE_MAX_COLOR_BRIGHTNESS, } from "../../../../utils/constants";
-//mocked as getBrandColorBrightness is NaN when run in test context
-//instead we return a value which will trigger the console warning about theme color contrast
-const mockThemeColorContrastFail = () => {
-    const func = jest.fn(() => {
-        return (BLACK_MIN_COLOR_BRIGHTNESS + WHITE_MAX_COLOR_BRIGHTNESS) / 2;
-    });
-    Object.defineProperty(helpers, "getBrandColorBrightness", {
-        value: func,
-    });
-};
-const expectRGBToBe = (page, expectR, expectG, expectB) => {
-    const r = page.doc.documentElement.style.getPropertyValue("--ic-brand-color-primary-r");
-    const g = page.doc.documentElement.style.getPropertyValue("--ic-brand-color-primary-g");
-    const b = page.doc.documentElement.style.getPropertyValue("--ic-brand-color-primary-b");
-    expect(r).toBe(expectR);
-    expect(g).toBe(expectG);
-    expect(b).toBe(expectB);
-};
-beforeAll(() => {
-    jest.spyOn(console, "warn").mockImplementation(jest.fn());
-});
-describe("ic-theme", () => {
-    it("should set theme colour with hex", async () => {
-        const page = await newSpecPage({
-            components: [Theme],
-            html: `<ic-theme brand-color="#FFC0CB"></ic-theme>`,
-        });
-        expectRGBToBe(page, "255", "192", "203");
-    });
-    it("should set theme colour with 3 character hex", async () => {
-        const page = await newSpecPage({
-            components: [Theme],
-            html: `<ic-theme brand-color="#FFF"></ic-theme>`,
-        });
-        expectRGBToBe(page, "255", "255", "255");
-    });
-    it("should set theme colour with rgb", async () => {
-        const page = await newSpecPage({
-            components: [Theme],
-            html: `<ic-theme brand-color="rgb(159, 43, 104)"></ic-theme>`,
-        });
-        expectRGBToBe(page, "159", "43", "104");
-    });
-    it("should set theme colour with rgba", async () => {
-        const page = await newSpecPage({
-            components: [Theme],
-            html: `<ic-theme brand-color="rgba(159, 43, 104, 1)"></ic-theme>`,
-        });
-        expectRGBToBe(page, "159", "43", "104");
-    });
-    it("should test updating theme color", async () => {
-        mockThemeColorContrastFail();
-        const page = await newSpecPage({
-            components: [Theme],
-            html: `<ic-theme brand-color="rgba(159, 43, 104)"></ic-theme>`,
-        });
-        page.root.brandColor = "rgba(133, 133, 133, 1)";
-        await page.waitForChanges();
-        expectRGBToBe(page, "133", "133", "133");
-    });
-    it("should test 'theme' prop", async () => {
-        const page = await newSpecPage({
-            components: [Theme],
-            html: `<ic-theme theme="dark"></ic-theme>`,
-        });
-        expect(page.root).toHaveClass("ic-theme-dark");
-        page.root.theme = "light";
-        await page.waitForChanges();
-        expect(page.root).toHaveClass("ic-theme-light");
-        page.root.theme = "system";
-        await page.waitForChanges();
-        expect(page.root).toHaveClass("ic-theme-light");
-    });
-});
-//# sourceMappingURL=ic-theme.spec.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ic-theme.spec.js","sourceRoot":"","sources":["../../../../../src/components/ic-theme/test/basic/ic-theme.spec.tsx"],"names":[],"mappings":"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","sourcesContent":["import { newSpecPage, SpecPage } from \"@stencil/core/testing\";\nimport { Theme } from \"../../ic-theme\";\nimport * as helpers from \"../../../../utils/helpers\";\nimport {\n  BLACK_MIN_COLOR_BRIGHTNESS,\n  WHITE_MAX_COLOR_BRIGHTNESS,\n} from \"../../../../utils/constants\";\n\n//mocked as getBrandColorBrightness is NaN when run in test context\n//instead we return a value which will trigger the console warning about theme color contrast\nconst mockThemeColorContrastFail = () => {\n  const func = jest.fn(() => {\n    return (BLACK_MIN_COLOR_BRIGHTNESS + WHITE_MAX_COLOR_BRIGHTNESS) / 2;\n  });\n\n  Object.defineProperty(helpers, \"getBrandColorBrightness\", {\n    value: func,\n  });\n};\n\nconst expectRGBToBe = (\n  page: SpecPage,\n  expectR: string,\n  expectG: string,\n  expectB: string\n) => {\n  const r = page.doc.documentElement.style.getPropertyValue(\n    \"--ic-brand-color-primary-r\"\n  );\n  const g = page.doc.documentElement.style.getPropertyValue(\n    \"--ic-brand-color-primary-g\"\n  );\n  const b = page.doc.documentElement.style.getPropertyValue(\n    \"--ic-brand-color-primary-b\"\n  );\n\n  expect(r).toBe(expectR);\n  expect(g).toBe(expectG);\n  expect(b).toBe(expectB);\n};\n\nbeforeAll(() => {\n  jest.spyOn(console, \"warn\").mockImplementation(jest.fn());\n});\n\ndescribe(\"ic-theme\", () => {\n  it(\"should set theme colour with hex\", async () => {\n    const page = await newSpecPage({\n      components: [Theme],\n      html: `<ic-theme brand-color=\"#FFC0CB\"></ic-theme>`,\n    });\n\n    expectRGBToBe(page, \"255\", \"192\", \"203\");\n  });\n\n  it(\"should set theme colour with 3 character hex\", async () => {\n    const page = await newSpecPage({\n      components: [Theme],\n      html: `<ic-theme brand-color=\"#FFF\"></ic-theme>`,\n    });\n\n    expectRGBToBe(page, \"255\", \"255\", \"255\");\n  });\n\n  it(\"should set theme colour with rgb\", async () => {\n    const page = await newSpecPage({\n      components: [Theme],\n      html: `<ic-theme brand-color=\"rgb(159, 43, 104)\"></ic-theme>`,\n    });\n\n    expectRGBToBe(page, \"159\", \"43\", \"104\");\n  });\n\n  it(\"should set theme colour with rgba\", async () => {\n    const page = await newSpecPage({\n      components: [Theme],\n      html: `<ic-theme brand-color=\"rgba(159, 43, 104, 1)\"></ic-theme>`,\n    });\n    expectRGBToBe(page, \"159\", \"43\", \"104\");\n  });\n\n  it(\"should test updating theme color\", async () => {\n    mockThemeColorContrastFail();\n\n    const page = await newSpecPage({\n      components: [Theme],\n      html: `<ic-theme brand-color=\"rgba(159, 43, 104)\"></ic-theme>`,\n    });\n\n    page.root.brandColor = \"rgba(133, 133, 133, 1)\";\n    await page.waitForChanges();\n\n    expectRGBToBe(page, \"133\", \"133\", \"133\");\n  });\n\n  it(\"should test 'theme' prop\", async () => {\n    const page = await newSpecPage({\n      components: [Theme],\n      html: `<ic-theme theme=\"dark\"></ic-theme>`,\n    });\n\n    expect(page.root).toHaveClass(\"ic-theme-dark\");\n\n    page.root.theme = \"light\";\n\n    await page.waitForChanges();\n\n    expect(page.root).toHaveClass(\"ic-theme-light\");\n\n    page.root.theme = \"system\";\n\n    await page.waitForChanges();\n\n    expect(page.root).toHaveClass(\"ic-theme-light\");\n  });\n});\n"]}