@duetds/components 8.6.9 → 8.7.0

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

@@ -1,211 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { createPage } from "../../utils/test-utils";
-describe("duet-select", () => {
-    const setSelectItems = (el) => {
-        el.items = [
-            { label: "Helsinki", value: "1" },
-            { label: "Tampere", value: "2" },
-            { label: "Vantaa", value: "3" },
-            { label: "Espoo", value: "4" },
-        ];
-    };
-    it("should render a select", async () => {
-        const page = await createPage(`<duet-select></duet-select>`);
-        const component = await page.find("duet-select");
-        expect(component).not.toBeNull();
-        expect(component).toHaveClass("hydrated");
-    });
-    it("should provide a property that renders label", async () => {
-        const page = await createPage(`<duet-select label="test"></duet-select>`);
-        await page.$eval("duet-select", setSelectItems);
-        await page.waitForChanges();
-        const element = await page.find("duet-select duet-label label");
-        expect(element.innerText).toEqual("test");
-    });
-    it("should provide a property that removes the margin of the component", async () => {
-        const page = await createPage(`<duet-select margin="none"></duet-select>`);
-        await page.$eval("duet-select", setSelectItems);
-        await page.waitForChanges();
-        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-select accessible-controls="test"></duet-select>`);
-        await page.$eval("duet-select", setSelectItems);
-        await page.waitForChanges();
-        const element = await page.find("duet-select select");
-        expect(element).toEqualAttribute("aria-controls", "test");
-    });
-    it("should provide a property that renders aria-activedescendant", async () => {
-        const page = await createPage(`<duet-select accessible-active-descendant="test"></duet-select>`);
-        await page.$eval("duet-select", setSelectItems);
-        await page.waitForChanges();
-        const element = await page.find("duet-select select");
-        expect(element.getAttribute("aria-activedescendant")).not.toBeNull();
-    });
-    it("should provide a property that renders aria-owns", async () => {
-        const page = await createPage(`<duet-select accessible-owns="test"></duet-select>`);
-        await page.$eval("duet-select", setSelectItems);
-        await page.waitForChanges();
-        const element = await page.find("duet-select select");
-        expect(element.getAttribute("aria-owns")).not.toBeNull();
-    });
-    it("should provide a property that switches the theme", async () => {
-        const page = await createPage(`<duet-select theme="turva"></duet-select>`);
-        await page.$eval("duet-select", setSelectItems);
-        await page.waitForChanges();
-        const element = await page.find("duet-select .duet-select-container");
-        expect(element).toHaveClass("duet-theme-turva");
-    });
-    it("should provide a property that expands the select to fill 100% width", async () => {
-        const page = await createPage(`<duet-select expand></duet-select>`);
-        await page.$eval("duet-select", setSelectItems);
-        await page.waitForChanges();
-        const element = await page.find("duet-select");
-        expect(element).toHaveClass("duet-expand");
-    });
-    it("should provide a property that makes the select disabled", async () => {
-        const page = await createPage(`<duet-select disabled></duet-select>`);
-        await page.$eval("duet-select", setSelectItems);
-        await page.waitForChanges();
-        const element = await page.find("duet-select select");
-        expect(element.getAttribute("disabled")).not.toBeNull();
-    });
-    it("should provide a property that adds an ID for the select", async () => {
-        const page = await createPage(`<duet-select identifier="test"></duet-select>`);
-        await page.$eval("duet-select", setSelectItems);
-        await page.waitForChanges();
-        const element = await page.find("duet-select select");
-        expect(element).toEqualAttribute("id", "test");
-    });
-    it("should provide a property that makes the label hidden", async () => {
-        const page = await createPage(`<duet-select label-hidden></duet-select>`);
-        await page.$eval("duet-select", setSelectItems);
-        await page.waitForChanges();
-        const element = await page.find("duet-select .duet-select-container");
-        expect(element).toHaveClass("duet-label-hidden");
-    });
-    it("should provide a property that adds name for the select", async () => {
-        const page = await createPage(`<duet-select name="test"></duet-select>`);
-        await page.$eval("duet-select", setSelectItems);
-        await page.waitForChanges();
-        const element = await page.find("duet-select select");
-        expect(element.getAttribute("name")).not.toBeNull();
-    });
-    it("should provide a property that adds role for the select", async () => {
-        const page = await createPage(`<duet-select role="test"></duet-select>`);
-        await page.$eval("duet-select", setSelectItems);
-        await page.waitForChanges();
-        const element = await page.find("duet-select select");
-        expect(element.getAttribute("role")).not.toBeNull();
-    });
-    it("should provide a property that sets the select items", async () => {
-        const page = await createPage(`<duet-select></duet-select>`);
-        await page.$eval("duet-select", setSelectItems);
-        await page.waitForChanges();
-        const element = await page.find("duet-select select option:first-child");
-        expect(element).toEqualAttribute("value", "1");
-    });
-    it("should provide a property that sets tooltip", async () => {
-        const page = await createPage(`<duet-select tooltip="test"></duet-select>`);
-        await page.$eval("duet-select", setSelectItems);
-        await page.waitForChanges();
-        const element = await page.find("duet-select duet-tooltip");
-        expect(element).not.toBeNull();
-    });
-    it("should associate the tooltip with the label", async () => {
-        const page = await createPage(`<duet-select label="test label" tooltip="test"></duet-select>`);
-        const label = await page.find("label");
-        const tooltip = await page.find("duet-tooltip");
-        const tooltipInputLabel = await tooltip.getProperty("accessibleInputLabel");
-        expect(tooltipInputLabel).not.toBeNull();
-        expect(label.textContent).toBe(tooltipInputLabel);
-    });
-    it("should not render tooltip if the property isn’t used", async () => {
-        const page = await createPage(`<duet-select id="test"></duet-select>`);
-        await page.$eval("duet-select", setSelectItems);
-        await page.waitForChanges();
-        const element = await page.find("duet-select duet-tooltip");
-        expect(element).toBeNull();
-    });
-    it("should allow options to be grouped", async () => {
-        const page = await createPage(`<duet-select id="test"></duet-select>`);
-        await page.$eval("duet-select", (el) => {
-            el.items = [
-                { label: "Helsinki", value: "1" },
-                {
-                    label: "Grouped options",
-                    options: [
-                        { label: "Tampere", value: "2" },
-                        { label: "Vantaa", value: "3" },
-                    ],
-                },
-                { label: "Espoo", value: "4" },
-            ];
-        });
-        await page.waitForChanges();
-        const optgroup = await page.find("duet-select optgroup");
-        expect(optgroup).toEqualAttribute("label", "Grouped options");
-    });
-    it("should allow for options and optgroups to be disabled", async () => {
-        const page = await createPage(`<duet-select id="test"></duet-select>`);
-        await page.$eval("duet-select", (el) => {
-            el.items = [
-                { label: "Helsinki", value: "1", disabled: true },
-                {
-                    label: "Grouped options",
-                    disabled: true,
-                    options: [
-                        { label: "Tampere", value: "2" },
-                        { label: "Vantaa", value: "3" },
-                    ],
-                },
-                { label: "Espoo", value: "4" },
-            ];
-        });
-        await page.waitForChanges();
-        const optgroup = await page.find("duet-select optgroup");
-        const option = await page.find("duet-select option");
-        expect(option).toEqualAttribute("value", "1");
-        expect(option).toHaveAttribute("disabled");
-        expect(optgroup).toHaveAttribute("disabled");
-    });
-    it("supports passing items as a JSON string", async () => {
-        const items = [
-            { label: "Helsinki", value: "1" },
-            { label: "Tampere", value: "2" },
-            { label: "Vantaa", value: "3" },
-            { label: "Espoo", value: "4" },
-        ];
-        const page = await createPage(`<duet-select id="test" items='${JSON.stringify(items)}'></duet-select>`);
-        const options = await page.findAll("duet-select option");
-        expect(options.length).toBe(items.length);
-        options.forEach((option, i) => {
-            expect(option).toEqualAttribute("value", items[i].value);
-            expect(option).toEqualText(items[i].label);
-        });
-    });
-    it("should automatically refresh itself when content changes", async () => {
-        const page = await createPage(`<duet-select></duet-select>`);
-        await page.$eval("duet-select", (el) => {
-            el.items = [
-                { label: "Helsinki", value: "1" },
-                { label: "Tampere", value: "2" },
-                { label: "Vantaa", value: "3" },
-                { label: "Espoo", value: "4" },
-            ];
-        });
-        const element = await page.find("duet-select");
-        // should be updated when setting the *attribute*
-        element.setAttribute("items", '[{ "label": "test", "value": "#" }]');
-        await page.waitForChanges();
-        const test = await page.find("duet-select option");
-        expect(test).toEqualText("test");
-        // should also be updated when setting the label *property*
-        element.setProperty("items", [{ label: "test 2", value: "#" }]);
-        await page.waitForChanges();
-        expect(test).toEqualText("test 2");
-    });
-});

package/lib/collection/components/duet-shaped-image/duet-shaped-image.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-shaped-image", () => {
-    it("should render an accessible component", async () => {
-        const result = await testWithAxe(`
-        <div style="height: 400px;">
-          <duet-shaped-image
-            src="https://www.duetds.com/assets/img/example-brand1.png"
-            rotation="7"
-            style="width: 400px;"
-            accessible-label="Illustration"
-          ></duet-shaped-image>
-        </div>
-      `, axeRunOptions);
-        expect(result).not.toBeNull();
-        expect(formatViolations(result.violations)).toEqual([]);
-    });
-});

package/lib/collection/components/duet-show-more/duet-show-more.a11y.e2e.js

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

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

@@ -1,47 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { formatViolations, options as axeRunOptions, testWithAxe } from "../../utils/axe-core-utils";
-describe("[a11y] duet-slideout", () => {
-    it("should render an accessible component", async () => {
-        const result = await testWithAxe(`
-        <duet-slideout opener="main-navigation-opener">
-          <duet-slideout-panel active label-size="large">
-            <span slot="label">Vakuutukset</span>
-            <duet-slideout-panel-dropdown icon="category-car">
-              <span slot="label">Ajoneuvot</span>
-              <duet-slideout-link>Auto</duet-slideout-link>
-              <duet-slideout-link>Pakettiauto</duet-slideout-link>
-            </duet-slideout-panel-dropdown>
-            <duet-slideout-panel-dropdown icon="category-personal">
-              <span slot="label">Koti</span>
-              <duet-slideout-link>Kotivakuutus</duet-slideout-link>
-              <duet-slideout-link>Mökkivakuutus</duet-slideout-link>
-            </duet-slideout-panel-dropdown>
-            <duet-slideout-panel-dropdown icon="category-personal">
-              <span slot="label">Terveys</span>
-              <duet-slideout-link active>Tapaturmavakuutus</duet-slideout-link>
-              <duet-slideout-link>Sairaskuluvakuutus</duet-slideout-link>
-            </duet-slideout-panel-dropdown>
-            <duet-slideout-link active icon="category-travel">Matka</duet-slideout-link>
-            <duet-slideout-link icon="category-life-insurance">Henki</duet-slideout-link>
-            <duet-slideout-panel-dropdown icon="category-pet">
-              <span slot="label">Eläin</span>
-              <duet-slideout-link>Koiravakuutus</duet-slideout-link>
-              <duet-slideout-link>Kissavakuutus</duet-slideout-link>
-            </duet-slideout-panel-dropdown>
-            <duet-slideout-link icon="category-forest">Metsä</duet-slideout-link>
-          </duet-slideout-panel>
-          <duet-spacer size="large"></duet-spacer>
-          <duet-spacer size="medium"></duet-spacer>
-          <duet-slideout-lang>
-            <duet-slideout-link size="small" active>Suomi</duet-slideout-link>
-            <duet-slideout-link size="small">Svenska</duet-slideout-link>
-            <duet-slideout-link size="small">English</duet-slideout-link>
-          </duet-slideout-lang>
-        </duet-slideout>
-      `, axeRunOptions);
-        expect(result).not.toBeNull();
-        expect(formatViolations(result.violations)).toEqual([]);
-    });
-});

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

@@ -1,13 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { formatViolations, options as axeRunOptions, testWithAxe } from "../../utils/axe-core-utils";
-describe("[a11y] duet-spacer", () => {
-    it("should render an accessible component", async () => {
-        const result = await testWithAxe(`
-       <duet-spacer size="xx-large"></duet-spacer>
-      `, axeRunOptions);
-        expect(result).not.toBeNull();
-        expect(formatViolations(result.violations)).toEqual([]);
-    });
-});

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

@@ -1,27 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { createPage } from "../../utils/test-utils";
-describe("duet-spacer", () => {
-    it("should render a spacer", async () => {
-        const page = await createPage("<duet-spacer></duet-spacer>");
-        const component = await page.find("duet-spacer");
-        expect(component).not.toBeNull();
-        expect(component).toHaveClass("hydrated");
-    });
-    it("should provide a property that changes spacing", async () => {
-        const page = await createPage(`<duet-spacer size="large"></duet-spacer>`);
-        const element = await page.find("duet-spacer");
-        expect(element).toHaveClass("large");
-    });
-    it("should provide a property that changes direction", async () => {
-        const page = await createPage(`<duet-spacer direction="horizontal"></duet-spacer>`);
-        const element = await page.find("duet-spacer");
-        expect(element).toHaveClass("duet-spacer-horizontal");
-    });
-    it("should provide a property that changes responsive breakpoint", async () => {
-        const page = await createPage(`<duet-spacer breakpoint="x-small"></duet-spacer>`);
-        const element = await page.find("duet-spacer");
-        expect(element).toHaveClass("duet-spacer-x-small");
-    });
-});

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

@@ -1,13 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { formatViolations, options as axeRunOptions, testWithAxe } from "../../utils/axe-core-utils";
-describe("[a11y] duet-spinner", () => {
-    it("should render an accessible component", async () => {
-        const result = await testWithAxe(`
-       <duet-spinner size="small" theme="default"></duet-spinner>
-      `, axeRunOptions);
-        expect(result).not.toBeNull();
-        expect(formatViolations(result.violations)).toEqual([]);
-    });
-});

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

@@ -1,30 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { createPage } from "../../utils/test-utils";
-describe("duet-spinner", () => {
-    it("should render a spinner", async () => {
-        const page = await createPage(`<duet-spinner></duet-spinner>`);
-        const component = await page.find("duet-spinner");
-        expect(component).not.toBeNull();
-        expect(component).toHaveClass("hydrated");
-    });
-    it("should provide a property that renders aria-label", async () => {
-        const page = await createPage(`<duet-spinner accessible-label="test"></duet-spinner>`);
-        const element = await page.find("duet-spinner >>> .duet-spinner");
-        expect(element.getAttribute("aria-label")).toEqual("test");
-    });
-    it("should provide a property that renders spinner in different sizes", async () => {
-        const page = await createPage(`<duet-spinner size="large"></duet-spinner>`);
-        const element = await page.find("duet-spinner >>> .duet-spinner");
-        expect(element).toHaveClass("large");
-    });
-    it("should provide a property that renders spinner in different colors", async () => {
-        const page = await createPage(`<duet-spinner color="color-primary"></duet-spinner>`);
-        const color = await page.evaluate(() => {
-            const spinner = document.querySelector("duet-spinner").shadowRoot.querySelector(".duet-spinner");
-            return window.getComputedStyle(spinner).color;
-        });
-        expect(color).toEqual("rgb(0, 119, 179)");
-    });
-});

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

@@ -1,94 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { createPage } from "../../utils/test-utils";
-describe("duet-step", () => {
-    let page;
-    let step;
-    let button;
-    let region;
-    beforeEach(async () => {
-        page = await createPage(`<duet-step step-index="0" state="complete"><h1>hello world</h1></duet-step>`);
-        step = await page.find("duet-step");
-        button = await page.find("duet-step [role=button]");
-        region = await page.find("duet-step [role=region]");
-    });
-    it("renders", async () => {
-        expect(step).toHaveClass("hydrated");
-    });
-    describe("props", () => {
-        it("allows a heading to be set", async () => {
-            await page.$eval("duet-step", (el) => {
-                el.heading = "Test heading";
-            });
-            await page.waitForChanges();
-            expect(button).toEqualText("Test heading");
-        });
-    });
-    // see: https://www.w3.org/TR/wai-aria-practices-1.1/examples/accordion/accordion.html#rps_label
-    //this now superceeds the previous example: https://www.w3.org/TR/wai-aria-practices-1.2/examples/accordion/accordion.html#rps_label
-    describe("a11y requirements", () => {
-        it("should have a button and a region", async () => {
-            expect(button).not.toBeNull();
-            expect(region).not.toBeNull();
-        });
-        it("should have aria-expanded and aria-disabled attributes on button", async () => {
-            expect(button).toHaveAttribute("aria-expanded");
-            expect(button).toHaveAttribute("aria-disabled");
-        });
-        it("should have ids on button and region", async () => {
-            expect(button.id).toBeDefined();
-            expect(region.id).toBeDefined();
-        });
-        it("region and button should be associated with one another", async () => {
-            expect(button.getAttribute("aria-controls")).toEqual(region.id);
-            expect(region.getAttribute("aria-labelledby")).toEqual(button.id);
-        });
-        it("should be collapsed and button enabled when step is complete", async () => {
-            step.setProperty("state", "complete");
-            await page.waitForChanges();
-            expect(button.getAttribute("aria-expanded")).toEqual("false");
-            expect(button.getAttribute("aria-disabled")).toEqual("false");
-        });
-        it("should should be expanded and button disabled when step is active", async () => {
-            step.setProperty("state", "current");
-            await page.waitForChanges();
-            expect(button.getAttribute("aria-expanded")).toEqual("true");
-            expect(button.getAttribute("aria-disabled")).toEqual("true");
-        });
-        it("should be collapsed and button disabled when step is incomplete", async () => {
-            step.setProperty("state", "incomplete");
-            await page.waitForChanges();
-            expect(button.getAttribute("aria-expanded")).toEqual("false");
-            expect(button.getAttribute("aria-disabled")).toEqual("true");
-        });
-    });
-    describe("events", () => {
-        it("raises an event when the button of complete step is clicked", async () => {
-            await page.$eval("duet-step", (elm) => {
-                elm.stepIndex = 0;
-                elm.state = "complete";
-            });
-            const duetStepClick = await step.spyOnEvent("duetStepClick");
-            button.click();
-            await page.waitForEvent("duetStepClick");
-            await page.waitForChanges();
-            expect(duetStepClick).toHaveReceivedEventTimes(1);
-            expect(duetStepClick.lastEvent.detail).toEqual({
-                stepIndex: 0,
-                component: "duet-step",
-                originalEvent: expect.any(Object),
-            });
-        });
-        it("does not raise an event if button of non-complete step is clicked", async () => {
-            await page.$eval("duet-step", (elm) => {
-                elm.stepIndex = 0;
-                elm.state = "current";
-            });
-            const duetStepClick = await step.spyOnEvent("duetStepClick");
-            button.click();
-            await page.waitForChanges();
-            expect(duetStepClick).toHaveReceivedEventTimes(0);
-        });
-    });
-});

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

@@ -1,26 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { formatViolations, mergeRules, options as axeRunOptions, testWithAxe } from "../../utils/axe-core-utils";
-const disabledRules = {
-    // Axe complains about using aria-selected which is allowed only for certain roles.
-    // Deep refactor would be needed to fulfill this requirement
-    "aria-allowed-attr": { enabled: false },
-};
-describe("[a11y] duet-stepper", () => {
-    it("should render an accessible component", async () => {
-        const result = await testWithAxe(`
-        <duet-stepper>
-          <duet-step heading="Your name">
-              <duet-button margin="none" variation="primary" class="next">Next</duet-button>
-          </duet-step>
-
-          <duet-step heading="Final step">
-              <duet-button margin="none" variation="primary" class="next">Finish</duet-button>
-          </duet-step>
-        </duet-stepper>
-      `, mergeRules(axeRunOptions, disabledRules));
-        expect(result).not.toBeNull();
-        expect(formatViolations(result.violations)).toEqual([]);
-    });
-});

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

@@ -1,84 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { createPage } from "../../utils/test-utils";
-describe("duet-stepper", () => {
-    let page;
-    let stepper;
-    let steps;
-    beforeEach(async () => {
-        page = await createPage(`
-      <duet-stepper>
-        <duet-step heading="First step">
-          <duet-input label="First input" expand></duet-input>
-          <duet-button variation="primary">Next</duet-button>
-        </duet-step>
-
-        <duet-step heading="Second step">
-          <duet-input label="Second input" expand></duet-input>
-          <duet-button variation="primary">Next</duet-button>
-        </duet-step>
-
-        <duet-step heading="Third step">
-          <duet-input label="Third input" expand></duet-input>
-        </duet-step>
-      </duet-stepper>
-
-      <script>
-        const stepper = document.querySelector("duet-stepper")
-        const nextButtons = document.querySelectorAll("duet-button")
-
-        nextButtons.forEach(button => button.addEventListener("click", () => {
-          stepper.selected++
-        }))
-        stepper.addEventListener("duetStepChange", e => {
-          stepper.selected = e.detail.toStep
-        })
-      </script>
-    `);
-        stepper = await page.find("duet-stepper");
-        steps = await page.findAll("duet-step");
-    });
-    it("renders", async () => {
-        expect(stepper).toHaveClass("hydrated");
-    });
-    describe("props", () => {
-        it("allows you to set an accessible aria-live label", async () => {
-            await page.$eval("duet-stepper", (el) => {
-                el.accessibleLive = "Step {current} of {total}";
-            });
-            await page.waitForChanges();
-            const element = await page.find("duet-stepper >>> [aria-live]");
-            expect(element).toEqualText("Step 1 of 3");
-        });
-    });
-    it("correctly numbers the steps", async () => {
-        const stepIndexes = await Promise.all(steps.map(step => step.getProperty("stepIndex")));
-        expect(stepIndexes).toEqual([0, 1, 2]);
-    });
-    it("allows you to progress through steps", async () => {
-        const nextButtons = await page.findAll("duet-button");
-        let stepStates = await Promise.all(steps.map(step => step.getProperty("state")));
-        expect(stepStates).toEqual(["current", "incomplete", "incomplete"]);
-        // go to second step
-        await nextButtons[0].click();
-        stepStates = await Promise.all(steps.map(step => step.getProperty("state")));
-        expect(stepStates).toEqual(["complete", "current", "incomplete"]);
-        // go to third step
-        await nextButtons[1].click();
-        stepStates = await Promise.all(steps.map(step => step.getProperty("state")));
-        expect(stepStates).toEqual(["complete", "complete", "current"]);
-    });
-    it("allows you to return to a previous step by clicking on the step heading", async () => {
-        // go to second step
-        const nextButton = await page.find("duet-button");
-        await nextButton.click();
-        let stepStates = await Promise.all(steps.map(step => step.getProperty("state")));
-        expect(stepStates).toEqual(["complete", "current", "incomplete"]);
-        // go back to first step
-        const heading = await page.find("duet-step [role=button]");
-        await heading.click();
-        stepStates = await Promise.all(steps.map(step => step.getProperty("state")));
-        expect(stepStates).toEqual(["current", "incomplete", "incomplete"]);
-    });
-});

package/lib/collection/components/duet-submenu-bar/duet-submenu-bar.a11y.e2e.js

@@ -1,21 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { formatViolations, options as axeRunOptions, testWithAxe } from "../../utils/axe-core-utils";
-describe("[a11y] duet-submenu-bar", () => {
-    it("should render an accessible component", async () => {
-        const result = await testWithAxe(`
-         <duet-submenu-bar>
-         <span slot="label">Näytä vaihtoehdot</span>
-          <duet-submenu-bar-dropdown icon="category-car">
-            <span slot="label">Ajoneuvot</span>
-            <duet-submenu-bar-dropdown-link>Autovakuutus</duet-submenu-bar-dropdown-link>
-            <duet-divider margin="none"></duet-divider>
-            <duet-submenu-bar-dropdown-link caret highlight>Kaikki ajoneuvovakuutukset</duet-submenu-bar-dropdown-link>
-          </duet-submenu-bar-dropdown>
-        </duet-submenu-bar>
-      `, axeRunOptions);
-        expect(result).not.toBeNull();
-        expect(formatViolations(result.violations)).toEqual([]);
-    });
-});

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

@@ -1,16 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { createPage } from "../../utils/test-utils";
-describe("duet-tab", () => {
-    it("should render a tab", async () => {
-        const page = await createPage("<duet-tab></duet-tab>");
-        const component = await page.find("duet-tab");
-        expect(component).not.toBeNull();
-    });
-    it("should provide a property that makes the tab selected", async () => {
-        const page = await createPage(`<duet-tab selected></duet-tab>`);
-        const element = await page.find("duet-tab .duet-tab");
-        expect(element).toHaveClass("selected");
-    });
-});

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

@@ -1,16 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { formatViolations, options as axeRunOptions, testWithAxe } from "../../utils/axe-core-utils";
-describe("[a11y] duet-tab-group", () => {
-    it("should render an accessible component", async () => {
-        const result = await testWithAxe(`
-        <duet-tab-group>
-          <duet-tab label="Yhteenveto">Tab 1 content</duet-tab>
-          <duet-tab label="Säästösuunnitelma" selected>Tab 2 content</duet-tab>
-        </duet-tab-group>
-      `, axeRunOptions);
-        expect(result).not.toBeNull();
-        expect(formatViolations(result.violations)).toEqual([]);
-    });
-});