@duetds/components 8.6.8 → 8.7.0

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

@@ -1,172 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { createPage } from "../../utils/test-utils";
-describe("duet-hero", () => {
-    it("should render a hero area", async () => {
-        const page = await createPage(`<duet-hero></duet-hero>`);
-        const component = await page.find("duet-hero");
-        expect(component).not.toBeNull();
-        expect(component).toHaveClass("hydrated");
-    });
-    it("should provide a property that switches the theme", async () => {
-        const page = await createPage(`<duet-hero theme="turva"></duet-hero>`);
-        const element = await page.find("duet-hero >>> .duet-hero");
-        expect(element).toHaveClass("duet-theme-turva");
-    });
-    it("should provide a property that sets pre-heading", async () => {
-        const page = await createPage(`<duet-hero pre-heading="test"></duet-hero>`);
-        const element = await page.find("duet-hero >>> .duet-hero-pre");
-        expect(element.textContent).toEqual("test");
-    });
-    it("should provide a property that sets the heading", async () => {
-        const page = await createPage(`<duet-hero heading="test #473895ur8oiojoP!"></duet-hero>`);
-        const element = await page.find("duet-hero >>> duet-heading");
-        expect(element.textContent).toEqual("test #473895ur8oiojoP!");
-    });
-    it("should provide a property that changes the heading level", async () => {
-        const page = await createPage(`<duet-hero heading="test #473895ur8oiojoP!" level="h5"></duet-hero>`);
-        const element = await page.find("duet-hero >>> duet-heading");
-        expect(element.getAttribute("level")).toEqual("h5");
-    });
-    it("should provide a property that sets the description", async () => {
-        const page = await createPage(`<duet-hero description="test #473895ur8oiojoP!"></duet-hero>`);
-        const element = await page.find("duet-hero >>> duet-paragraph >>> .duet-paragraph");
-        expect(element.textContent).toEqual("test #473895ur8oiojoP!");
-    });
-    it("should provide a property that sets an icon for the action button", async () => {
-        const page = await createPage(`<duet-hero button-label="test #473895ur8oiojoP!" button-id="test"></duet-hero>`);
-        const element = await page.find("duet-hero >>> duet-button >>> .duet-button-icon");
-        expect(element).not.toBeNull();
-    });
-    it("should provide a property that sets an ID for the action button", async () => {
-        const page = await createPage(`<duet-hero button-label="test #473895ur8oiojoP!" button-id="test"></duet-hero>`);
-        const element = await page.find("duet-hero >>> duet-button >>> #test");
-        expect(element).not.toBeNull();
-    });
-    it("should provide a property that sets the icon size", async () => {
-        const page = await createPage(`<duet-hero button-label="test #473895ur8oiojoP!" icon="action-add" icon-size="large"></duet-hero>`);
-        await page.waitForChanges();
-        const element = await page.find("duet-hero >>> duet-button >>> .large");
-        expect(element).not.toBeNull();
-    });
-    it("should provide a property that sets the image for hero area", async () => {
-        const page = await createPage(`<duet-hero image="/icons/lib/assets/action-add-circle.svg"></duet-hero>`);
-        const element = await page.find("duet-hero >>> .duet-hero-image");
-        expect(element).not.toBeNull();
-    });
-    it("should provide a property that changes the style variation to light", async () => {
-        const page = await createPage(`<duet-hero variation="light"></duet-hero>`);
-        const element = await page.find("duet-hero >>> .duet-hero-light");
-        expect(element).not.toBeNull();
-    });
-    it("should not render image if the image property isn’t used", async () => {
-        const page = await createPage(`<duet-hero title="test"></duet-hero>`);
-        const element = await page.find("duet-hero >>> .duet-hero-image");
-        expect(element).toBeNull();
-    });
-    it("should not render button if the buttonLabel property isn’t used", async () => {
-        const page = await createPage(`<duet-hero title="test"></duet-hero>`);
-        const element = await page.find("duet-hero >>> duet-button");
-        expect(element).toBeNull();
-    });
-    it("should not render intro text if the description property isn’t used", async () => {
-        const page = await createPage(`<duet-hero title="test"></duet-hero>`);
-        const element = await page.find("duet-hero >>> .duet-hero-paragraph");
-        expect(element).toBeNull();
-    });
-    it("should provide a property that sets action items", async () => {
-        const page = await createPage(`<duet-hero></duet-hero>`);
-        await page.$eval("duet-hero", (el) => {
-            el.variation = "gray";
-            el.actions = [
-                { label: "Ilmoita vahingosta", href: "/foo", icon: "navigation-make-claim" },
-                { label: "Päivitä vakuutusta", href: "#", icon: "action-edit-2" },
-                { label: "Tee rekisteröintimuutos", href: "#", icon: "messaging-terms", external: true },
-            ];
-        });
-        await page.waitForChanges();
-        const element = await page.find("duet-hero >>> .duet-hero-links .duet-hero-link:first-child");
-        expect(element.getAttribute("href")).toEqual("/foo");
-    });
-    it("should provide a property that sets list items", async () => {
-        const page = await createPage(`<duet-hero></duet-hero>`);
-        await page.$eval("duet-hero", (el) => {
-            el.variation = "gray";
-            el.listItems = [
-                { label: "Ilmoita vahingosta", value: "test" },
-                { label: "Päivitä vakuutusta", value: "test" },
-                { label: "Tee rekisteröintimuutos", value: "test" },
-            ];
-        });
-        await page.waitForChanges();
-        const element = await page.find("duet-hero >>> duet-list");
-        expect(element).not.toBeNull();
-    });
-    it("should provide a property that sets the back link", async () => {
-        const page = await createPage(`<duet-hero></duet-hero>`);
-        await page.$eval("duet-hero", (el) => {
-            el.variation = "gray";
-            el.back = { label: "Takaisin", href: "#" };
-        });
-        await page.waitForChanges();
-        const element = await page.find("duet-hero >>> .duet-hero-back");
-        expect(element).not.toBeNull();
-    });
-    it("should provide a property that sets language", async () => {
-        const page = await createPage(`<duet-hero language="en"></duet-hero>`);
-        await page.$eval("duet-hero", (el) => {
-            el.variation = "gray";
-            el.actions = [
-                { label: "Ilmoita vahingosta", href: "#", icon: "navigation-make-claim" },
-                { label: "Päivitä vakuutusta", href: "#", icon: "action-edit-2" },
-                { label: "Tee rekisteröintimuutos", href: "#", icon: "messaging-terms", external: true },
-            ];
-        });
-        const element = await page.find("duet-hero >>> duet-visually-hidden");
-        expect(element.textContent).toEqual(", Avautuu uuteen ikkunaan");
-    });
-    it("should automatically refresh itself when content changes", async () => {
-        const page = await createPage(`<duet-hero language="en"></duet-hero>`);
-        await page.$eval("duet-hero", (el) => {
-            el.variation = "gray";
-            el.actions = [{ label: "Ilmoita vahingosta", href: "#", icon: "navigation-make-claim" }];
-        });
-        const element = await page.find("duet-hero");
-        // should be updated when setting the *attribute*
-        element.setAttribute("actions", '[{ "label": "test", "href": "#", "icon": "navigation-make-claim" }]');
-        await page.waitForChanges();
-        const test = await page.find("duet-hero >>> .duet-hero-links .duet-hero-link:first-child");
-        expect(test).toEqualText("test");
-        // should also be updated when setting the label *property*
-        element.setProperty("actions", [{ label: "test 2", href: "#", icon: "navigation-make-claim" }]);
-        await page.waitForChanges();
-        expect(test).toEqualText("test 2");
-    });
-    describe("analytics", () => {
-        let page;
-        const ANALYTICS_EVENT_NAME = "some test event";
-        beforeEach(async () => {
-            page = await createPage(`<duet-hero heading="Laskut" button-label="Vaihda e-laskutukseen" button-url="#"></duet-hero>`);
-            await page.$eval("duet-hero", (hero, analyticsId) => {
-                hero.buttonData = { analytics: analyticsId };
-            }, ANALYTICS_EVENT_NAME);
-        });
-        it("allows analytics to be set for the hero button", async () => {
-            const button = await page.find("duet-hero >>> duet-button");
-            const analyticsSpy = await page.spyOnEvent("duetAnalytics");
-            await button.click();
-            expect(analyticsSpy).toHaveReceivedEventTimes(1);
-            expect(analyticsSpy).toHaveReceivedEventDetail({
-                analyticsId: ANALYTICS_EVENT_NAME,
-                component: "duet-hero",
-            });
-        });
-        it("doesn't add analytics attributes when elements other than button clicked", async () => {
-            const heading = await page.find("duet-hero >>> duet-heading");
-            const analyticsSpy = await page.spyOnEvent("duetAnalytics");
-            await heading.click();
-            expect(analyticsSpy).toHaveReceivedEventTimes(0);
-        });
-    });
-});

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

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

@@ -1,27 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { createPage } from "../../utils/test-utils";
-describe("duet-icon", () => {
-    it("should render an icon", async () => {
-        const page = await createPage(`<duet-icon></duet-icon>`);
-        const component = await page.find("duet-icon");
-        expect(component).not.toBeNull();
-        expect(component).toHaveClass("hydrated");
-    });
-    it("should provide a property that switches the theme", async () => {
-        const page = await createPage(`<duet-icon theme="turva"></duet-icon>`);
-        const element = await page.find("duet-icon >>> .duet-icon");
-        expect(element).toHaveClass("duet-theme-turva");
-    });
-    it("should provide a property that changes the icon", async () => {
-        const page = await createPage(`<duet-icon name="action-arrow-right"></duet-icon>`);
-        const element = await page.find("duet-icon >>> svg");
-        expect(element).not.toBeNull();
-    });
-    it("should provide a property that changes the icon background", async () => {
-        const page = await createPage(`<duet-icon background="color-primary"></duet-icon>`);
-        const element = await page.find("duet-icon >>> .duet-icon-has-background");
-        expect(element).not.toBeNull();
-    });
-});

package/lib/collection/components/duet-icon/icon-utils.spec.js

@@ -1,84 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { fetchIconByUrl } from "./icon-utils";
-describe("duet-icon/icon-utils", () => {
-    afterEach(() => {
-        jest.restoreAllMocks();
-    });
-    describe("fetchIconByUrl", () => {
-        const stubFetchResponse = (response) => {
-            jest.spyOn(global, "fetch").mockImplementation(() => Promise.resolve({
-                ok: response.ok,
-                text: () => Promise.resolve(response.text),
-            }));
-        };
-        it("should return svg text when validation passes", async () => {
-            expect.assertions(1);
-            stubFetchResponse({
-                ok: true,
-                text: "<svg></svg>",
-            });
-            const result = await fetchIconByUrl("valid.svg");
-            expect(result).toEqual("<svg></svg>");
-        });
-        it("should not request the same SVG twice", async () => {
-            expect.assertions(3);
-            stubFetchResponse({
-                ok: true,
-                text: "<svg></svg>",
-            });
-            const result1 = await fetchIconByUrl("double-request.svg");
-            const result2 = await fetchIconByUrl("double-request.svg");
-            expect(global.fetch).toHaveBeenCalledTimes(1);
-            expect(result1).toBe("<svg></svg>");
-            expect(result1).toBe(result2);
-        });
-        it("should strip any non-SVG tags", async () => {
-            expect.assertions(1);
-            stubFetchResponse({
-                ok: true,
-                text: `<div></div><svg></svg>`,
-            });
-            const result = await fetchIconByUrl("strip-non-svg-tags.svg");
-            expect(result).toEqual(`<svg></svg>`);
-        });
-        it("should return only the first child element", async () => {
-            expect.assertions(1);
-            stubFetchResponse({
-                ok: true,
-                text: `<svg id="first"></svg><svg id="second"></svg>`,
-            });
-            const result = await fetchIconByUrl("returns-first-element.svg");
-            expect(result).toEqual(`<svg id="first"></svg>`);
-        });
-        it("should throw an error if request failed", async () => {
-            expect.assertions(1);
-            stubFetchResponse({
-                ok: false,
-                text: "",
-            });
-            await expect(fetchIconByUrl("failed-request.svg")).rejects.toBeInstanceOf(Error);
-        });
-        it("should fail validation for SVGs with inline event handlers", async () => {
-            expect.assertions(1);
-            stubFetchResponse({
-                ok: true,
-                text: `<svg><path onclick="alert('pwned')" d="" /></svg>`,
-            });
-            await expect(fetchIconByUrl("inline-event-handler.svg")).rejects.toMatchObject({
-                message: "SVG validation failed",
-            });
-        });
-        it("should fail validation for SVGs with script tags", async () => {
-            expect.assertions(1);
-            stubFetchResponse({
-                ok: true,
-                text: `<svg><script>alert("pwned")</script><path d="" /></svg>`,
-            });
-            await expect(fetchIconByUrl("script-tag.svg")).rejects.toMatchObject({
-                message: "SVG validation failed",
-            });
-        });
-    });
-});

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

@@ -1,33 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { formatViolations, options as axeRunOptions, testWithAxe } from "../../utils/axe-core-utils";
-describe("[a11y] duet-input", () => {
-    it("should render an accessible component", async () => {
-        const result = await testWithAxe(`
-        <duet-input type="text" required label="Text input" placeholder="Placeholder text" debounce="500"></duet-input>
-      `, axeRunOptions);
-        expect(result).not.toBeNull();
-        expect(formatViolations(result.violations)).toEqual([]);
-    });
-    it("should render an accessible component of type email", async () => {
-        const result = await testWithAxe(`
-        <duet-input type="email" required label="Email input" placeholder="example@example.com"></duet-input>      `, axeRunOptions);
-        expect(result).not.toBeNull();
-        expect(formatViolations(result.violations)).toEqual([]);
-    });
-    it("should render an accessible component of type search", async () => {
-        const result = await testWithAxe(`
-        <duet-input clear="true" type="search" label="Search input" label-hidden placeholder="Type to search"></duet-input>
-      `, axeRunOptions);
-        expect(result).not.toBeNull();
-        expect(formatViolations(result.violations)).toEqual([]);
-    });
-    it("should render an accessible component of type password", async () => {
-        const result = await testWithAxe(`
-        <duet-input type="password" variation="revealable" label="Password" placeholder="Password"></duet-input>
-      `, axeRunOptions);
-        expect(result).not.toBeNull();
-        expect(formatViolations(result.violations)).toEqual([]);
-    });
-});

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

@@ -1,201 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { createPage } from "../../utils/test-utils";
-describe("duet-input", () => {
-    it("should render an input", async () => {
-        const page = await createPage(`<duet-input></duet-input>`);
-        const component = await page.find("duet-input");
-        expect(component).not.toBeNull();
-        expect(component).toHaveClass("hydrated");
-    });
-    it("should provide a property that renders label", async () => {
-        const page = await createPage(`<duet-input label="test"></duet-input>`);
-        const element = await page.find("duet-input 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-input margin="none"></duet-input>`);
-        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-input accessible-controls="test"></duet-input>`);
-        const element = await page.find("duet-input .duet-input");
-        expect(element.getAttribute("aria-controls")).toEqual("test");
-    });
-    it("should associate the tooltip with the label", async () => {
-        const page = await createPage(`<duet-input tooltip="tooltip" />`);
-        const label = await page.find("duet-input 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 provide a property that renders aria-activedescendant", async () => {
-        const page = await createPage(`<duet-input accessible-active-descendant="test"></duet-input>`);
-        const element = await page.find("duet-input .duet-input");
-        expect(element.getAttribute("aria-activedescendant")).not.toBeNull();
-    });
-    it("should provide a property that renders aria-autocomplete", async () => {
-        const page = await createPage(`<duet-input accessible-autocomplete="test"></duet-input>`);
-        const element = await page.find("duet-input .duet-input");
-        expect(element.getAttribute("aria-autocomplete")).not.toBeNull();
-    });
-    it("should provide a property that renders aria-owns", async () => {
-        const page = await createPage(`<duet-input accessible-owns="test"></duet-input>`);
-        const element = await page.find("duet-input .duet-input");
-        expect(element.getAttribute("aria-owns")).not.toBeNull();
-    });
-    it("should provide a property that renders input in different types", async () => {
-        const page = await createPage(`<duet-input type="email"></duet-input>`);
-        const element = await page.find("duet-input .duet-input");
-        expect(element.getAttribute("type")).toEqual("email");
-    });
-    it("should provide a property that switches the theme", async () => {
-        const page = await createPage(`<duet-input theme="turva"></duet-input>`);
-        const element = await page.find("duet-input .duet-input-container");
-        expect(element).toHaveClass("duet-theme-turva");
-    });
-    it("should provide a property that expands the input to fill 100% width", async () => {
-        const page = await createPage(`<duet-input expand></duet-input>`);
-        const element = await page.find("duet-input");
-        expect(element).toHaveClass("duet-expand");
-    });
-    it("should provide a property that makes the input disabled", async () => {
-        const page = await createPage(`<duet-input disabled></duet-input>`);
-        const element = await page.find("duet-input .duet-input");
-        expect(element.getAttribute("disabled")).not.toBeNull();
-    });
-    it("should provide a property that adds an ID for the input", async () => {
-        const page = await createPage(`<duet-input identifier="test"></duet-input>`);
-        const element = await page.find("duet-input .duet-input");
-        expect(element.getAttribute("id")).toEqual("test");
-    });
-    it("should provide a property that makes input required", async () => {
-        const page = await createPage(`<duet-input required></duet-input>`);
-        const element = await page.find("duet-input .duet-input");
-        expect(element.getAttribute("required")).not.toBeNull();
-    });
-    it("should provide a property that makes the label hidden", async () => {
-        const page = await createPage(`<duet-input label-hidden></duet-input>`);
-        const element = await page.find("duet-input .duet-input-container");
-        expect(element).toHaveClass("duet-label-hidden");
-    });
-    it("should provide a property that adds name for the input", async () => {
-        const page = await createPage(`<duet-input name="test"></duet-input>`);
-        const element = await page.find("duet-input .duet-input");
-        expect(element.getAttribute("name")).not.toBeNull();
-    });
-    it("should provide a property that adds pattern regex for the input", async () => {
-        const page = await createPage(`<duet-input pattern="test"></duet-input>`);
-        const element = await page.find("duet-input .duet-input");
-        expect(element.getAttribute("pattern")).not.toBeNull();
-    });
-    it("should provide a property that adds placeholder for the input", async () => {
-        const page = await createPage(`<duet-input placeholder="test"></duet-input>`);
-        const element = await page.find("duet-input .duet-input");
-        expect(element.getAttribute("placeholder")).not.toBeNull();
-    });
-    it("should provide a property that adds role for the input", async () => {
-        const page = await createPage(`<duet-input role="test"></duet-input>`);
-        const element = await page.find("duet-input .duet-input");
-        expect(element.getAttribute("role")).not.toBeNull();
-    });
-    it("should provide a property that modifies autocomplete attribute", async () => {
-        const page = await createPage(`<duet-input auto-complete="test"></duet-input>`);
-        const element = await page.find("duet-input .duet-input");
-        expect(element.getAttribute("autocomplete")).toEqual("test");
-    });
-    it("should provide a property that adds an error", async () => {
-        const page = await createPage(`<duet-input error="test"></duet-input>`);
-        const element = await page.find("duet-input .duet-input-help");
-        expect(element).not.toBeNull();
-    });
-    it("should provide a property that sets tooltip", async () => {
-        const page = await createPage(`<duet-input tooltip="test"></duet-input>`);
-        const element = await page.find("duet-input duet-tooltip");
-        expect(element).not.toBeNull();
-    });
-    it("should not render tooltip if the property isn’t used", async () => {
-        const page = await createPage(`<duet-input id="test"></duet-input>`);
-        const element = await page.find("duet-input duet-tooltip");
-        expect(element).toBeNull();
-    });
-    it("should provide a property that sets custom icon", async () => {
-        const page = await createPage(`<duet-input icon="form-location"></duet-input>`);
-        const element = await page.find("duet-input .duet-input-icon");
-        expect(element).not.toBeNull();
-    });
-    it("should not render custom icon if the option is not used", async () => {
-        const page = await createPage(`<duet-input label="test"></duet-input>`);
-        const element = await page.find("duet-input .duet-input-icon");
-        expect(element).toBeNull();
-    });
-    it("raises duetChange event when value has changed", async () => {
-        const page = await createPage(`<duet-input></duet-input>`);
-        const element = await page.find("duet-input");
-        const changeSpy = await element.spyOnEvent("duetChange");
-        await page.keyboard.press("Tab");
-        await page.keyboard.type("hello");
-        await page.waitForChanges();
-        expect(changeSpy.lastEvent.detail).toMatchObject({
-            value: "hello",
-            component: "duet-input",
-        });
-    });
-    it("raises a duetInput even on input", async () => {
-        const page = await createPage(`<duet-input></duet-input>`);
-        const element = await page.find("duet-input");
-        const inputSpy = await element.spyOnEvent("duetInput");
-        await page.keyboard.press("Tab");
-        await page.keyboard.type("hello");
-        await page.waitForChanges();
-        expect(inputSpy.lastEvent.detail).toMatchObject({
-            value: "hello",
-            component: "duet-input",
-        });
-    });
-    it("raises duetFocus event when input is focused", async () => {
-        const page = await createPage(`<duet-input></duet-input>`);
-        const element = await page.find("duet-input");
-        const focusSpy = await element.spyOnEvent("duetFocus");
-        await page.keyboard.press("Tab");
-        await page.waitForChanges();
-        expect(focusSpy).toHaveReceivedEvent();
-    });
-    it("raises a duetBlur event when input is blurred", async () => {
-        const page = await createPage(`<duet-input></duet-input>`);
-        const element = await page.find("duet-input");
-        const focusSpy = await element.spyOnEvent("duetBlur");
-        // tab in...
-        await page.keyboard.press("Tab");
-        await page.waitForChanges();
-        // tab out...
-        await page.keyboard.press("Tab");
-        await page.waitForChanges();
-        expect(focusSpy).toHaveReceivedEvent();
-    });
-    it("allows characters to be disallowed", async () => {
-        const page = await createPage(`<duet-input label="numbers only" disallow-pattern="[^0-9]"></duet-input>`);
-        const element = await page.find("duet-input");
-        const input = await page.find("duet-input .duet-input");
-        // tab to input
-        await page.keyboard.press("Tab");
-        // type some _allowed_ chars
-        await page.keyboard.type("123", { delay: 50 });
-        // move cursor so we can test maintaining position
-        await page.keyboard.press("ArrowLeft");
-        // store cursor position
-        const cursorBefore = await input.getProperty("selectionStart");
-        expect(cursorBefore).toBe(2);
-        // attempt to enter _disallowed_ character
-        await page.keyboard.press("a");
-        const cursorAfter = await input.getProperty("selectionStart");
-        const value = await element.getProperty("value");
-        // we should see cursor hasn't changed
-        expect(cursorAfter).toBe(cursorBefore);
-        // and value contains no disallowed chars
-        expect(value).toBe("123");
-    });
-});

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

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

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

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

package/lib/collection/components/duet-layout/duet-layout.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-layout", () => {
-    it("should render an accessible component", async () => {
-        const result = await testWithAxe(`
-       <duet-layout margin="none">
-        <div slot="main">
-          <duet-card heading="Main">Main content</duet-card>
-          <duet-card heading="More main content">Main content</duet-card>
-        </div>
-      </duet-layout>
-      `, axeRunOptions);
-        expect(result).not.toBeNull();
-        expect(formatViolations(result.violations)).toEqual([]);
-    });
-});

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

@@ -1,32 +0,0 @@
-/*!
- * Built with Duet Design System
- */
-import { createPage } from "../../utils/test-utils";
-describe("duet-layout", () => {
-    it("should render a layout", async () => {
-        const page = await createPage(`<duet-layout><div slot="main"></div></duet-layout>`);
-        const component = await page.find("duet-layout");
-        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-layout margin="none"><div slot="main"></div></duet-layout>`);
-        const element = await page.find("duet-layout >>> .duet-m-0");
-        expect(element).not.toBeNull();
-    });
-    it("should provide a property that center aligns the layout", async () => {
-        const page = await createPage(`<duet-layout center><div slot="main"></div></duet-layout>`);
-        const element = await page.find("duet-layout >>> .duet-layout");
-        expect(element).toHaveClass("duet-center");
-    });
-    it("should provide a property that adjusts the sidebar when tabs are used", async () => {
-        const page = await createPage(`<duet-layout tabs>><div slot="main"></div><div slot="sidebar">test</div></duet-layout>`);
-        const element = await page.find("duet-layout >>> .duet-sidebar-container");
-        expect(element).toHaveClass("has-tabs");
-    });
-    it("should provide a property that middle aligns the layout", async () => {
-        const page = await createPage(`<duet-layout middle><div slot="main"></div></duet-layout>`);
-        const element = await page.find("duet-layout");
-        expect(element).toHaveClass("duet-middle");
-    });
-});