@duetds/components 8.0.1 → 8.0.3

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

@@ -0,0 +1,42 @@
+/*!
+ * Built with Duet Design System
+ */
+import { formatViolations, options as axeRunOptions, testWithAxe } from "../../utils/axe-core-utils";
+describe("[a11y] duet-header", () => {
+  it("should render an accessible component", async () => {
+    const result = await testWithAxe(`
+        <duet-header
+          language="fi"
+          region="Pääkaupunkiseutu"
+          contact="Ota yhteyttä"
+          skip-to-id="#content"
+          current-href="/"
+          items='[
+                    { "label": "Etusivu","href": "/" },
+                    { "label": "Vakuutukset", "href": "#content" },
+                    { "label": "Vahinkoasiat", "href": "#content" },
+                    { "label": "Säästöt ja sijoitukset", "href": "#content" },
+                    { "label": "Laskut", "href": "#content", "badge": true },
+                    { "label": "Viestit", "href": "#content" }
+                  ]'
+          language-items='[
+                    { "label": "Suomeksi", "country": "fi", "href": "/?lang=fi" },
+                    { "label": "På Svenska", "country": "sv", "href": "/?lang=sv" },
+                    { "label": "In English", "country": "en", "href": "/?lang=en" }
+                  ]'
+          contact-items='[
+                    { "label": "Lähetä viesti", "href": "/viestit/laheta" },
+                    { "label": "Avaa chat", "href": "/chat/" },
+                    { "label": "Yhteystiedot", "href": "/yhteystiedot/", "external": true }
+                  ]'
+          session='{ "label": "Kirjaudu ulos", "href": "/?logout", "type": "logout" }'
+          user='{ "label": "Elina", "href": "/?userId=elina" }'
+        >
+        </duet-header>
+        <div id="content"></div>
+
+      `, axeRunOptions);
+    expect(result).not.toBeNull();
+    expect(formatViolations(result.violations)).toEqual([]);
+  });
+});

package/lib/collection/components/duet-header/duet-header.js

@@ -610,7 +610,7 @@ export class DuetHeader {
             },
             "I18nText": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx",
               "id": "src/components/duet-header/duet-header.tsx::I18nText"
             }
           }
@@ -637,7 +637,7 @@ export class DuetHeader {
           "references": {
             "I18nText": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx",
               "id": "src/components/duet-header/duet-header.tsx::I18nText"
             }
           }
@@ -996,7 +996,7 @@ export class DuetHeader {
           "references": {
             "DuetHeaderChangeEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx",
               "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
             }
           }
@@ -1017,7 +1017,7 @@ export class DuetHeader {
           "references": {
             "DuetHeaderChangeEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx",
               "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
             }
           }
@@ -1038,7 +1038,7 @@ export class DuetHeader {
           "references": {
             "DuetHeaderChangeEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx",
               "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
             }
           }
@@ -1059,7 +1059,7 @@ export class DuetHeader {
           "references": {
             "DuetHeaderChangeEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx",
               "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
             }
           }
@@ -1080,7 +1080,7 @@ export class DuetHeader {
           "references": {
             "DuetHeaderChangeEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx",
               "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
             }
           }
@@ -1101,7 +1101,7 @@ export class DuetHeader {
           "references": {
             "DuetHeaderChangeEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx",
               "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
             }
           }
@@ -1122,7 +1122,7 @@ export class DuetHeader {
           "references": {
             "DuetHeaderChangeEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx",
               "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
             }
           }
@@ -1143,7 +1143,7 @@ export class DuetHeader {
           "references": {
             "DuetHeaderChangeEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx",
               "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
             }
           }
@@ -1164,7 +1164,7 @@ export class DuetHeader {
           "references": {
             "DuetHeaderChangeEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx",
               "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
             }
           }
@@ -1185,7 +1185,7 @@ export class DuetHeader {
           "references": {
             "DuetHeaderChangeEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx",
               "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
             }
           }
@@ -1206,7 +1206,7 @@ export class DuetHeader {
           "references": {
             "DuetHeaderAnalyticsEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx",
               "id": "src/components/duet-header/duet-header.tsx::DuetHeaderAnalyticsEvent"
             }
           }
@@ -1227,7 +1227,7 @@ export class DuetHeader {
           "references": {
             "DuetHeaderMobileNavToggleEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx",
               "id": "src/components/duet-header/duet-header.tsx::DuetHeaderMobileNavToggleEvent"
             }
           }
@@ -1248,7 +1248,7 @@ export class DuetHeader {
           "references": {
             "DuetHeaderChangeEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-header/duet-header.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-header/duet-header.tsx",
               "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
             }
           }

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

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

package/lib/collection/components/duet-heading/duet-heading.js

@@ -156,7 +156,7 @@ export class DuetHeading {
           "references": {
             "DuetHeadingWeight": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-heading/duet-heading.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-heading/duet-heading.tsx",
               "id": "src/components/duet-heading/duet-heading.tsx::DuetHeadingWeight"
             }
           }

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

@@ -0,0 +1,70 @@
+/*!
+ * Built with Duet Design System
+ */
+import { formatViolations, options as axeRunOptions, testWithAxe } from "../../utils/axe-core-utils";
+describe("[a11y] duet-hero", () => {
+  it("should render an accessible component", async () => {
+    const result = await testWithAxe(`
+        <duet-hero
+          description="Tällä sivulla näet vakuutuksiisi liittyvät laskut. Voit myös
+            vaihtaa e-laskutukseen klikkaamalla&nbsp;alta."
+          image="https://cdn.duetds.com/api/assets/illustrations/placeholder-light.svg"
+          button-label="Vaihda e-laskutukseen"
+          button-url="#"
+          >
+          <div slot="heading">Laskut</div>
+        </duet-hero>
+
+        <script>
+          // Select the above hero area component
+          var hero = document.querySelector("duet-hero")
+
+          // Set meta data that is passed when the CTA button is clicked
+          hero.buttonData = {
+            type: "action",
+            message: "Hello World!",
+          }
+        </script>
+      `, axeRunOptions);
+    expect(result).not.toBeNull();
+    expect(formatViolations(result.violations)).toEqual([]);
+  });
+  it("should render an accessible component in campaign variation", async () => {
+    const result = await testWithAxe(`
+        <duet-hero
+          description="Lorem ipsum dolor sit amet consectetur. Dignissim et arcu sed dolor a rhoncus."
+          image="https://www.duetds.com/assets/img/example-bg1.jpg"
+            variation="campaign"
+        >
+          <div slot="heading">Terveys ensin</div>
+          <div slot="subheading">Varmista oma ja perheesi toimeentulo vahingon varalta</div>
+          <duet-button variation="primary" margin="none">Tutustu terveysvakuutuksiin</duet-button>
+        </duet-hero>
+      `, axeRunOptions);
+    expect(result).not.toBeNull();
+    expect(formatViolations(result.violations)).toEqual([]);
+  });
+  it("should render an accessible component in content variation", async () => {
+    const result = await testWithAxe(`
+        <duet-hero
+          description="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas mauris integer non sed viverra. Ultricies in ut neque id proin justo interdum sed. Tortor id suspendisse quis a aliquet tempus parturient cursus pretium. At nisl volutpat diam habitant elementum."
+          image="https://www.duetds.com/assets/img/example-brand1.png"
+            variation="content"
+          left-align
+          layout="narrow"
+        >
+          <span slot="pre-heading" style="display: inline-flex; align-items: center; justify-content: center;">
+            Työelämä
+            <span
+              style="display: inline-block; width: 3px; height: 3px; border-radius: 100%; background: #0077B3; margin: 0 0.25rem;"
+            ></span>
+            21.3.2023
+          </span>
+          <div slot="heading">Lorem ipsum dolor sit</div>
+          <duet-button variation="plain"  icon="action-arrow-right" icon-right margin="none">Link to service</duet-button>
+        </duet-hero>
+      `, axeRunOptions);
+    expect(result).not.toBeNull();
+    expect(formatViolations(result.violations)).toEqual([]);
+  });
+});

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

@@ -360,7 +360,7 @@ export class DuetHero {
           "references": {
             "DuetHeroIconSize": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-hero/duet-hero.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-hero/duet-hero.tsx",
               "id": "src/components/duet-hero/duet-hero.tsx::DuetHeroIconSize"
             }
           }
@@ -582,7 +582,7 @@ export class DuetHero {
           "references": {
             "DuetHeroButtonData": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-hero/duet-hero.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-hero/duet-hero.tsx",
               "id": "src/components/duet-hero/duet-hero.tsx::DuetHeroButtonData"
             }
           }
@@ -693,7 +693,7 @@ export class DuetHero {
           "references": {
             "DuetHeroVariation": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-hero/duet-hero.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-hero/duet-hero.tsx",
               "id": "src/components/duet-hero/duet-hero.tsx::DuetHeroVariation"
             }
           }
@@ -803,7 +803,7 @@ export class DuetHero {
           "references": {
             "DuetHeroClickEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-hero/duet-hero.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-hero/duet-hero.tsx",
               "id": "src/components/duet-hero/duet-hero.tsx::DuetHeroClickEvent"
             }
           }
@@ -824,7 +824,7 @@ export class DuetHero {
           "references": {
             "DuetHeroAnalyticsEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-hero/duet-hero.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-hero/duet-hero.tsx",
               "id": "src/components/duet-hero/duet-hero.tsx::DuetHeroAnalyticsEvent"
             }
           }

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

@@ -0,0 +1,13 @@
+/*!
+ * 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.js

@@ -327,7 +327,7 @@ export class DuetIcon {
           "references": {
             "DuetIconSize": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-icon/duet-icon.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-icon/duet-icon.tsx",
               "id": "src/components/duet-icon/duet-icon.tsx::DuetIconSize"
             }
           }

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

@@ -0,0 +1,33 @@
+/*!
+ * 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.js

@@ -732,7 +732,7 @@ export class DuetInput {
           "references": {
             "DuetInputType": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-input/duet-input.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-input/duet-input.tsx",
               "id": "src/components/duet-input/duet-input.tsx::DuetInputType"
             }
           }
@@ -756,7 +756,7 @@ export class DuetInput {
           "references": {
             "DuetVariationType": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-input/duet-input.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-input/duet-input.tsx",
               "id": "src/components/duet-input/duet-input.tsx::DuetVariationType"
             }
           }
@@ -937,7 +937,7 @@ export class DuetInput {
           "references": {
             "DuetInputComponentType": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-input/duet-input.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-input/duet-input.tsx",
               "id": "src/components/duet-input/duet-input.tsx::DuetInputComponentType"
             }
           }
@@ -956,7 +956,7 @@ export class DuetInput {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "string",
+          "original": "string | null",
           "resolved": "string",
           "references": {}
         },
@@ -1113,7 +1113,7 @@ export class DuetInput {
           "references": {
             "DuetInputEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-input/duet-input.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-input/duet-input.tsx",
               "id": "src/components/duet-input/duet-input.tsx::DuetInputEvent"
             }
           }
@@ -1134,7 +1134,7 @@ export class DuetInput {
           "references": {
             "DuetInputEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-input/duet-input.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-input/duet-input.tsx",
               "id": "src/components/duet-input/duet-input.tsx::DuetInputEvent"
             }
           }
@@ -1155,7 +1155,7 @@ export class DuetInput {
           "references": {
             "DuetInputEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-input/duet-input.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-input/duet-input.tsx",
               "id": "src/components/duet-input/duet-input.tsx::DuetInputEvent"
             }
           }
@@ -1176,7 +1176,7 @@ export class DuetInput {
           "references": {
             "DuetInputEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-input/duet-input.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-input/duet-input.tsx",
               "id": "src/components/duet-input/duet-input.tsx::DuetInputEvent"
             }
           }
@@ -1197,7 +1197,7 @@ export class DuetInput {
           "references": {
             "DuetInputEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-input/duet-input.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-input/duet-input.tsx",
               "id": "src/components/duet-input/duet-input.tsx::DuetInputEvent"
             }
           }

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

@@ -0,0 +1,14 @@
+/*!
+ * 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.js

@@ -93,7 +93,7 @@ export class DuetLabel {
           "references": {
             "DuetLabelMargin": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-label/duet-label.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-label/duet-label.tsx",
               "id": "src/components/duet-label/duet-label.tsx::DuetLabelMargin"
             }
           }
@@ -117,7 +117,7 @@ export class DuetLabel {
           "references": {
             "DuetLabelSize": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-label/duet-label.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-label/duet-label.tsx",
               "id": "src/components/duet-label/duet-label.tsx::DuetLabelSize"
             }
           }

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

@@ -0,0 +1,18 @@
+/*!
+ * 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.js

@@ -124,7 +124,7 @@ export class DuetLayout {
           "references": {
             "DuetLayoutStickyDistance": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-layout/duet-layout.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-layout/duet-layout.tsx",
               "id": "src/components/duet-layout/duet-layout.tsx::DuetLayoutStickyDistance"
             }
           }

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

@@ -0,0 +1,39 @@
+/*!
+ * Built with Duet Design System
+ */
+import { formatViolations, options as axeRunOptions, testWithAxe } from "../../utils/axe-core-utils";
+describe("[a11y] duet-link", () => {
+  it("should render an accessible component", async () => {
+    const result = await testWithAxe(`
+       <duet-link url="https://www.duetds.com">Link text</duet-link>
+      `, axeRunOptions);
+    expect(result).not.toBeNull();
+    expect(formatViolations(result.violations)).toEqual([]);
+  });
+  it("should render an accessible component in external variant", async () => {
+    const result = await testWithAxe(`
+       <duet-link url="https://www.duetds.com" external>Link that opens a new window</duet-link>
+      `, axeRunOptions);
+    expect(result).not.toBeNull();
+    expect(formatViolations(result.violations)).toEqual([]);
+  });
+  it("should render an accessible component in block variant", async () => {
+    const result = await testWithAxe(`
+        <duet-link
+          url="#"
+          icon="action-buy-insurance"
+          icon-responsive
+          icon-color="primary"
+          variation="block"
+          url="https://www.duetds.com"
+        >
+          <duet-heading margin="none" level="h2" visual-level="h4">Lorem ipsum</duet-heading>
+          <duet-paragraph margin="none" class="duet-font-weight-normal duet-font-size-medium">
+            Dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.
+          </duet-paragraph>
+        </duet-link>
+      `, axeRunOptions);
+    expect(result).not.toBeNull();
+    expect(formatViolations(result.violations)).toEqual([]);
+  });
+});

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

@@ -0,0 +1,30 @@
+/*!
+ * Built with Duet Design System
+ */
+import { formatViolations, mergeRules, options as axeRunOptions, testWithAxe } from "../../utils/axe-core-utils";
+const disabledRules = {
+  // It is impossible for dt and dd to be direct children of dl,
+  // since the list elements are webcomponents with their own wrappers
+  "definition-list": { enabled: false },
+  // It is impossible for dt and dd to be direct children of dl,
+  // since the list elements are webcomponents with their own wrappers
+  dlitem: { enabled: false },
+};
+describe("[a11y] duet-list", () => {
+  it("should render an accessible component", async () => {
+    const result = await testWithAxe(`
+        <duet-list>
+          <duet-list-item>
+            <span slot="label">Nimi</span>
+            <span slot="value">Lasse Mäkinen</span>
+          </duet-list-item>
+          <duet-list-item>
+            <span slot="label">Osoite</span>
+            <span slot="value">Kotikatu 23 A 4, 00220 Helsinki, Suomi</span>
+          </duet-list-item>
+        </duet-list>
+      `, mergeRules(axeRunOptions, disabledRules));
+    expect(result).not.toBeNull();
+    expect(formatViolations(result.violations)).toEqual([]);
+  });
+});

package/lib/collection/components/duet-list/duet-list.js

@@ -169,7 +169,7 @@ export class DuetList {
           "references": {
             "DuetListMobileAlignment": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-list/duet-list.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-list/duet-list.tsx",
               "id": "src/components/duet-list/duet-list.tsx::DuetListMobileAlignment"
             }
           }
@@ -217,7 +217,7 @@ export class DuetList {
           "references": {
             "DuetListVariation": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-list/duet-list.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-list/duet-list.tsx",
               "id": "src/components/duet-list/duet-list.tsx::DuetListVariation"
             }
           }
@@ -241,7 +241,7 @@ export class DuetList {
           "references": {
             "DuetListLabelWidth": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-list/duet-list.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-list/duet-list.tsx",
               "id": "src/components/duet-list/duet-list.tsx::DuetListLabelWidth"
             }
           }

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

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