@duetds/components 8.6.9 → 8.7.0

package/lib/collection/components/duet-card/duet-card.e2e.js

@@ -1,91 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { createPage } from "../../utils/test-utils";
-describe("duet-card", () => {
-    it("should render a card", async () => {
-        const page = await createPage(`<duet-card></duet-card>`);
-        const component = await page.find("duet-card");
-        expect(component).not.toBeNull();
-    });
-    it("should provide a property that removes the margin of the component", async () => {
-        const page = await createPage(`<duet-card margin="none">card</duet-card>`);
-        const element = await page.find(".duet-m-0");
-        expect(element).not.toBeNull();
-    });
-    it("should provide a property that removes the padding of the component", async () => {
-        const page = await createPage(`<duet-card padding="none"></duet-card>`);
-        const element = await page.find("duet-card >>> .duet-card");
-        expect(element).toHaveClass("none");
-    });
-    it("should provide a property that switches the theme", async () => {
-        const page = await createPage(`<duet-card theme="turva"></duet-card>`);
-        const element = await page.find("duet-card >>> .duet-card");
-        expect(element).toHaveClass("duet-theme-turva");
-    });
-    it("should provide a property that renders heading", async () => {
-        const page = await createPage(`<duet-card heading="test"></duet-card>`);
-        const element = await page.find("duet-card >>> h2");
-        expect(element.innerText).toEqual("test");
-    });
-    it("should provide a property that renders the card as link", async () => {
-        const page = await createPage(`<duet-card url="#test"></duet-card>`);
-        const element = await page.find("duet-card >>> a");
-        expect(element.getAttribute("href")).toEqual("#test");
-    });
-    it("should provide a property that changes the padding of the card", async () => {
-        const page = await createPage(`<duet-card padding="large"></duet-card>`);
-        const element = await page.find("duet-card >>> .duet-card");
-        expect(element).toHaveClass("large");
-    });
-    it("should provide a property that sets icon for the heading", async () => {
-        const page = await createPage(`<duet-card heading="test" icon="form-location"></duet-card>`);
-        const element = await page.find("duet-card >>> .duet-card-icon");
-        expect(element).not.toBeNull();
-    });
-    it("should not add an icon for the heading if the prop isn’t used", async () => {
-        const page = await createPage(`<duet-card heading="test" padding="large"></duet-card>`);
-        const element = await page.find("duet-card >>> .duet-card-icon");
-        expect(element).toBeNull();
-    });
-    it("should provide a property that sets the level for the heading", async () => {
-        const page = await createPage(`<duet-card heading="test" heading-level="h1"></duet-card>`);
-        const element = await page.find("duet-card >>> h1");
-        expect(element).not.toBeNull();
-    });
-    it("should render a h2 heading if no level is provided", async () => {
-        const page = await createPage(`<duet-card heading="test"></duet-card>`);
-        const element = await page.find("duet-card >>> h2");
-        expect(element).not.toBeNull();
-    });
-    it("should render a block wrapper if div heading is provided", async () => {
-        const page = await createPage(`<duet-card heading="test" heading-level="div"></duet-card>`);
-        const element = await page.find("duet-card >>> div.duet-card-heading");
-        expect(element.tagName).toEqual("DIV");
-    });
-    it("should provide a property that makes the card collapsible", async () => {
-        const page = await createPage(`<duet-card collapsible heading="test"></duet-card>`);
-        const element = await page.find("duet-card >>> .duet-card-heading button");
-        expect(element.getAttribute("aria-expanded")).toBe("true");
-        await element.click();
-        expect(element.getAttribute("aria-expanded")).toBe("false");
-    });
-    it("should allow the card to be initially collapsed", async () => {
-        const page = await createPage(`<duet-card collapsible heading="test" open="false"></duet-card>`);
-        const element = await page.find("duet-card >>> .duet-card-heading button");
-        expect(element.getAttribute("aria-expanded")).toBe("false");
-        await element.click();
-        expect(element.getAttribute("aria-expanded")).toBe("true");
-    });
-    it("should provide a property that adds an image", async () => {
-        const IMAGE = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+M9QDwADhgGAWjR9awAAAABJRU5ErkJggg==";
-        const page = await createPage(`<duet-card image=${IMAGE}></duet-card>`);
-        const element = await page.find("duet-card >>> .duet-card-image");
-        expect(element).not.toBeNull();
-    });
-    it("should not add image markup when image property isn’t used", async () => {
-        const page = await createPage(`<duet-card heading="test"></duet-card>`);
-        const element = await page.find("duet-card >>> .duet-card-image");
-        expect(element).toBeNull();
-    });
-});

package/lib/collection/components/duet-checkbox/duet-checkbox.a11y.e2e.js

@@ -1,20 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { formatViolations, options as axeRunOptions, testWithAxe } from "../../utils/axe-core-utils";
-describe("[a11y] duet-checkbox", () => {
-    it("should render an accessible component", async () => {
-        const result = await testWithAxe(`
-        <duet-checkbox label="Unchecked"></duet-checkbox>
-      `, axeRunOptions);
-        expect(result).not.toBeNull();
-        expect(formatViolations(result.violations)).toEqual([]);
-    });
-    it("should render an accessible component in checked state", async () => {
-        const result = await testWithAxe(`
-        <duet-checkbox checked label="Checked" value="test"></duet-checkbox>
-      `, axeRunOptions);
-        expect(result).not.toBeNull();
-        expect(formatViolations(result.violations)).toEqual([]);
-    });
-});

package/lib/collection/components/duet-checkbox/duet-checkbox.e2e.js

@@ -1,112 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { createPage } from "../../utils/test-utils";
-describe("duet-checkbox", () => {
-    it("should render a checkbox", async () => {
-        const page = await createPage(`<duet-checkbox></duet-checkbox>`);
-        const component = await page.find("duet-checkbox");
-        expect(component).not.toBeNull();
-    });
-    it("should provide a property that renders label", async () => {
-        const page = await createPage(`<duet-checkbox label="test"></duet-checkbox>`);
-        const element = await page.find("duet-checkbox label");
-        expect(element.innerText).toEqual("test");
-    });
-    it("should provide a property that removes the margin of the component", async () => {
-        const page = await createPage(`<duet-checkbox margin="none"></duet-checkbox>`);
-        const element = await page.find(".duet-m-0");
-        expect(element).not.toBeNull();
-    });
-    it("should provide a property that renders aria-controls", async () => {
-        const page = await createPage(`<duet-checkbox accessible-controls="test"></duet-checkbox>`);
-        const element = await page.find("duet-checkbox .duet-checkbox");
-        expect(element.getAttribute("aria-controls")).toEqual("test");
-    });
-    it("should provide a property that renders aria-activedescendant", async () => {
-        const page = await createPage(`<duet-checkbox accessible-active-descendant="test"></duet-checkbox>`);
-        const element = await page.find("duet-checkbox .duet-checkbox");
-        expect(element.getAttribute("aria-activedescendant")).not.toBeNull();
-    });
-    it("should provide a property that renders aria-owns", async () => {
-        const page = await createPage(`<duet-checkbox accessible-owns="test"></duet-checkbox>`);
-        const element = await page.find("duet-checkbox .duet-checkbox");
-        expect(element.getAttribute("aria-owns")).not.toBeNull();
-    });
-    it("should provide a property that switches the theme", async () => {
-        const page = await createPage(`<duet-checkbox theme="turva"></duet-checkbox>`);
-        const element = await page.find("duet-checkbox .duet-checkbox-container");
-        expect(element).toHaveClass("duet-theme-turva");
-    });
-    it("should provide a property that makes the  disabled", async () => {
-        const page = await createPage(`<duet-checkbox disabled></duet-checkbox>`);
-        const element = await page.find("duet-checkbox .duet-checkbox");
-        expect(element.getAttribute("disabled")).not.toBeNull();
-    });
-    it("should provide a property that adds an ID for the checkbox", async () => {
-        const page = await createPage(`<duet-checkbox identifier="test"></duet-checkbox>`);
-        const element = await page.find("duet-checkbox .duet-checkbox");
-        expect(element.getAttribute("id")).toEqual("test");
-    });
-    it("should provide a property that makes checkbox required", async () => {
-        const page = await createPage(`<duet-checkbox required></duet-checkbox>`);
-        const element = await page.find("duet-checkbox .duet-checkbox");
-        expect(element.getAttribute("required")).not.toBeNull();
-    });
-    it("should provide a property that adds name for the checkbox", async () => {
-        const page = await createPage(`<duet-checkbox name="test"></duet-checkbox>`);
-        const element = await page.find("duet-checkbox .duet-checkbox");
-        expect(element.getAttribute("name")).not.toBeNull();
-    });
-    it("should provide a property that adds role for the checkbox", async () => {
-        const page = await createPage(`<duet-checkbox role="test"></duet-checkbox>`);
-        const element = await page.find("duet-checkbox .duet-checkbox");
-        expect(element.getAttribute("role")).not.toBeNull();
-    });
-    it("should provide a property that checks the checkbox", async () => {
-        const page = await createPage(`<duet-checkbox checked></duet-checkbox>`);
-        const element = (await page.find("duet-checkbox .duet-checkbox"));
-        expect(element.checked).not.toBeNull();
-    });
-    it("should provide a property that adds value for the checkbox", async () => {
-        const page = await createPage(`<duet-checkbox value="test"></duet-checkbox>`);
-        const element = await page.find("duet-checkbox .duet-checkbox");
-        expect(element.getAttribute("value")).not.toBeNull();
-    });
-    it("should provide a property that changes tabindex of checkbox", async () => {
-        const page = await createPage(`<duet-checkbox accessible-index="-1"></duet-checkbox>`);
-        const element = await page.find("duet-checkbox .duet-checkbox");
-        expect(element.getAttribute("tabindex")).not.toBeNull();
-    });
-    it("should only raise an event on user interaction, not when changing checked property programmatically", async () => {
-        const page = await createPage(`<duet-checkbox label="Checked" value="test"></duet-checkbox>`);
-        const checkbox = await page.find("duet-checkbox");
-        const changeEventSpy = await checkbox.spyOnEvent("duetChange");
-        checkbox.setProperty("checked", true);
-        await page.waitForChanges();
-        expect(changeEventSpy).not.toHaveReceivedEvent();
-        await checkbox.click();
-        expect(changeEventSpy).toHaveReceivedEvent();
-    });
-    it("should raise an event on focus", async () => {
-        const page = await createPage(`<duet-checkbox label="Checked" value="test"></duet-checkbox>`);
-        const checkbox = await page.find("duet-checkbox");
-        const focusEventSpy = await checkbox.spyOnEvent("duetFocus");
-        await page.keyboard.press("Tab");
-        await page.waitForChanges();
-        expect(focusEventSpy).toHaveReceivedEvent();
-    });
-    it("should raise an event on blur", async () => {
-        const page = await createPage(`
-      <duet-checkbox label="Checked" value="test"></duet-checkbox>
-      <button>another focusable element</button>
-    `);
-        const checkbox = await page.find("duet-checkbox");
-        const blurEventSpy = await checkbox.spyOnEvent("duetFocus");
-        // focus then blur the checkbox
-        await page.keyboard.press("Tab");
-        await page.keyboard.press("Tab");
-        await page.waitForChanges();
-        expect(blurEventSpy).toHaveReceivedEvent();
-    });
-});

package/lib/collection/components/duet-chip/duet-chip.a11y.e2e.js

@@ -1,25 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { formatViolations, options as axeRunOptions, testWithAxe } from "../../utils/axe-core-utils";
-describe("[a11y] duet-chip", () => {
-    it("should render an accessible component", async () => {
-        const result = await testWithAxe(`
-        <duet-chip variation="button" name="action" value="add">add to favorites</duet-chip>
-      `, axeRunOptions);
-        expect(result).not.toBeNull();
-        expect(formatViolations(result.violations)).toEqual([]);
-    });
-    it("should render an accessible component with a dropdown", async () => {
-        const result = await testWithAxe(`
-        <duet-chip variation="filter" popup="category-popup">Category</duet-chip>
-        <duet-popup-menu id="category-popup">
-          <duet-popup-menu-item value="health-value-id-68792">Health</duet-popup-menu-item>
-          <duet-popup-menu-item>Pets</duet-popup-menu-item>
-          <duet-popup-menu-item>Vehicles</duet-popup-menu-item>
-        </duet-popup-menu>
-      `, axeRunOptions);
-        expect(result).not.toBeNull();
-        expect(formatViolations(result.violations)).toEqual([]);
-    });
-});

package/lib/collection/components/duet-chip/duet-chip.e2e.js

@@ -1,56 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { createPage } from "../../utils/test-utils";
-describe("duet-chip", () => {
-    it("should render a checkbox", async () => {
-        const page = await createPage(`<duet-chip></duet-chip>`);
-        const component = await page.find("duet-chip");
-        expect(component).not.toBeNull();
-    });
-    it("should provide a property that renders aria-label", async () => {
-        const page = await createPage(`<duet-chip accessible-label="test">chip</duet-chip>`);
-        const element = await page.find("duet-chip >>> .duet-chip-container [aria-label]");
-        expect(element.getAttribute("aria-label")).toEqual("test");
-    });
-    it("should render a checkbox input with variation 'filter'", async () => {
-        const page = await createPage(`<duet-chip variation="filter">chip</duet-chip>`);
-        const element = await page.find(`duet-chip >>> input[type="checkbox"]`);
-        expect(element).not.toBeNull();
-    });
-    it("should render a check-mark icon with variation 'filter' when has icon and is checked", async () => {
-        const page = await createPage(`<duet-chip variation="filter" icon="category-car" checked>chip</duet-chip>`);
-        const element = await page.find(`duet-chip >>> duet-icon.check-mark`);
-        expect(element).not.toBeNull();
-    });
-    it("should not display a check-mark icon with variation 'filter' when has icon and is not checked", async () => {
-        const page = await createPage(`<duet-chip variation="filter" icon="category-car">chip</duet-chip>`);
-        const element = await page.find(`duet-chip >>> duet-icon.check-mark`);
-        expect(await element.isVisible()).not.toBeTruthy();
-    });
-    it("should not render a check-mark icon with variation 'filter' when has no icon and is checked", async () => {
-        const page = await createPage(`<duet-chip variation="filter" checked>chip</duet-chip>`);
-        const element = await page.find(`duet-chip >>> duet-icon.check-mark`);
-        expect(element).toBeNull();
-    });
-    it("should render an icon in a filter chip when provided", async () => {
-        const page = await createPage(`<duet-chip variation="filter" icon="category-car">chip</duet-chip>`);
-        const element = await page.find(`duet-chip >>> duet-icon:not(.check-mark)`);
-        expect(element).not.toBeNull();
-    });
-    it("should render a button with variation 'button'", async () => {
-        const page = await createPage(`<duet-chip variation="button">chip</duet-chip>`);
-        const element = await page.find(`duet-chip >>> button`);
-        expect(element).not.toBeNull();
-    });
-    it("should render a radio input with variation 'radio'", async () => {
-        const page = await createPage(`<duet-chip variation="radio">chip</duet-chip>`);
-        const element = await page.find(`duet-chip input[type="radio"]`);
-        expect(element).not.toBeNull();
-    });
-    it("should render an icon in a button chip when provided", async () => {
-        const page = await createPage(`<duet-chip variation="button" icon="category-car">chip</duet-chip>`);
-        const element = await page.find(`duet-chip >>> duet-icon`);
-        expect(element).not.toBeNull();
-    });
-});

package/lib/collection/components/duet-choice/duet-choice.a11y.e2e.js

@@ -1,79 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { formatViolations, options as axeRunOptions, testWithAxe } from "../../utils/axe-core-utils";
-describe("[a11y] duet-choice", () => {
-    it("should render an accessible component as a radio", async () => {
-        const result = await testWithAxe(`
-        <duet-choice-group value="one" label="Vakuutus" direction="horizontal" name="group" responsive>
-          <duet-choice label="Eläinvakuutus" type="radio" value="one" expand></duet-choice>
-        </duet-choice-group>
-      `, axeRunOptions);
-        expect(result).not.toBeNull();
-        expect(formatViolations(result.violations)).toEqual([]);
-    });
-    it("should render an accessible component as a checkbox", async () => {
-        const result = await testWithAxe(`
-        <duet-fieldset label="Lemmikit" caption="Valitse yksi tai useampi vaihtoehto:">
-          <duet-grid responsive>
-            <duet-choice label="Kissa" value="kissa" icon="category-pet-cat" checked expand></duet-choice>
-          </duet-grid>
-        </duet-fieldset>
-      `, axeRunOptions);
-        expect(result).not.toBeNull();
-        expect(formatViolations(result.violations)).toEqual([]);
-    });
-    it("should render an accessible, collapsible component", async () => {
-        const result = await testWithAxe(`
-        <duet-fieldset label="Lemmikit" caption="Valitse yksi tai useampi vaihtoehto:">
-          <duet-choice label="Kissa" icon="category-pet-cat" checked expand collapsible>
-              <span slot="header"><duet-caption>This explains the collapsible content</duet-caption></span>
-
-              <duet-paragraph
-                >LähiTapiola-ryhmä on keskinäiseen yhtiömuotoon perustuva, asiakkaidensa omistama yhtiöryhmä, joka palvelee monia
-                eri asiakasryhmiä. <duet-link url="https://www.lahitapiola.fi/henkilo">LähiTapiolan tuotteet</duet-link> ja
-                palvelut kattavat vahinko-, henki- ja eläkevakuuttamisen sekä sijoittamisen ja säästämisen palvelut. Olemme myös
-                yritysten riskienhallinnan ja henkilöstön työhyvinvoinnin ammattilainen. Omistaja-asiakkaita meillä on lähes 1,6
-                miljoonaa.</duet-paragraph
-              >
-            </duet-choice>
-        </duet-fieldset>
-      `, axeRunOptions);
-        expect(result).not.toBeNull();
-        expect(formatViolations(result.violations)).toEqual([]);
-    });
-    it("should render an accessible component with info", async () => {
-        const result = await testWithAxe(`
-      <duet-choice-group value="one" label="Valitse lemmikki" direction="vertical" name="group">
-        <duet-choice type="radio" label="Kissa" icon="category-pet-cat" value="one" expand>
-          <div slot="info">
-            LähiTapiola-ryhmä on keskinäiseen yhtiömuotoon perustuva, asiakkaidensa omistama yhtiöryhmä, joka palvelee monia
-            eri asiakasryhmiä. <duet-link url="https://www.lahitapiola.fi/henkilo">LähiTapiolan tuotteet</duet-link> ja
-            palvelut kattavat vahinko-, henki- ja eläkevakuuttamisen sekä sijoittamisen ja säästämisen palvelut. Olemme myös
-            yritysten riskienhallinnan ja henkilöstön työhyvinvoinnin ammattilainen. Omistaja-asiakkaita meillä on lähes 1,6
-            miljoonaa.
-          </div>
-        </duet-choice>
-      </duet-choice-group>
-      `, axeRunOptions);
-        expect(result).not.toBeNull();
-        expect(formatViolations(result.violations)).toEqual([]);
-    });
-    it("should render an accessible component with an additional content", async () => {
-        const result = await testWithAxe(`
-        <duet-choice-group value="one" label="Valitse vakuutus" direction="vertical" name="group">
-          <duet-choice type="radio" label="Kotivakuutus" value="one" expand>
-            <div slot="additional">
-              <duet-paragraph size="small" margin="none">
-                Testaajankuja 1<br />
-                01740 Vantaa<br />
-                Vakuutusnumero 1111344221
-              </duet-paragraph>
-            </div>
-          </duet-choice>
-        </duet-choice-group>
-      `, axeRunOptions);
-        expect(result).not.toBeNull();
-        expect(formatViolations(result.violations)).toEqual([]);
-    });
-});

package/lib/collection/components/duet-choice/duet-choice.e2e.js

@@ -1,184 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { createPage } from "../../utils/test-utils";
-describe("duet-choice", () => {
-    function isElementVisible(page, selector) {
-        return page.$eval(selector, (element) => {
-            if (!element) {
-                return false;
-            }
-            return !!(element.offsetWidth || element.offsetHeight || element.getClientRects().length);
-        });
-    }
-    it("has the correct tabbing order", async () => {
-        const page = await createPage(`
-      <duet-choice theme="turva">
-          <duet-paragraph slot="info">some text <a href="http://www.google.com">google</a></duet-paragraph>
-      </duet-choice>
-      `);
-        expect(await isElementVisible(page, "duet-paragraph")).toBe(false);
-        await page.keyboard.press("Tab");
-        await page.keyboard.press("Tab");
-        await page.keyboard.press("Space");
-        await page.waitForChanges();
-        expect(await isElementVisible(page, "duet-paragraph")).toBe(true);
-        await page.keyboard.down("Shift");
-        await page.keyboard.press("Tab");
-        await page.keyboard.up("Shift");
-        await page.keyboard.press("Space");
-        await page.waitForChanges();
-        expect(await isElementVisible(page, "duet-paragraph")).toBe(false);
-    });
-    it("should render a choice button", async () => {
-        const page = await createPage(`<duet-choice></duet-choice>`);
-        const component = await page.find("duet-choice");
-        expect(component).not.toBeNull();
-        expect(component).toHaveClass("hydrated");
-    });
-    it("should provide a property that removes the margin of the component", async () => {
-        const page = await createPage(`<duet-choice margin="none"></duet-choice>`);
-        const element = await page.find(".duet-m-0");
-        expect(element).not.toBeNull();
-    });
-    it("should provide a property that removes the padding of the component", async () => {
-        const page = await createPage(`<duet-choice padding="none"></duet-choice>`);
-        const element = await page.find(".duet-p-0");
-        expect(element).not.toBeNull();
-    });
-    it("should provide a property that renders label", async () => {
-        const page = await createPage(`<duet-choice label="test"></duet-choice>`);
-        const element = await page.find("duet-choice label");
-        expect(element.innerText).toEqual("test");
-    });
-    it("should provide a property that switches the theme", async () => {
-        const page = await createPage(`<duet-choice theme="turva"><div slot="info">some text</div></duet-choice>`);
-        const element = await page.find("duet-choice");
-        expect(element).toHaveClass("duet-theme-turva");
-        const elementFlex = await page.find("duet-choice .duet-choice-card-flextainer");
-        expect(elementFlex).toHaveClass("duet-theme-turva");
-        const elementButton = await page.find("duet-choice button");
-        expect(elementButton).toHaveClass("duet-theme-turva");
-    });
-    it("should provide a property that makes the choice disabled", async () => {
-        const page = await createPage(`<duet-choice disabled></duet-choice>`);
-        const element = await page.find("duet-choice input");
-        expect(element.getAttribute("disabled")).not.toBeNull();
-    });
-    it("should provide a property that adds an ID for the choice", async () => {
-        const page = await createPage(`<duet-choice identifier="test"></duet-choice>`);
-        const element = await page.find("duet-choice input");
-        expect(element.getAttribute("id")).toEqual("test");
-    });
-    it("should provide a property that checks the choice", async () => {
-        const page = await createPage(`<duet-choice checked></duet-choice>`);
-        const element = (await page.find("duet-choice input"));
-        expect(element.checked).not.toBeNull();
-    });
-    it("should provide a property that adds value for the choice", async () => {
-        const page = await createPage(`<duet-choice value="test"></duet-choice>`);
-        const element = await page.find("duet-choice input");
-        expect(element.getAttribute("value")).not.toBeNull();
-    });
-    it("should provide a property that adds name for the choice", async () => {
-        const page = await createPage(`<duet-choice name="test"></duet-choice>`);
-        const element = await page.find("duet-choice input");
-        expect(element.getAttribute("name")).not.toBeNull();
-    });
-    it("should provide a property that changes the type of the choice", async () => {
-        const page = await createPage(`<duet-choice type="radio"></duet-choice>`);
-        const element = await page.find("duet-choice input[type=radio]");
-        expect(element).not.toBeNull();
-    });
-    it("should provide a property that makes the choice collapsible", async () => {
-        const page = await createPage(`<duet-choice collapsible></duet-choice>`);
-        const element = await page.find("duet-choice .duet-choice-card-collapsible");
-        expect(element).not.toBeNull();
-    });
-    it("should provide a property that makes the collapsible choice always open", async () => {
-        const page = await createPage(`<duet-choice collapsible collapsible-force-expanded>Content</duet-choice>`);
-        const elementHeight = await page.evaluate(() => {
-            const content = document.querySelector(".duet-choice-card-collapsible");
-            return content.getBoundingClientRect().height;
-        });
-        expect(elementHeight).toBeGreaterThan(0);
-    });
-    it.skip("should add expanded to label text, when checked and collapsible", async () => {
-        // changes in the a11y has invalidated this test - revisit later
-        const strLabel = "Kissa";
-        const page = await createPage(`<duet-choice label="${strLabel}" checked collapsible></duet-choice>`);
-        const choice = await page.find("duet-choice");
-        await page.waitForChanges();
-        expect(choice.textContent).toBe(`${strLabel}, Expanded`);
-    });
-    it.skip("should add collapsed to label text, when unchecked and collapsible", async () => {
-        // changes in the a11y has invalidated this test - revisit later
-        const strLabel = "Kissa";
-        const page = await createPage(`<duet-choice label="${strLabel}" collapsible></duet-choice>`);
-        const choice = await page.find("duet-choice");
-        await page.waitForChanges();
-        expect(choice.textContent).toBe(`${strLabel}, Collapsed`);
-    });
-    it("should shortcircuit describedBy behaviour when accessibleDescribedBy is empty string", async () => {
-        const strLabel = "Kissa";
-        const page = await createPage(`<duet-choice label="${strLabel}" collapsible accessible-described-by=" "></duet-choice>`);
-        const choice = await page.find("duet-choice");
-        const input = await choice.find("input");
-        await page.waitForChanges();
-        expect(input.getAttribute("aria-describedby")).toBe(" ");
-    });
-    it("should shortcircuit describedBy behaviour when accessibleDescribedBy is 'false' string", async () => {
-        const strLabel = "Kissa";
-        const page = await createPage(`<duet-choice label="${strLabel}" collapsible accessible-described-by="false"></duet-choice>`);
-        const choice = await page.find("duet-choice");
-        const input = await choice.find("input");
-        await page.waitForChanges();
-        expect(input.getAttribute("aria-describedby")).toBe("false");
-    });
-    it("should provide a property that expands the choice to fill 100% width", async () => {
-        const page = await createPage(`<duet-choice expand></duet-choice>`);
-        const element = await page.find("duet-choice");
-        expect(element).toHaveClass("duet-expand");
-    });
-    it("should provide a property that adds icon to label", async () => {
-        const page = await createPage(`<duet-choice icon="category-pet-cat"></duet-choice>`);
-        const element = await page.find("duet-choice .duet-choice-card-icon");
-        expect(element).not.toBeNull();
-    });
-    it("should provide a property that adds caption", async () => {
-        const page = await createPage(`<duet-choice caption="foo"></duet-choice>`);
-        const element = await page.find("duet-choice duet-caption");
-        expect(element).not.toBeNull();
-    });
-    it("should only raise an event on user interaction, not when changing checked property programmatically", async () => {
-        const page = await createPage(`<duet-choice caption="foo"></duet-choice>`);
-        const choice = await page.find("duet-choice");
-        const changeEventSpy = await choice.spyOnEvent("duetChange");
-        choice.setProperty("checked", true);
-        await page.waitForChanges();
-        expect(changeEventSpy).not.toHaveReceivedEvent();
-        await choice.click();
-        expect(changeEventSpy).toHaveReceivedEvent();
-    });
-    it("should raise an event on focus", async () => {
-        const page = await createPage(`<duet-choice caption="foo"></duet-choice>`);
-        const choice = await page.find("duet-choice");
-        const focusEventSpy = await choice.spyOnEvent("duetFocus");
-        await page.keyboard.press("Tab");
-        await page.waitForChanges();
-        expect(focusEventSpy).toHaveReceivedEvent();
-    });
-    it("should raise an event on blur", async () => {
-        const page = await createPage(`
-      <duet-choice caption="foo"></duet-choice>
-      <button>another focusable element</button>
-    `);
-        const choice = await page.find("duet-choice");
-        const blurEventSpy = await choice.spyOnEvent("duetFocus");
-        // focus then blur the checkbox
-        await page.keyboard.press("Tab");
-        await page.keyboard.press("Tab");
-        await page.waitForChanges();
-        expect(blurEventSpy).toHaveReceivedEvent();
-    });
-});

package/lib/collection/components/duet-choice-group/duet-choice-group.a11y.e2e.js

@@ -1,17 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { formatViolations, options as axeRunOptions, testWithAxe } from "../../utils/axe-core-utils";
-describe("[a11y] duet-choice-group", () => {
-    it("should render an accessible component", async () => {
-        const result = await testWithAxe(`
-        <duet-choice-group value="one" label="Vakuutus" direction="horizontal" name="group" responsive>
-          <duet-choice label="Eläinvakuutus" type="radio" value="one" expand></duet-choice>
-          <duet-choice label="Autovakuutus" type="radio" value="two" expand></duet-choice>
-          <duet-choice label="Kotivakuutus" type="radio" value="three" expand></duet-choice>
-        </duet-choice-group>
-      `, axeRunOptions);
-        expect(result).not.toBeNull();
-        expect(formatViolations(result.violations)).toEqual([]);
-    });
-});