@duetds/components 8.6.8 → 8.7.0

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

package/lib/collection/components/duet-alert/duet-alert.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-alert", () => {
-    it("should render an accessible component", async () => {
-        const result = await testWithAxe(`
-        <duet-alert> A simple default alert — check it out! </duet-alert>
-      `, axeRunOptions);
-        expect(result).not.toBeNull();
-        expect(formatViolations(result.violations)).toEqual([]);
-    });
-    it("should render an accessible component in danger variation", async () => {
-        const result = await testWithAxe(`
-        <duet-alert variation="danger"> A simple danger alert — check it out! </duet-alert>
-      `, axeRunOptions);
-        expect(result).not.toBeNull();
-        expect(formatViolations(result.violations)).toEqual([]);
-    });
-});

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

@@ -1,53 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { createPage } from "../../utils/test-utils";
-describe("duet-alert", () => {
-    it("should render an alert", async () => {
-        const page = await createPage(`<duet-alert>Test</duet-alert>`);
-        const component = await page.find("duet-alert");
-        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-alert margin="none"></duet-alert>`);
-        const element = await page.find("duet-alert >>> .duet-alert");
-        expect(element).toHaveClass("duet-m-0");
-    });
-    it("should provide a property that removes the padding of the component", async () => {
-        const page = await createPage(`<duet-alert padding="none"></duet-alert>`);
-        const element = await page.find("duet-alert >>> .duet-alert");
-        expect(element).toHaveClass("duet-p-0");
-    });
-    it("should provide a property that renders alert in different style variations", async () => {
-        const page = await createPage(`<duet-alert variation="danger">Test</duet-alert>`);
-        const element = await page.find("duet-alert >>> .duet-alert");
-        expect(element).toHaveClass("danger");
-    });
-    it("should provide a property that switches the theme", async () => {
-        const page = await createPage(`<duet-alert theme="turva">Test</duet-alert>`);
-        const element = await page.find("duet-alert >>> .duet-alert");
-        expect(element).toHaveClass("duet-theme-turva");
-    });
-    it("should provide a property that adds an icon", async () => {
-        const page = await createPage(`<duet-alert icon="messaging-alert">Test</duet-alert>`);
-        const element = await page.find("duet-alert >>> .duet-alert-icon");
-        expect(element).not.toBeNull();
-    });
-    it("can be dismissed", async () => {
-        const page = await createPage(`<duet-alert dismissible>Test</duet-alert>`);
-        const alert = await page.find("duet-alert");
-        const duetDismiss = await alert.spyOnEvent("duetDismiss");
-        const button = await page.find("duet-alert >>> duet-button");
-        await button.click();
-        expect(duetDismiss).toHaveReceivedEventTimes(1);
-    });
-    it("can have announcements disabled", async () => {
-        const page = await createPage(`<duet-alert variation="danger">Test</duet-alert>`);
-        const alert = await page.find("duet-alert");
-        expect(alert).toEqualAttribute("role", "alert");
-        alert.setProperty("announcements", false);
-        await page.waitForChanges();
-        expect(alert).not.toHaveAttribute("role");
-    });
-});

package/lib/collection/components/duet-badge/duet-badge.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-badge", () => {
-    it("should render an accessible component", async () => {
-        const result = await testWithAxe(`
-        <duet-badge>Default badge</duet-badge>
-      `, axeRunOptions);
-        expect(result).not.toBeNull();
-        expect(formatViolations(result.violations)).toEqual([]);
-    });
-    it("should render an accessible component in danger variant", async () => {
-        const result = await testWithAxe(`
-        <duet-badge variation="danger">Danger badge</duet-badge>
-      `, axeRunOptions);
-        expect(result).not.toBeNull();
-        expect(formatViolations(result.violations)).toEqual([]);
-    });
-});

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

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

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

@@ -1,34 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { formatViolations, options as axeRunOptions, testWithAxe } from "../../utils/axe-core-utils";
-describe("[a11y] duet-banner", () => {
-    it("should render an accessible component", async () => {
-        const result = await testWithAxe(`
-        <duet-banner
-          size="auto"
-          image="https://www.duetds.com/assets/img/example-banner1.jpg"
-          icon="category-apartment"
-        >
-          <span slot="heading">
-            Kasko-vakuutus autosi turvaksi, lorem ipsum!
-          </span>
-          <span slot="description">
-            Optional paragraph. Kasko-vakuutus autosi turvaksi,
-            lorem ipsum dolor sit.
-          </span>
-          <duet-button
-            slot="action"
-            margin="none"
-            variation="primary"
-            icon="navigation-arrow-right"
-            icon-right
-          >
-            Call to action
-          </duet-button>
-        </duet-banner>
-      `, axeRunOptions);
-        expect(result).not.toBeNull();
-        expect(formatViolations(result.violations)).toEqual([]);
-    });
-});

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

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

package/lib/collection/components/duet-breadcrumbs/duet-breadcrumbs.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-breadcrumbs", () => {
-    it("should render an accessible component", async () => {
-        const result = await testWithAxe(`
-        <duet-breadcrumbs class="duet-example-without-padding">
-          <duet-breadcrumb href="/" icon="damage-home" accessible-label="Etusivu"></duet-breadcrumb>
-          <duet-breadcrumb href="/edut-ja-kampanjat">Edut ja kampanjat</duet-breadcrumb>
-          <duet-breadcrumb>LähiTapiola Pirkanmaa</duet-breadcrumb>
-        </duet-breadcrumbs>
-      `, axeRunOptions);
-        expect(result).not.toBeNull();
-        expect(formatViolations(result.violations)).toEqual([]);
-    });
-});

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

@@ -1,18 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { createPage } from "../../utils/test-utils";
-describe("duet-breadcrumbs", () => {
-    it("should render", async () => {
-        const page = await createPage(`
-    <duet-breadcrumbs>
-      <duet-breadcrumb href="/" icon="damage-home" accessible-label="Etusivu"></duet-breadcrumb>
-      <duet-breadcrumb href="/edut-ja-kampanjat">Edut ja kampanjat</duet-breadcrumb>
-      <duet-breadcrumb href="/edut-ja-kampanjat/pirkanmaa">LähiTapiola Pirkanmaa</duet-breadcrumb>
-    </duet-breadcrumbs>
-    `);
-        const component = await page.find("duet-breadcrumbs");
-        expect(component).not.toBeNull();
-        expect(component).toHaveClass("hydrated");
-    });
-});

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

@@ -1,48 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { formatViolations, options as axeRunOptions, testWithAxe } from "../../utils/axe-core-utils";
-describe("[a11y] duet-button", () => {
-    it("should render an accessible component", async () => {
-        const result = await testWithAxe(`
-        <duet-button variation="primary">Primary button</duet-button>
-      `, axeRunOptions);
-        expect(result).not.toBeNull();
-        expect(formatViolations(result.violations)).toEqual([]);
-    });
-    it("should render an accessible component with icon", async () => {
-        const result = await testWithAxe(`
-        <duet-button variation="primary" icon="navigation-arrow-left" fixed> With icon on left </duet-button>
-      `, axeRunOptions);
-        expect(result).not.toBeNull();
-        expect(formatViolations(result.violations)).toEqual([]);
-    });
-    it("should render an accessible component in loading state", async () => {
-        const result = await testWithAxe(`
-        <duet-button variation="primary" loading> Button in loading state </duet-button>
-      `, axeRunOptions);
-        expect(result).not.toBeNull();
-        expect(formatViolations(result.violations)).toEqual([]);
-    });
-    it("should render an accessible component in destructive variant", async () => {
-        const result = await testWithAxe(`
-        <duet-button variation="destructive-primary">Destructive primary button</duet-button>
-      `, axeRunOptions);
-        expect(result).not.toBeNull();
-        expect(formatViolations(result.violations)).toEqual([]);
-    });
-    it("should render an accessible component as a link", async () => {
-        const result = await testWithAxe(`
-          <duet-button variation="primary" url="https://www.duetds.com">Button as link</duet-button>
-      `, axeRunOptions);
-        expect(result).not.toBeNull();
-        expect(formatViolations(result.violations)).toEqual([]);
-    });
-    it("should render an accessible, icon-only component", async () => {
-        const result = await testWithAxe(`
-        <duet-button accessible-label="Search" fixed icon-only id="icon" icon="form-search"></duet-button>
-      `, axeRunOptions);
-        expect(result).not.toBeNull();
-        expect(formatViolations(result.violations)).toEqual([]);
-    });
-});

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

@@ -1,212 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { createPage } from "../../utils/test-utils";
-describe("duet-button", () => {
-    it("should render a button", async () => {
-        const page = await createPage(`<duet-button></duet-button>`);
-        const component = await page.find("duet-button");
-        expect(component).not.toBeNull();
-        expect(component).toHaveClass("hydrated");
-    });
-    it("should provide a property that renders aria-label", async () => {
-        const page = await createPage(`<duet-button accessible-label="test">Button</duet-button>`);
-        const element = await page.find("duet-button >>> .duet-button");
-        expect(element.getAttribute("aria-label")).toEqual("test");
-    });
-    it("should provide a property that renders aria-controls", async () => {
-        const page = await createPage(`<duet-button accessible-controls="test">Button</duet-button>`);
-        const element = await page.find("duet-button >>> .duet-button");
-        expect(element.getAttribute("aria-controls")).toEqual("test");
-    });
-    it("should provide a property that renders aria-expanded", async () => {
-        const page = await createPage(`<duet-button accessible-expanded="true">Button</duet-button>`);
-        const element = await page.find("duet-button >>> .duet-button");
-        expect(element.getAttribute("aria-expanded")).not.toBeNull();
-    });
-    it("should provide a property that renders aria-pressed", async () => {
-        const page = await createPage(`<duet-button accessible-pressed="true">Button</duet-button>`);
-        const element = await page.find("duet-button >>> .duet-button");
-        expect(element.getAttribute("aria-pressed")).not.toBeNull();
-    });
-    it("should provide a property that renders button in different style variations", async () => {
-        const page = await createPage(`<duet-button variation="secondary">Button</duet-button>`);
-        const element = await page.find("duet-button >>> .duet-button");
-        expect(element).toHaveClass("secondary");
-    });
-    it("should provide a property that switches the theme", async () => {
-        const page = await createPage(`<duet-button theme="turva">Button</duet-button>`);
-        const element = await page.find("duet-button >>> .duet-button-container");
-        expect(element).toHaveClass("duet-theme-turva");
-    });
-    it("should provide a property that expands the button to fill 100% width", async () => {
-        const page = await createPage(`<duet-button expand="true">Button</duet-button>`);
-        const element = await page.find("duet-button");
-        expect(element).toHaveClass("duet-expand");
-    });
-    it("should provide a property that makes the button fixed width even on mobile", async () => {
-        const page = await createPage(`<duet-button fixed>Button</duet-button>`);
-        const element = await page.find("duet-button");
-        expect(element).toHaveClass("duet-fixed");
-    });
-    it("should provide a property that makes the button disabled", async () => {
-        const page = await createPage(`<duet-button disabled>Button</duet-button>`);
-        const element = await page.find("duet-button >>> .duet-button");
-        expect(element.getAttribute("disabled")).not.toBeNull();
-    });
-    it("should provide a property that adds an ID for the button", async () => {
-        const page = await createPage(`<duet-button identifier="test">Button</duet-button>`);
-        const element = await page.find("duet-button >>> .duet-button");
-        expect(element.getAttribute("id")).toEqual("test");
-    });
-    it("should provide a property that converts the button to a submit", async () => {
-        const page = await createPage(`<duet-button submit>Button</duet-button>`);
-        const element = await page.find("duet-button >>> .duet-button");
-        expect(element.getAttribute("type")).toEqual("submit");
-    });
-    it("should provide a property that adds renders a target attribute", async () => {
-        const page = await createPage(`<duet-button url="#" external>Button</duet-button>`);
-        const element = await page.find("duet-button >>> .duet-button");
-        expect(element.getAttribute("target")).toEqual("_blank");
-        expect(element.getAttribute("rel")).toEqual("noopener");
-    });
-    it("should provide a property that adds renders anchor href", async () => {
-        const page = await createPage(`<duet-button url="#">Button</duet-button>`);
-        const element = await page.find("duet-button >>> .duet-button");
-        expect(element.getAttribute("href")).toEqual("#");
-    });
-    it("should provide a property that removes the margin of the component", async () => {
-        const page = await createPage(`<duet-button margin="none">Button</duet-button>`);
-        const element = await page.find("duet-button >>> .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-button padding="none"></duet-button>`);
-        const element = await page.find("duet-button >>> .duet-button");
-        expect(element).toHaveClass("duet-p-0");
-    });
-    it("should not add anchor-specific attributes to button", async () => {
-        const page = await createPage(`<duet-button>Button</duet-button>`);
-        const element = await page.find("duet-button >>> .duet-button");
-        expect(element).not.toHaveAttribute("target");
-        expect(element).not.toHaveAttribute("href");
-    });
-    it("should not add button-specific attributes to link", async () => {
-        const page = await createPage(`<duet-button url="#">Button</duet-button>`);
-        const element = await page.find("duet-button >>> .duet-button");
-        expect(element).not.toHaveAttribute("type");
-        expect(element).not.toHaveAttribute("disabled");
-        expect(element).not.toHaveAttribute("name");
-        expect(element).not.toHaveAttribute("value");
-        expect(element).not.toHaveAttribute("aria-pressed");
-    });
-    it("should not add aria-* attributes unless explicitly set", async () => {
-        const page = await createPage(`<duet-button>Button</duet-button>`);
-        const component = await page.find("duet-button");
-        const button = await page.find("duet-button >>> .duet-button");
-        expect(button).not.toHaveAttribute("aria-expanded");
-        expect(button).not.toHaveAttribute("aria-pressed");
-        component.setAttribute("accessible-expanded", "true");
-        component.setAttribute("accessible-pressed", "true");
-        await page.waitForChanges();
-        expect(button).toEqualAttribute("aria-expanded", "true");
-        expect(button).toEqualAttribute("aria-pressed", "true");
-    });
-    it("supports opening links in a new window", async () => {
-        const page = await createPage(`
-      <duet-button language="en" url="#" external>Link button</duet-button>
-    `);
-        const hiddenMessage = await page.find("duet-button >>> a duet-visually-hidden");
-        expect(hiddenMessage).not.toBe(null);
-        expect(hiddenMessage.innerText).toContain(", Avautuu uuteen ikkunaan");
-    });
-    describe("form interactions", () => {
-        async function implicitSubmission(fixture) {
-            const input = await fixture.form.find("input");
-            await input.focus();
-            await fixture.page.keyboard.press("Enter");
-        }
-        async function explicitSubmission(fixture) {
-            await fixture.button.click();
-        }
-        async function createFixture(props) {
-            const attrs = Object.entries(props)
-                .map(([attr, value]) => `${attr}="${value}"`)
-                .join(" ");
-            const page = await createPage(`
-        <form>
-          <label>
-            Name: <input name="name" type="text" />
-          </label>
-          <label>
-            Age: <input name="age" type="number" />
-          </label>
-          <duet-button ${attrs}>Submit</duet-button>
-        </form>
-      `);
-            const form = await page.find("form");
-            const button = await page.find("duet-button");
-            const spy = await form.spyOnEvent("submit");
-            return { page, form, spy, button };
-        }
-        describe.each([
-            ["implicit", implicitSubmission],
-            ["explicit", explicitSubmission],
-        ])(`%s form submission`, (_type, doSubmit) => {
-            // TODO: broken test as the browser tries to enter the clicked page
-            it.skip("should submit form", async () => {
-                const fixture = await createFixture({ submit: true });
-                await doSubmit(fixture);
-                expect(fixture.spy).toHaveReceivedEventTimes(1);
-            });
-            it("should only submit form if `submit` attr is `true`", async () => {
-                const fixture = await createFixture({ submit: false });
-                await doSubmit(fixture);
-                expect(fixture.spy).toHaveReceivedEventTimes(0);
-            });
-            it("should not submit form when `disabled`", async () => {
-                const fixture = await createFixture({ submit: true, disabled: true });
-                await doSubmit(fixture);
-                expect(fixture.spy).toHaveReceivedEventTimes(0);
-                fixture.button.removeAttribute("disabled");
-                await fixture.page.waitForChanges();
-                await doSubmit(fixture);
-                expect(fixture.spy).toHaveReceivedEventTimes(1);
-            });
-            // TODO: broken test as the browser tries to enter the clicked page
-            it.skip("should not not submit if rendered as a link", async () => {
-                const fixture = await createFixture({ submit: true, url: "test.html" });
-                await doSubmit(fixture);
-                expect(fixture.spy).toHaveReceivedEventTimes(0);
-            });
-        });
-        // TODO: broken test as the browser tries to enter the submit url
-        it.skip("supports supplying name and value", async () => {
-            const page = await createPage(`
-        <form method="GET">
-          <duet-input name="name" label="name" value="nick"></duet-input>
-          <duet-button submit name="button" value="1">Submit 1</duet-button>
-          <duet-button id="click-me" submit name="button" value="2">Submit 2</duet-button>
-        </form>
-      `);
-            // funnel submitted form data through window object for later assertion
-            await page.$eval("form", (form) => {
-                form.addEventListener("submit", (e) => {
-                    e.preventDefault();
-                    const formData = new FormData(e.target);
-                    formData.append(e.submitter.name, e.submitter.value);
-                    // @ts-ignore
-                    window.testData = Object.fromEntries(formData);
-                });
-            });
-            const button = await page.find("duet-button#click-me");
-            await button.click();
-            await page.waitForChanges();
-            const data = await page.evaluate(() => window["testData"]);
-            expect(data).toEqual({
-                name: "nick",
-                button: "2",
-            });
-        });
-    });
-});

package/lib/collection/components/duet-callout/duet-callout.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-callout", () => {
-    it("should render an accessible component", async () => {
-        const result = await testWithAxe(`
-        <duet-callout>
-          Todennäköisesti kaikkien pankkien rahoitusrakenteeseen
-          ja kustannuksiin kiinnitetään jatkossa entistä enemmän huomiota.
-          <span slot="author">John Doe</span>
-        </duet-callout>
-      `, axeRunOptions);
-        expect(result).not.toBeNull();
-        expect(formatViolations(result.violations)).toEqual([]);
-    });
-});

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

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

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

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

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

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

@@ -1,29 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { formatViolations, options as axeRunOptions, testWithAxe } from "../../utils/axe-core-utils";
-describe("[a11y] duet-card", () => {
-    it("should render an accessible component", async () => {
-        const result = await testWithAxe(`
-        <duet-card heading="Analytics"> Card with a heading </duet-card>
-      `, axeRunOptions);
-        expect(result).not.toBeNull();
-        expect(formatViolations(result.violations)).toEqual([]);
-    });
-    it("should render an accessible component with image", async () => {
-        const result = await testWithAxe(`
-        <duet-card image="https://cdn.duetds.com/api/assets/illustrations/placeholder-dark.svg">
-          <duet-heading level="h3">Card heading</duet-heading>
-          <duet-paragraph margin="none">
-            Card content lorem ipsum dolor sit amet consectetuer adipiscing elit no nummy laoreet lorem ipsum.
-          </duet-paragraph>
-          <duet-spacer></duet-spacer>
-          <duet-button fixed url="#" padding="none" variation="plain" icon="action-arrow-right-small" icon-size="small" icon-right>
-            Read more
-          </duet-button>
-        </duet-card>
-      `, axeRunOptions);
-        expect(result).not.toBeNull();
-        expect(formatViolations(result.violations)).toEqual([]);
-    });
-});