@duetds/components 8.0.2 → 8.0.4

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

@@ -0,0 +1,36 @@
+/*!
+ * Built with Duet Design System
+ */
+import { formatViolations, options as axeRunOptions, testWithAxe } from "../../utils/axe-core-utils";
+describe("[a11y] duet-contact-card", () => {
+  it("should render an accessible component", async () => {
+    const result = await testWithAxe(`
+        <duet-contact-card
+          image="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIYAAACGCAMAAAAvpwKjAAAAA1BMVEUAAACnej3aAAAAKElEQVR4nO3BgQAAAADDoPlT3+AEVQEAAAAAAAAAAAAAAAAAAAAAwDNGqgABX6KNlwAAAABJRU5ErkJggg=="
+          name="Etunimi Sukunimi"
+          description="Titteli"
+          email="etunimi.sukunimi@lahitapiola.fi"
+          phone="050 123 4567"
+          button-url="#"
+          button-text="Varaa aika"
+          button-icon="form-date"
+        >
+          <duet-collapsible heading="Matrikkelitiedot" margin="none">
+            <duet-list>
+              <duet-list-item>
+                <span slot="label">Example</span>
+                <span slot="value">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Aperiam impedit, possimus minima repudiandae.
+                </span>
+              </duet-list-item>
+              <duet-list-item>
+                <span slot="label">Example</span>
+                <span slot="value">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Aperiam impedit, possimus minima repudiandae.        </span>
+              </duet-list-item>
+            </duet-list>
+          </duet-collapsible>
+        </duet-contact-card>
+      `, axeRunOptions);
+    expect(result).not.toBeNull();
+    expect(formatViolations(result.violations)).toEqual([]);
+  });
+});

package/lib/collection/components/duet-cookie-consent/duet-cookie-consent.a11y.e2e.js

@@ -0,0 +1,16 @@
+/*!
+ * Built with Duet Design System
+ */
+import { formatViolations, options as axeRunOptions, testWithAxe } from "../../utils/axe-core-utils";
+describe("[a11y] duet-cookie-consent", () => {
+  it("should render an accessible component", async () => {
+    const result = await testWithAxe(`
+        <duet-cookie-consent accessible-label="Hyväksyn evästeiden käytön">
+          Käytämme evästeitä. Käyttämällä verkkosivujamme hyväksyt evästeiden käyton.
+          <a href="#" target="_blank">Lue lisää <duet-visually-hidden>evästeistä</duet-visually-hidden></a>
+        </duet-cookie-consent>
+      `, axeRunOptions);
+    expect(result).not.toBeNull();
+    expect(formatViolations(result.violations)).toEqual([]);
+  });
+});

package/lib/collection/components/duet-cookie-consent/duet-cookie-consent.js

@@ -110,7 +110,7 @@ export class DuetCookieConsent {
           "references": {
             "DuetCookieConsentEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-cookie-consent/duet-cookie-consent.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-cookie-consent/duet-cookie-consent.tsx",
               "id": "src/components/duet-cookie-consent/duet-cookie-consent.tsx::DuetCookieConsentEvent"
             }
           }

package/lib/collection/components/duet-date-picker/duet-date-picker.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-date-picker", () => {
+  it("should render an accessible component", async () => {
+    const result = await testWithAxe(`
+        <duet-date-picker name="date" label="Valitse päivämäärä" placeholder="pp.kk.vvvv" value="2020-06-16"></duet-date-picker>
+      `, axeRunOptions);
+    expect(result).not.toBeNull();
+    expect(formatViolations(result.violations)).toEqual([]);
+  });
+});

package/lib/collection/components/duet-date-picker/duet-date-picker.js

@@ -646,7 +646,7 @@ export class DuetDatePicker {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "string",
+          "original": "string | null",
           "resolved": "string",
           "references": {}
         },
@@ -754,7 +754,7 @@ export class DuetDatePicker {
           "references": {
             "DuetDatePickerDirection": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-date-picker/duet-date-picker.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-date-picker/duet-date-picker.tsx",
               "id": "src/components/duet-date-picker/duet-date-picker.tsx::DuetDatePickerDirection"
             }
           }
@@ -929,7 +929,7 @@ export class DuetDatePicker {
           "references": {
             "DuetDatePickerChangeEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-date-picker/duet-date-picker.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-date-picker/duet-date-picker.tsx",
               "id": "src/components/duet-date-picker/duet-date-picker.tsx::DuetDatePickerChangeEvent"
             }
           }
@@ -950,7 +950,7 @@ export class DuetDatePicker {
           "references": {
             "DuetDatePickerFocusEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-date-picker/duet-date-picker.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-date-picker/duet-date-picker.tsx",
               "id": "src/components/duet-date-picker/duet-date-picker.tsx::DuetDatePickerFocusEvent"
             }
           }
@@ -971,7 +971,7 @@ export class DuetDatePicker {
           "references": {
             "DuetDatePickerFocusEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-date-picker/duet-date-picker.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-date-picker/duet-date-picker.tsx",
               "id": "src/components/duet-date-picker/duet-date-picker.tsx::DuetDatePickerFocusEvent"
             }
           }

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

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

@@ -76,7 +76,7 @@ export class DuetDivider {
           "references": {
             "DuetDividerMargin": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-divider/duet-divider.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-divider/duet-divider.tsx",
               "id": "src/components/duet-divider/duet-divider.tsx::DuetDividerMargin"
             }
           }

package/lib/collection/components/duet-editable-table/duet-editable-table.a11y.e2e.js

@@ -0,0 +1,202 @@
+/*!
+ * Built with Duet Design System
+ */
+import { formatViolations, options as axeRunOptions, testWithAxe } from "../../utils/axe-core-utils";
+describe("[a11y] duet-editable-table", () => {
+  it("should render an accessible component", async () => {
+    const result = await testWithAxe(`
+        <duet-editable-table margin="auto" sticky sticky-distance="none" variation="striped">
+          <div class="example-menu" slot="thead-first">
+            <div>
+              <ul role="menubar">
+                <li role="menuitem">
+                  <duet-button
+                    accessible-label="Download the table as a CSV file"
+                    fixed
+                    icon="action-download"
+                    icon-size="medium"
+                    margin="none"
+                    padding="none"
+                    variation="plain"
+                  >
+                    Download as CSV
+                  </duet-button>
+                </li>
+                <li role="menuitem">
+                  <duet-button
+                    accessible-label="Copy the data to you Clipboard as csv"
+                    fixed
+                    icon="form-file"
+                    icon-size="medium"
+                    margin="none"
+                    padding="none"
+                    variation="plain"
+                  >
+                    copy
+                  </duet-button>
+                </li>
+              </ul>
+            </div>
+          </div>
+        </duet-editable-table>
+        <script>
+          // Save a reference to the elements
+          const eTable = document.querySelector("duet-editable-table");
+
+
+          // defined actions - if this is not defined, the table will not have any actions
+          eTable.actions = [
+            {
+              "icon": "action-edit-2",
+              "color": "primary",
+              "name": "edit",
+              "size": "x-small",
+              "background": "gray-lightest",
+              "label": {
+                "fi": "Muokkaa luokkaa",
+                "en": "Edit category",
+                "sv": "Redigera kategori",
+              },
+            },
+            {
+              "icon": "action-delete",
+              "color": "danger",
+              "name": "delete",
+              "size": "x-small",
+              "background": "gray-lightest",
+              "label": {
+                "fi": "Poista",
+                "en": "Delete",
+                "sv": "Radera",
+              },
+            },
+          ];
+
+          //defined columns, if this is set, rows must also be defined for this to have an affect
+          eTable.columns = [
+            {
+              sort_order: 1, direction: 1, index: 0, key: "name",
+              label: {
+                "fi": "Name",
+                "en": "Name",
+                "sv": "Name",
+              },
+            },
+            {
+              sort_order: 2, direction: -1, index: 1, key: "last_name",
+              label: {
+                "fi": "Last name",
+                "en": "Last name",
+                "sv": "Last name",
+              },
+            },
+            {
+              direction: 1, index: 2, key: "age",
+              label: {
+                "fi": "Age",
+                "en": "Age",
+                "sv": "Age",
+              },
+            },
+            {
+              direction: 1, index: 3, key: "hidden_age",
+              label: {
+                "fi": "hidden age",
+                "en": "hidden age",
+                "sv": "hidden age",
+              },
+            },
+          ];
+
+          //defined rows, if this is set, columns must also be defined for this to have an affect
+          eTable.rows = [{
+            "name": "Jenn",
+            "last_name": "Woodburne",
+            "age": 65,
+            "hidden_age": 25,
+            "meta": {
+              "id": "1",
+            },
+          }, {
+            "name": "Symon",
+            "last_name": "Effemy",
+            "age": 91,
+            "hidden_age": 25,
+            "meta": {
+              "id": "2",
+            },
+          }, {
+            "name": "Shari",
+            "last_name": "Pattlel",
+            "age": 81,
+            "hidden_age": 25,
+            "meta": {
+              "id": "3",
+            },
+          }, {
+            "name": "Trudy",
+            "last_name": "MacRitchie",
+            "age": 56,
+            "hidden_age": 25,
+            "meta": {
+              "id": "4",
+            },
+          }, {
+            "name": "Dick",
+            "last_name": "Gorgen",
+            "age": 69,
+            "hidden_age": 25,
+            "meta": {
+              "id": "5",
+            },
+          }, {
+            "name": "Pia",
+            "last_name": "Siemens",
+            "age": 93,
+            "hidden_age": 25,
+            "meta": {
+              "id": "6",
+            },
+          }, {
+            "name": "Fred",
+            "last_name": "Baslter",
+            "age": 78,
+            "hidden_age": 25,
+            "meta": {
+              "id": "7",
+            },
+          }, {
+            "name": "Fred",
+            "last_name": "Alster",
+            "age": 54,
+            "hidden_age": 25,
+            "meta": {
+              "id": "8",
+            },
+          }, {
+            "name": "Mair",
+            "last_name": "Camier",
+            "age": 76,
+            "hidden_age": 25,
+            "meta": {
+              "id": "9",
+            },
+          }, {
+            "name": "Meade",
+            "last_name": "Hansana",
+            "age": 68,
+            "hidden_age": 25,
+            "meta": {
+              "id": "10",
+            },
+          }];
+
+
+
+        </script>
+
+      `, axeRunOptions);
+    expect(result).not.toBeNull();
+    expect(formatViolations(result.violations)).toEqual([]);
+  });
+});

package/lib/collection/components/duet-editable-table/duet-editable-table.js

@@ -301,7 +301,7 @@ export class DuetEditableTable {
           "references": {
             "DuetEditableTableActions": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
               "id": "src/components/duet-editable-table/duet-editable-table.tsx::DuetEditableTableActions"
             }
           }
@@ -326,7 +326,7 @@ export class DuetEditableTable {
           "references": {
             "DuetEditableTableColumns": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
               "id": "src/components/duet-editable-table/duet-editable-table.tsx::DuetEditableTableColumns"
             }
           }
@@ -351,7 +351,7 @@ export class DuetEditableTable {
           "references": {
             "DuetEditableTableRows": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
               "id": "src/components/duet-editable-table/duet-editable-table.tsx::DuetEditableTableRows"
             }
           }
@@ -487,7 +487,7 @@ export class DuetEditableTable {
           "references": {
             "DuetTableToggleEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
               "id": "src/components/duet-editable-table/duet-editable-table.tsx::DuetTableToggleEvent"
             }
           }
@@ -508,7 +508,7 @@ export class DuetEditableTable {
           "references": {
             "DuetTableMenuEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-editable-table/duet-editable-table.tsx",
               "id": "src/components/duet-editable-table/duet-editable-table.tsx::DuetTableMenuEvent"
             }
           }

package/lib/collection/components/duet-empty-state/duet-empty-state.a11y.e2e.js

@@ -0,0 +1,15 @@
+/*!
+ * Built with Duet Design System
+ */
+import { formatViolations, options as axeRunOptions, testWithAxe } from "../../utils/axe-core-utils";
+describe("[a11y] duet-empty-state", () => {
+  it("should render an accessible component", async () => {
+    const result = await testWithAxe(`
+        <duet-empty-state>
+          <duet-paragraph margin="none">Ei näytettävää sisältöä.</duet-paragraph>
+        </duet-empty-state>
+      `, axeRunOptions);
+    expect(result).not.toBeNull();
+    expect(formatViolations(result.violations)).toEqual([]);
+  });
+});

package/lib/collection/components/duet-empty-state/duet-empty-state.js

@@ -97,7 +97,7 @@ export class DuetEmptyState {
           "references": {
             "DuetEmptyStateSize": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-empty-state/duet-empty-state.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-empty-state/duet-empty-state.tsx",
               "id": "src/components/duet-empty-state/duet-empty-state.tsx::DuetEmptyStateSize"
             }
           }

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

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

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

@@ -0,0 +1,22 @@
+/*!
+ * Built with Duet Design System
+ */
+import { formatViolations, options as axeRunOptions, testWithAxe } from "../../utils/axe-core-utils";
+describe("[a11y] duet-footer", () => {
+  it("should render an accessible component", async () => {
+    const result = await testWithAxe(`
+        <duet-footer logo-href="/" language="fi" class="duet-example-without-padding"> </duet-footer>
+
+        <script>
+          var footer = document.querySelector("duet-footer")
+          footer.menu = [
+            { label: "Turvallisuus ja käyttöehdot", href: "#" },
+            { label: "Evästeet", href: "#" },
+            { label: "Henkilötietojen käsittely", href: "#" },
+          ]
+        </script>
+      `, axeRunOptions);
+    expect(result).not.toBeNull();
+    expect(formatViolations(result.violations)).toEqual([]);
+  });
+});

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

@@ -174,7 +174,7 @@ export class DuetFooter {
           "references": {
             "DuetFooterVariation": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-footer/duet-footer.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-footer/duet-footer.tsx",
               "id": "src/components/duet-footer/duet-footer.tsx::DuetFooterVariation"
             }
           }
@@ -389,7 +389,7 @@ export class DuetFooter {
           "references": {
             "DuetFooterChangeEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-footer/duet-footer.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-footer/duet-footer.tsx",
               "id": "src/components/duet-footer/duet-footer.tsx::DuetFooterChangeEvent"
             }
           }
@@ -410,7 +410,7 @@ export class DuetFooter {
           "references": {
             "DuetFooterChangeEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-footer/duet-footer.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-footer/duet-footer.tsx",
               "id": "src/components/duet-footer/duet-footer.tsx::DuetFooterChangeEvent"
             }
           }
@@ -431,7 +431,7 @@ export class DuetFooter {
           "references": {
             "DuetFooterChangeEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-footer/duet-footer.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-footer/duet-footer.tsx",
               "id": "src/components/duet-footer/duet-footer.tsx::DuetFooterChangeEvent"
             }
           }
@@ -452,7 +452,7 @@ export class DuetFooter {
           "references": {
             "DuetFooterChangeEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-footer/duet-footer.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-footer/duet-footer.tsx",
               "id": "src/components/duet-footer/duet-footer.tsx::DuetFooterChangeEvent"
             }
           }
@@ -473,7 +473,7 @@ export class DuetFooter {
           "references": {
             "DuetFooterAnalyticsEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-footer/duet-footer.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-footer/duet-footer.tsx",
               "id": "src/components/duet-footer/duet-footer.tsx::DuetFooterAnalyticsEvent"
             }
           }
@@ -494,7 +494,7 @@ export class DuetFooter {
           "references": {
             "DuetFooterChangeEvent": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-footer/duet-footer.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-footer/duet-footer.tsx",
               "id": "src/components/duet-footer/duet-footer.tsx::DuetFooterChangeEvent"
             }
           }

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

@@ -0,0 +1,17 @@
+/*!
+ * Built with Duet Design System
+ */
+import { formatViolations, options as axeRunOptions, testWithAxe } from "../../utils/axe-core-utils";
+describe("[a11y] duet-grid", () => {
+  it("should render an accessible component", async () => {
+    const result = await testWithAxe(`
+        <duet-grid responsive class="grid-demo">
+          <duet-grid-item>Grid Item<br />with multiple<br />rows of text.</duet-grid-item>
+          <duet-grid-item>Grid Item</duet-grid-item>
+          <duet-grid-item>Grid Item</duet-grid-item>
+        </duet-grid>
+      `, axeRunOptions);
+    expect(result).not.toBeNull();
+    expect(formatViolations(result.violations)).toEqual([]);
+  });
+});

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

@@ -254,7 +254,7 @@ export class DuetGrid {
           "references": {
             "DuetGridAlignment": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-grid/duet-grid.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-grid/duet-grid.tsx",
               "id": "src/components/duet-grid/duet-grid.tsx::DuetGridAlignment"
             }
           }
@@ -278,7 +278,7 @@ export class DuetGrid {
           "references": {
             "DuetGridDistribution": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-grid/duet-grid.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-grid/duet-grid.tsx",
               "id": "src/components/duet-grid/duet-grid.tsx::DuetGridDistribution"
             }
           }
@@ -302,7 +302,7 @@ export class DuetGrid {
           "references": {
             "DuetGridMobileAlignment": {
               "location": "local",
-              "path": "/Users/mgibas/workspace/duet/packages/components/src/components/duet-grid/duet-grid.tsx",
+              "path": "/Users/laaksju3/duetds/packages/components/src/components/duet-grid/duet-grid.tsx",
               "id": "src/components/duet-grid/duet-grid.tsx::DuetGridMobileAlignment"
             }
           }

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([]);
+  });
+});