@duetds/components 8.6.9 → 8.7.0

package/lib/collection/components/duet-number-input/duet-number-input.e2e.js

@@ -1,242 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { createPage } from "../../utils/test-utils";
-export function createComponent(props = {}) {
-    function camelToKebab(str) {
-        return str.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase();
-    }
-    const attrs = Object.entries(props)
-        .map(([attr, value]) => `${camelToKebab(attr)}="${value}"`)
-        .join(" ");
-    return createPage(`<duet-number-input ${attrs}></duet-number-input>`);
-}
-describe("duet-number-input", () => {
-    it("should render a number-input", async () => {
-        const page = await createComponent();
-        const component = await page.find("duet-number-input");
-        expect(component).not.toBeNull();
-        expect(component).toHaveClass("hydrated");
-    });
-    it("should provide a property that switches the theme", async () => {
-        const page = await createComponent({ theme: "turva" });
-        const element = await page.find("duet-number-input");
-        expect(element).toHaveClass("duet-theme-turva");
-    });
-    it("should provide a property that expands the input to fill 100% width", async () => {
-        const page = await createComponent({ expand: true });
-        const element = await page.find("duet-number-input");
-        expect(element).toHaveClass("duet-expand");
-    });
-    it("should provide a property that sets the max amount", async () => {
-        const page = await createComponent({ max: 10 });
-        const element = await page.find("duet-number-input duet-input");
-        expect(element.getAttribute("aria-valuemax")).toEqual("10");
-    });
-    it("should provide a property that sets the min amount", async () => {
-        const page = await createComponent({ min: 1 });
-        const element = await page.find("duet-number-input duet-input");
-        expect(element.getAttribute("aria-valuemin")).toEqual("1");
-    });
-    it("supports not setting an initial value", async () => {
-        const MIN_VALUE = 100;
-        const page = await createComponent({ min: MIN_VALUE, step: 50 });
-        const numberInput = await page.find("duet-number-input");
-        const spy = await numberInput.spyOnEvent("duetChange");
-        // input should initially be empty
-        const input = await numberInput.find("duet-input");
-        expect(await input.getProperty("value")).toBe("");
-        // subtract button should be disabled
-        const subtractButton = await numberInput.find(".duet-number-button-subtract");
-        expect(subtractButton.getAttribute("aria-disabled")).toBe("true");
-        // add button should be enabled
-        const addButton = await numberInput.find(".duet-number-button-add");
-        expect(addButton.getAttribute("aria-disabled")).toBe("false");
-        await addButton.click();
-        await page.waitForChanges();
-        // input value should now be set to min + unit
-        expect(await input.getProperty("value")).toBe(`${MIN_VALUE} €`);
-        // and should have received a single input event
-        expect(spy).toHaveReceivedEventTimes(1);
-        expect(spy.lastEvent.detail).toEqual(expect.objectContaining({
-            value: MIN_VALUE.toString(),
-            valueAsNumber: MIN_VALUE,
-            component: "duet-number-input",
-        }));
-    });
-    it("support clearing the input with backspace key", async () => {
-        const page = await createComponent({ value: "50", step: 50 });
-        const numberInput = await page.find("duet-number-input");
-        const input = await numberInput.find("duet-input");
-        const spyInput = await numberInput.spyOnEvent("duetInput");
-        const spyChange = await numberInput.spyOnEvent("duetChange");
-        // focus and clear input
-        await page.$eval("duet-number-input", (el) => el.setFocus());
-        await page.keyboard.press("Backspace");
-        await page.waitForChanges();
-        // input's value should be empty
-        // and should have received a single input event
-        expect(await input.getProperty("value")).toBe("");
-        expect(spyInput).toHaveReceivedEventTimes(1);
-        expect(spyInput.lastEvent.detail).toEqual(expect.objectContaining({
-            value: null,
-            valueAsNumber: null,
-            component: "duet-number-input",
-        }));
-        // when blurring input, we should get a single change event
-        await page.keyboard.press("Tab");
-        expect(spyChange).toHaveReceivedEventTimes(1);
-        expect(spyChange.lastEvent.detail).toEqual(expect.objectContaining({
-            value: null,
-            valueAsNumber: null,
-            component: "duet-number-input",
-        }));
-    });
-    it("supports stepping of the value", async () => {
-        const page = await createComponent({ value: "50", step: 50 });
-        const numberInput = await page.find("duet-number-input");
-        const input = await numberInput.find("duet-input");
-        const subtract = await numberInput.find(".duet-number-button-subtract");
-        const add = await numberInput.find(".duet-number-button-add");
-        await page.$eval("duet-number-input", (el) => el.setFocus());
-        // increment via up arrow
-        await page.keyboard.press("ArrowUp");
-        await page.waitForChanges();
-        expect(await input.getProperty("value")).toEqualText("100 €");
-        // increment via right arrow
-        await page.keyboard.press("ArrowRight");
-        await page.waitForChanges();
-        expect(await input.getProperty("value")).toEqualText("150 €");
-        // increment via + button
-        await add.click();
-        await page.waitForChanges();
-        expect(await input.getProperty("value")).toEqualText("200 €");
-        await page.$eval("duet-number-input", (el) => el.setFocus());
-        // decrement via down arrow
-        await page.keyboard.press("ArrowDown");
-        await page.waitForChanges();
-        expect(await input.getProperty("value")).toEqualText("150 €");
-        // decrement via left arrow
-        await page.keyboard.press("ArrowLeft");
-        await page.waitForChanges();
-        expect(await input.getProperty("value")).toEqualText("100 €");
-        // decrement via - button
-        await subtract.click();
-        await page.waitForChanges();
-        expect(await input.getProperty("value")).toEqualText("50 €");
-    });
-    it("supports min and max values", async () => {
-        const page = await createComponent({ value: "2", step: 1, min: 1, max: 3 });
-        const numberInput = await page.find("duet-number-input");
-        const input = await numberInput.find("duet-input");
-        const subtract = await numberInput.find(".duet-number-button-subtract");
-        const add = await numberInput.find(".duet-number-button-add");
-        await page.$eval("duet-number-input", (el) => el.setFocus());
-        await add.click();
-        await page.waitForChanges();
-        expect(await input.getProperty("value")).toEqualText("3 €");
-        // we've hit the max, so should still be 3
-        await add.click();
-        await page.waitForChanges();
-        expect(await input.getProperty("value")).toEqualText("3 €");
-        await subtract.click();
-        await page.waitForChanges();
-        expect(await input.getProperty("value")).toEqualText("2 €");
-        await subtract.click();
-        await page.waitForChanges();
-        expect(await input.getProperty("value")).toEqualText("1 €");
-        // we've hit the min, so should be still be 1
-        await subtract.click();
-        await page.waitForChanges();
-        expect(await input.getProperty("value")).toEqualText("1 €");
-    });
-    it("rounds value to nearest step on blur in constrained mode", async () => {
-        const page = await createComponent({ value: "50", step: 50 });
-        const numberInput = await page.find("duet-number-input");
-        const input = await numberInput.find("duet-input");
-        // focus and clear input
-        await page.$eval("duet-number-input", (el) => el.setFocus());
-        await page.keyboard.press("Backspace");
-        await page.waitForChanges();
-        // enter value that is not a multiple of step
-        await page.keyboard.type("75", { delay: 100 });
-        await page.keyboard.press("Tab");
-        await page.waitForChanges();
-        expect(await input.getProperty("value")).toEqualText("100 €");
-    });
-    it("does not round values on blur when rounding disabled", async () => {
-        const page = await createComponent({ value: "50", step: 50, rounding: false });
-        const numberInput = await page.find("duet-number-input");
-        const input = await numberInput.find("duet-input");
-        // focus and clear input
-        await page.$eval("duet-number-input", (el) => el.setFocus());
-        await page.keyboard.press("Backspace");
-        await page.waitForChanges();
-        // enter value that is not a multiple of step
-        await page.keyboard.type("73", { delay: 100 });
-        await page.keyboard.press("Tab");
-        await page.waitForChanges();
-        expect(await input.getProperty("value")).toEqualText("73 €");
-    });
-    it("increments to nearest multiple of step when rounding disabled", async () => {
-        const page = await createComponent({ value: "100", step: 100, rounding: false });
-        const numberInput = await page.find("duet-number-input");
-        const input = await numberInput.find("duet-input");
-        // focus and clear input
-        await page.$eval("duet-number-input", (el) => el.setFocus());
-        await page.keyboard.press("Backspace");
-        await page.waitForChanges();
-        // enter value that is not a multiple of step
-        await page.keyboard.type("199", { delay: 100 });
-        await page.keyboard.press("ArrowUp");
-        await page.waitForChanges();
-        expect(await input.getProperty("value")).toEqualText("200 €");
-        // enter value that is not a multiple of step
-        await page.keyboard.press("Backspace");
-        await page.keyboard.type("101", { delay: 100 });
-        await page.keyboard.press("ArrowUp");
-        await page.waitForChanges();
-        expect(await input.getProperty("value")).toEqualText("200 €");
-    });
-    it("decrements to nearest multiple of step when rounding disabled", async () => {
-        const page = await createComponent({ value: "100", step: 100, rounding: false });
-        const numberInput = await page.find("duet-number-input");
-        const input = await numberInput.find("duet-input");
-        // focus and clear input
-        await page.$eval("duet-number-input", (el) => el.setFocus());
-        await page.keyboard.press("Backspace");
-        await page.waitForChanges();
-        // enter value that is not a multiple of step
-        await page.keyboard.type("101", { delay: 100 });
-        await page.keyboard.press("ArrowDown");
-        await page.waitForChanges();
-        expect(await input.getProperty("value")).toEqualText("100 €");
-        // enter value that is not a multiple of step
-        await page.keyboard.press("Backspace");
-        await page.keyboard.type("199", { delay: 100 });
-        await page.keyboard.press("ArrowDown");
-        await page.waitForChanges();
-        expect(await input.getProperty("value")).toEqualText("100 €");
-    });
-    it("should provide a method to get the initial numeric value of the input", async () => {
-        const page = await createComponent({ value: "50" });
-        const initialNumericValue = await page.evaluate(() => {
-            const element = document.querySelector("duet-number-input");
-            return element.getValueAsNumber();
-        });
-        expect(typeof initialNumericValue).toBe("number");
-        expect(initialNumericValue).toBe(50);
-    });
-    it("should provide a method to get the current numeric value of the input", async () => {
-        const page = await createComponent({ value: "50", step: 50 });
-        const add = await page.find(".duet-number-button-add");
-        await add.click();
-        await page.waitForChanges();
-        const currentNumericValue = await page.evaluate(() => {
-            const element = document.querySelector("duet-number-input");
-            return element.getValueAsNumber();
-        });
-        expect(typeof currentNumericValue).toBe("number");
-        expect(currentNumericValue).toBe(100);
-    });
-});

package/lib/collection/components/duet-page-heading/duet-page-heading.a11y.e2e.js

@@ -1,15 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { formatViolations, options as axeRunOptions, testWithAxe } from "../../utils/axe-core-utils";
-describe("[a11y] duet-page-heading", () => {
-    it("should render an accessible component", async () => {
-        const result = await testWithAxe(`
-      <duet-page-heading layout="narrow" icon="category-car">
-        <duet-heading slot="heading" level="h1" margin="none">Lorem ipsum dolor sit</duet-heading>
-      </duet-page-heading>
-      `, axeRunOptions);
-        expect(result).not.toBeNull();
-        expect(formatViolations(result.violations)).toEqual([]);
-    });
-});

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

@@ -1,36 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { formatViolations, options as axeRunOptions, testWithAxe } from "../../utils/axe-core-utils";
-describe("[a11y] duet-pagination", () => {
-    it("should render an accessible component", async () => {
-        const result = await testWithAxe(`
-       <duet-pagination></duet-pagination>
-      `, axeRunOptions);
-        expect(result).not.toBeNull();
-        expect(formatViolations(result.violations)).toEqual([]);
-    });
-    it("should render an accessible component with links", async () => {
-        const result = await testWithAxe(`
-        <duet-pagination
-          total="10"
-          take="1"
-          current="1"
-          page-links='[
-            "/test-1",
-            "/test-2",
-            "/test-3",
-            "/test-4",
-            "/test-5",
-            "/test-6",
-            "/test-7",
-            "/test-8",
-            "/test-9",
-            "/test-10"
-          ]'
-        ></duet-pagination>
-      `, axeRunOptions);
-        expect(result).not.toBeNull();
-        expect(formatViolations(result.violations)).toEqual([]);
-    });
-});

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

@@ -1,101 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { createPage } from "../../utils/test-utils";
-import { shouldDisplayNavigation } from "./duet-pagination-utils";
-describe("duet-pagination", () => {
-    describe("shouldDisplayNavigation", () => {
-        it("return false when visibleItems are low compared to totalItems", async () => {
-            const shouldDisplayNavigationResult = shouldDisplayNavigation(10, 100, 10);
-            expect(shouldDisplayNavigationResult).toBe(false);
-        });
-        it("return true when visibleItems are high compared to totalItems", async () => {
-            const shouldDisplayNavigationResult = shouldDisplayNavigation(10, 1000, 10);
-            expect(shouldDisplayNavigationResult).toBe(true);
-        });
-    });
-    describe("Edge conditions should appear correctly", () => {
-        /**
-         * The component should handle situation where take / totals is not an equal number
-         * eg 1000 / 30 = 33,3333333
-         * and should display 34 page with a fraction of the visible-items viewable
-         */
-        it("The characters should look correctly when setting un-divisible fractions", async () => {
-            const page = await createPage(`
-        <div>
-          <duet-pagination take="30" visible-items="5" total="1000"></duet-pagination>
-        </div>`);
-            const pager = await page.find("duet-pagination");
-            const paginationLinks = await page.findAll("duet-pagination >>> li.duet-pagination-item duet-button");
-            expect(paginationLinks.length).toBe(7); // ( 1 2 3 4 5 … 34 )
-            const fwdButton = await page.find("duet-pagination >>> .duet-pagination-link-dots-forward");
-            expect(pager).not.toBeNull();
-            expect(pager).toHaveClass("hydrated");
-            expect(fwdButton.textContent).toBe("…");
-            expect(paginationLinks[6].textContent).toBe("34");
-            await fwdButton.click();
-            const paginationLinksPost = await page.findAll("duet-pagination >>> li.duet-pagination-item duet-button");
-            expect(paginationLinksPost.length).toBe(9); // ( 1 … 6 7 8 9 10 … 34 )
-            expect(paginationLinksPost[6].textContent).toBe("10");
-            expect(paginationLinksPost[7].textContent).toBe("…");
-            expect(paginationLinksPost[8].textContent).toBe("34");
-            // now that the pager is on second "page" it will have changed the dom elements and re-rendered, we need tog et the bn again
-            const newFwdButton = await page.find("duet-pagination >>> .duet-pagination-link-dots-forward");
-            await newFwdButton.click();
-            const paginationLinksPost2ndClick = await page.findAll("duet-pagination >>> li.duet-pagination-item duet-button");
-            expect(paginationLinksPost2ndClick.length).toBe(9); // ( 1 … 11 12 13 14 15 … 34 )
-            expect(paginationLinksPost[6].textContent).not.toBe("5.666666666666666");
-            expect(paginationLinksPost[6].textContent).toBe("15");
-            expect(paginationLinksPost[7].textContent).toBe("…");
-            expect(paginationLinksPost[8].textContent).toBe("34");
-        });
-    });
-    describe("fixes", () => {
-        it("DUET-765: should not display upper ellipsis in the last take", async () => {
-            const page = await createPage(`
-        <div>
-          <duet-pagination take="5" visible-items="5" total="1000"></duet-pagination>
-        </div>`);
-            const lastPageButton = await page.find("duet-pagination >>> .duet-pagination-link-jump-forward");
-            await lastPageButton.click();
-            const paginationLinksPost = await page.findAll("duet-pagination >>> li.duet-pagination-item duet-button");
-            expect(paginationLinksPost.map(item => item.textContent)).toEqual(["1", "…", "196", "197", "198", "199", "200"]);
-        });
-        it("DUET-765: should display upper ellipsis and total buttons except the last take", async () => {
-            const page = await createPage(`
-        <div>
-          <duet-pagination take="5" visible-items="5" total="1000"></duet-pagination>
-        </div>`);
-            const lastPageButton = await page.find("duet-pagination >>> .duet-pagination-link-jump-forward");
-            await lastPageButton.click();
-            const jumpBackButton = await page.find("duet-pagination >>> .duet-pagination-link-dots-back");
-            await jumpBackButton.click();
-            const paginationLinksPost = await page.findAll("duet-pagination >>> li.duet-pagination-item duet-button");
-            expect(paginationLinksPost.map(item => item.textContent)).toEqual([
-                "1",
-                "…",
-                "191",
-                "192",
-                "193",
-                "194",
-                "195",
-                "…",
-                "200",
-            ]);
-        });
-        it("DUET-766: should not allow navigation beyond the last page", async () => {
-            const page = await createPage(`
-        <div>
-          <duet-pagination take="5" visible-items="5" total="1000"></duet-pagination>
-        </div>`);
-            const lastPageButton = await page.find("duet-pagination >>> .duet-pagination-link-jump-forward");
-            await lastPageButton.click();
-            const jumpBackButton = await page.find("duet-pagination >>> .duet-pagination-link-dots-back");
-            await jumpBackButton.click();
-            const fwdArrowButton = await page.find("duet-pagination >>> .duet-date-dialog-next");
-            await fwdArrowButton.click();
-            const paginationLinksPost = await page.findAll("duet-pagination >>> li.duet-pagination-item duet-button");
-            expect(paginationLinksPost.map(item => item.textContent)).toEqual(["1", "…", "196", "197", "198", "199", "200"]);
-        });
-    });
-});

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

@@ -1,18 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { formatViolations, options as axeRunOptions, testWithAxe } from "../../utils/axe-core-utils";
-describe("[a11y] duet-paragraph", () => {
-    it("should render an accessible component", async () => {
-        const result = await testWithAxe(`
-        <duet-paragraph>
-          Majasalmi muistaa tarkalleen, koska hän otti ensiaskeleensa kohti
-          taloudellista riippumattomuutta. Tämä tapahtui 31.3.1998, kun hän avasi asuntosäästötilin ja talletti sille tuhat
-          markkaa. Tänä päivänä Majasalmi nauttii vakaasta taloudellisesta tilanteesta ja jakaa valmentajana osaamistaan myös
-          muille.
-        </duet-paragraph>
-      `, axeRunOptions);
-        expect(result).not.toBeNull();
-        expect(formatViolations(result.violations)).toEqual([]);
-    });
-});

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

@@ -1,27 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { createPage } from "../../utils/test-utils";
-describe("duet-paragraph", () => {
-    it("should render a paragraph", async () => {
-        const page = await createPage(`<duet-paragraph></duet-paragraph>`);
-        const component = await page.find("duet-paragraph");
-        expect(component).not.toBeNull();
-        expect(component).toHaveClass("hydrated");
-    });
-    it("should provide a property that switches the theme", async () => {
-        const page = await createPage(`<duet-paragraph theme="turva"></duet-paragraph>`);
-        const element = await page.find("duet-paragraph >>> .duet-paragraph");
-        expect(element).toHaveClass("duet-theme-turva");
-    });
-    it("should provide a property that removes the margin of the component", async () => {
-        const page = await createPage(`<duet-paragraph margin="none"></duet-paragraph>`);
-        const element = await page.find("duet-paragraph >>> .duet-m-0");
-        expect(element).not.toBeNull();
-    });
-    it("should provide a property that switches the variant", async () => {
-        const page = await createPage(`<duet-paragraph variation="intro"></duet-paragraph>`);
-        const element = await page.find("duet-paragraph >>> .duet-paragraph");
-        expect(element).toHaveClass("intro");
-    });
-});

package/lib/collection/components/duet-popup-menu/duet-popup-menu.a11y.e2e.js

@@ -1,27 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { formatViolations, options as axeRunOptions, testWithAxe } from "../../utils/axe-core-utils";
-describe("[a11y] duet-popup-menu", () => {
-    it("should render an accessible component", async () => {
-        const result = await testWithAxe(`
-        <duet-button size="small" id="menu-toggle">toggle menu</duet-button>
-        <duet-popup-menu accessibleLabel="Sample action menu" id="sample-menu">
-          <duet-popup-menu-item leading-icon="category-pet">Some Action</duet-popup-menu-item>
-          <duet-popup-menu-item>Another Action With a Much Longer Label</duet-popup-menu-item>
-          <duet-popup-menu-item active trailing-icon="messaging-success">Active Action</duet-popup-menu-item>
-          <duet-popup-menu-item url="#" trailing-text="⌘ A">Actually a link</duet-popup-menu-item>
-        </duet-popup-menu>
-
-        <script>
-        document.getElementById('menu-toggle').addEventListener('click', function(evt) {
-          const menu = document.getElementById('sample-menu');
-          menu.controller = evt.target;
-          menu.toggle();
-        });
-        </script>
-      `, axeRunOptions);
-        expect(result).not.toBeNull();
-        expect(formatViolations(result.violations)).toEqual([]);
-    });
-});

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

@@ -1,17 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { formatViolations, mergeRules, options as axeRunOptions, testWithAxe } from "../../utils/axe-core-utils";
-const disabledRules = {
-    // Axe doesn't recognize the label element which provides a name for the component
-    "aria-progressbar-name": { enabled: false },
-};
-describe("[a11y] duet-progress", () => {
-    it("should render an accessible component", async () => {
-        const result = await testWithAxe(`
-        <duet-progress height="5px" progress="20" id="testprogress" accessible-label="someFile.png"></duet-progress>
-      `, mergeRules(axeRunOptions, disabledRules));
-        expect(result).not.toBeNull();
-        expect(formatViolations(result.violations)).toEqual([]);
-    });
-});

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

@@ -1,12 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { createPage } from "../../utils/test-utils";
-describe("duet-progress", () => {
-    it("should render an progressbar", async () => {
-        const page = await createPage(`<duet-progress progress="50"></duet-progress>`);
-        const component = await page.find("duet-progress");
-        expect(component).not.toBeNull();
-        expect(component).toHaveClass("hydrated");
-    });
-});

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

@@ -1,43 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { formatViolations, options as axeRunOptions, testWithAxe } from "../../utils/axe-core-utils";
-describe("[a11y] duet-promo-card", () => {
-    it("should render an accessible component", async () => {
-        const result = await testWithAxe(`
-        <duet-promo-card
-          size="auto"
-          image="https://www.duetds.com/assets/img/example-banner1.jpg"
-          icon="category-apartment"
-          margin="none"
-        >
-          <span slot="pre-heading" class="meta">
-            Etunimi Sukunimi
-            <span class="separator"></span>
-            Teema
-            <span class="separator"></span>
-            21.3.2023
-          </span>
-          <span slot="heading">
-            Card heading
-          </span>
-          <span slot="description">
-            Card content lorem ipsum dolor sit amet
-            consectetuer adipiscing elit no nummy laoreet lorem ipsum.
-          </span>
-          <duet-button
-            slot="action"
-            margin="none"
-            variation="primary"
-            size="small"
-            icon="navigation-arrow-right"
-            icon-right
-          >
-            Call to action
-          </duet-button>
-        </duet-promo-card>
-      `, axeRunOptions);
-        expect(result).not.toBeNull();
-        expect(formatViolations(result.violations)).toEqual([]);
-    });
-});

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

@@ -1,23 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { createPage } from "../../utils/test-utils";
-describe("promo-card", () => {
-    it("should render a promo-card", async () => {
-        const page = await createPage(`<duet-promo-card>Test</duet-promo-card>`);
-        const component = await page.find("duet-promo-card");
-        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-promo-card margin="none">
-    </duet-promo-card>`);
-        const element = await page.find("duet-promo-card");
-        expect(element).toHaveClass("duet-m-0");
-    });
-    it("should provide a property that switches the theme", async () => {
-        const page = await createPage(`<duet-promo-card theme="turva">Test</duet-promo-card>`);
-        const element = await page.find("duet-promo-card >>> .duet-promo-card");
-        expect(element).toHaveClass("duet-theme-turva");
-    });
-});

package/lib/collection/components/duet-radio/duet-radio.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-radio", () => {
-    it("should render an accessible component", async () => {
-        const result = await testWithAxe(`
-        <duet-radio checked label="Checked" value="test"></duet-radio>
-      `, axeRunOptions);
-        expect(result).not.toBeNull();
-        expect(formatViolations(result.violations)).toEqual([]);
-    });
-});