From 1becc73c7be77f4bb8543cfb99c5898165b89e2c Mon Sep 17 00:00:00 2001
From: Antoine SUBRA <antoine.subra1@gmail.com>
Date: Thu, 1 Aug 2024 09:58:52 +0200
Subject: [PATCH] fix(redmine 1306603): fixed test

---
 .../CalendarHeader.test.tsx.snap              |  3 ++
 .../__snapshots__/TableGridView.test.tsx.snap | 28 +++++++++++++++++++
 .../__snapshots__/CardList.test.tsx.snap      |  8 ++++++
 .../CollapseButton.test.tsx.snap              |  1 +
 .../__snapshots__/HeaderMenu.test.tsx.snap    |  2 ++
 .../__snapshots__/InfoBox.test.tsx.snap       |  1 +
 .../SidebarFilters.test.tsx.snap              |  5 ++++
 .../__snapshots__/SidebarMenu.test.tsx.snap   |  6 ++++
 .../__snapshots__/ThumbnailGrid.test.tsx.snap |  3 ++
 9 files changed, 57 insertions(+)

diff --git a/packages/haring-react-dates/src/Components/CalendarHeader/__snapshots__/CalendarHeader.test.tsx.snap b/packages/haring-react-dates/src/Components/CalendarHeader/__snapshots__/CalendarHeader.test.tsx.snap
index 9965d95c..88cc2643 100644
--- a/packages/haring-react-dates/src/Components/CalendarHeader/__snapshots__/CalendarHeader.test.tsx.snap
+++ b/packages/haring-react-dates/src/Components/CalendarHeader/__snapshots__/CalendarHeader.test.tsx.snap
@@ -19,6 +19,7 @@ exports[`CalendarHeader matches snapshot 1`] = `
       aria-controls="mantine-f4bipx4bi-dropdown"
       aria-expanded="false"
       aria-haspopup="dialog"
+      aria-label="calendar"
       class="m_730a79ed mantine-CalendarHeader-calendarHeader"
       color="red"
       data-size="md"
@@ -26,6 +27,7 @@ exports[`CalendarHeader matches snapshot 1`] = `
       style="--dch-control-size: var(--dch-control-size-md); --dch-fz: var(--mantine-font-size-md);"
     >
       <button
+        aria-label="Previous button"
         class="haring-focus m_2351eeb0 mantine-CalendarHeader-calendarHeaderControl m_87cf2631 mantine-UnstyledButton-root"
         data-direction="previous"
         tabindex="0"
@@ -55,6 +57,7 @@ exports[`CalendarHeader matches snapshot 1`] = `
         August 2023
       </button>
       <button
+        aria-label="Next button"
         class="haring-focus m_2351eeb0 mantine-CalendarHeader-calendarHeaderControl m_87cf2631 mantine-UnstyledButton-root"
         data-direction="next"
         tabindex="0"
diff --git a/packages/haring-react-table/src/Components/TableGridView/__snapshots__/TableGridView.test.tsx.snap b/packages/haring-react-table/src/Components/TableGridView/__snapshots__/TableGridView.test.tsx.snap
index e1650c65..5e36ddaf 100644
--- a/packages/haring-react-table/src/Components/TableGridView/__snapshots__/TableGridView.test.tsx.snap
+++ b/packages/haring-react-table/src/Components/TableGridView/__snapshots__/TableGridView.test.tsx.snap
@@ -1067,6 +1067,7 @@ exports[`TableGridView matches snapshot 1`] = `
                     class=" rowActionsRef"
                   >
                     <button
+                      aria-label="Move in tree"
                       class="haring-focus haring-active m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
                       data-variant="transparent"
                       style="--ai-radius: calc(0.25rem * var(--mantine-scale)); --ai-bg: transparent; --ai-hover: transparent; --ai-color: var(--mantine-color-cyan-light-color); --ai-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
@@ -1102,6 +1103,7 @@ exports[`TableGridView matches snapshot 1`] = `
                       </span>
                     </button>
                     <button
+                      aria-label="Open document"
                       class="haring-focus haring-active m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
                       data-variant="transparent"
                       style="--ai-radius: calc(0.25rem * var(--mantine-scale)); --ai-bg: transparent; --ai-hover: transparent; --ai-color: var(--mantine-color-cyan-light-color); --ai-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
@@ -1124,6 +1126,7 @@ exports[`TableGridView matches snapshot 1`] = `
                       </span>
                     </button>
                     <button
+                      aria-label="Edit document"
                       class="haring-focus haring-active m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
                       data-variant="transparent"
                       style="--ai-radius: calc(0.25rem * var(--mantine-scale)); --ai-bg: transparent; --ai-hover: transparent; --ai-color: var(--mantine-color-cyan-light-color); --ai-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
@@ -1149,6 +1152,7 @@ exports[`TableGridView matches snapshot 1`] = `
                       aria-controls="mantine-f4bipx4bi-dropdown"
                       aria-expanded="false"
                       aria-haspopup="menu"
+                      aria-label="other actions"
                       class="haring-focus haring-active undefined undefined m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
                       data-variant="transparent"
                       id="mantine-f4bipx4bi-target"
@@ -1276,6 +1280,7 @@ exports[`TableGridView matches snapshot 1`] = `
                     class=" rowActionsRef"
                   >
                     <button
+                      aria-label="Move in tree"
                       class="haring-focus haring-active m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
                       data-variant="transparent"
                       style="--ai-radius: calc(0.25rem * var(--mantine-scale)); --ai-bg: transparent; --ai-hover: transparent; --ai-color: var(--mantine-color-cyan-light-color); --ai-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
@@ -1311,6 +1316,7 @@ exports[`TableGridView matches snapshot 1`] = `
                       </span>
                     </button>
                     <button
+                      aria-label="Open document"
                       class="haring-focus haring-active m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
                       data-variant="transparent"
                       style="--ai-radius: calc(0.25rem * var(--mantine-scale)); --ai-bg: transparent; --ai-hover: transparent; --ai-color: var(--mantine-color-cyan-light-color); --ai-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
@@ -1333,6 +1339,7 @@ exports[`TableGridView matches snapshot 1`] = `
                       </span>
                     </button>
                     <button
+                      aria-label="Edit document"
                       class="haring-focus haring-active m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
                       data-variant="transparent"
                       style="--ai-radius: calc(0.25rem * var(--mantine-scale)); --ai-bg: transparent; --ai-hover: transparent; --ai-color: var(--mantine-color-cyan-light-color); --ai-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
@@ -1358,6 +1365,7 @@ exports[`TableGridView matches snapshot 1`] = `
                       aria-controls="mantine-f4bipx4bi-dropdown"
                       aria-expanded="false"
                       aria-haspopup="menu"
+                      aria-label="other actions"
                       class="haring-focus haring-active undefined undefined m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
                       data-variant="transparent"
                       id="mantine-f4bipx4bi-target"
@@ -1485,6 +1493,7 @@ exports[`TableGridView matches snapshot 1`] = `
                     class=" rowActionsRef"
                   >
                     <button
+                      aria-label="Move in tree"
                       class="haring-focus haring-active m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
                       data-variant="transparent"
                       style="--ai-radius: calc(0.25rem * var(--mantine-scale)); --ai-bg: transparent; --ai-hover: transparent; --ai-color: var(--mantine-color-cyan-light-color); --ai-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
@@ -1520,6 +1529,7 @@ exports[`TableGridView matches snapshot 1`] = `
                       </span>
                     </button>
                     <button
+                      aria-label="Open document"
                       class="haring-focus haring-active m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
                       data-variant="transparent"
                       style="--ai-radius: calc(0.25rem * var(--mantine-scale)); --ai-bg: transparent; --ai-hover: transparent; --ai-color: var(--mantine-color-cyan-light-color); --ai-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
@@ -1542,6 +1552,7 @@ exports[`TableGridView matches snapshot 1`] = `
                       </span>
                     </button>
                     <button
+                      aria-label="Edit document"
                       class="haring-focus haring-active m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
                       data-variant="transparent"
                       style="--ai-radius: calc(0.25rem * var(--mantine-scale)); --ai-bg: transparent; --ai-hover: transparent; --ai-color: var(--mantine-color-cyan-light-color); --ai-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
@@ -1567,6 +1578,7 @@ exports[`TableGridView matches snapshot 1`] = `
                       aria-controls="mantine-f4bipx4bi-dropdown"
                       aria-expanded="false"
                       aria-haspopup="menu"
+                      aria-label="other actions"
                       class="haring-focus haring-active undefined undefined m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
                       data-variant="transparent"
                       id="mantine-f4bipx4bi-target"
@@ -1694,6 +1706,7 @@ exports[`TableGridView matches snapshot 1`] = `
                     class=" rowActionsRef"
                   >
                     <button
+                      aria-label="Move in tree"
                       class="haring-focus haring-active m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
                       data-variant="transparent"
                       style="--ai-radius: calc(0.25rem * var(--mantine-scale)); --ai-bg: transparent; --ai-hover: transparent; --ai-color: var(--mantine-color-cyan-light-color); --ai-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
@@ -1729,6 +1742,7 @@ exports[`TableGridView matches snapshot 1`] = `
                       </span>
                     </button>
                     <button
+                      aria-label="Open document"
                       class="haring-focus haring-active m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
                       data-variant="transparent"
                       style="--ai-radius: calc(0.25rem * var(--mantine-scale)); --ai-bg: transparent; --ai-hover: transparent; --ai-color: var(--mantine-color-cyan-light-color); --ai-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
@@ -1751,6 +1765,7 @@ exports[`TableGridView matches snapshot 1`] = `
                       </span>
                     </button>
                     <button
+                      aria-label="Edit document"
                       class="haring-focus haring-active m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
                       data-variant="transparent"
                       style="--ai-radius: calc(0.25rem * var(--mantine-scale)); --ai-bg: transparent; --ai-hover: transparent; --ai-color: var(--mantine-color-cyan-light-color); --ai-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
@@ -1776,6 +1791,7 @@ exports[`TableGridView matches snapshot 1`] = `
                       aria-controls="mantine-f4bipx4bi-dropdown"
                       aria-expanded="false"
                       aria-haspopup="menu"
+                      aria-label="other actions"
                       class="haring-focus haring-active undefined undefined m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
                       data-variant="transparent"
                       id="mantine-f4bipx4bi-target"
@@ -1903,6 +1919,7 @@ exports[`TableGridView matches snapshot 1`] = `
                     class=" rowActionsRef"
                   >
                     <button
+                      aria-label="Move in tree"
                       class="haring-focus haring-active m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
                       data-variant="transparent"
                       style="--ai-radius: calc(0.25rem * var(--mantine-scale)); --ai-bg: transparent; --ai-hover: transparent; --ai-color: var(--mantine-color-cyan-light-color); --ai-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
@@ -1938,6 +1955,7 @@ exports[`TableGridView matches snapshot 1`] = `
                       </span>
                     </button>
                     <button
+                      aria-label="Open document"
                       class="haring-focus haring-active m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
                       data-variant="transparent"
                       style="--ai-radius: calc(0.25rem * var(--mantine-scale)); --ai-bg: transparent; --ai-hover: transparent; --ai-color: var(--mantine-color-cyan-light-color); --ai-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
@@ -1960,6 +1978,7 @@ exports[`TableGridView matches snapshot 1`] = `
                       </span>
                     </button>
                     <button
+                      aria-label="Edit document"
                       class="haring-focus haring-active m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
                       data-variant="transparent"
                       style="--ai-radius: calc(0.25rem * var(--mantine-scale)); --ai-bg: transparent; --ai-hover: transparent; --ai-color: var(--mantine-color-cyan-light-color); --ai-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
@@ -1985,6 +2004,7 @@ exports[`TableGridView matches snapshot 1`] = `
                       aria-controls="mantine-f4bipx4bi-dropdown"
                       aria-expanded="false"
                       aria-haspopup="menu"
+                      aria-label="other actions"
                       class="haring-focus haring-active undefined undefined m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
                       data-variant="transparent"
                       id="mantine-f4bipx4bi-target"
@@ -2112,6 +2132,7 @@ exports[`TableGridView matches snapshot 1`] = `
                     class=" rowActionsRef"
                   >
                     <button
+                      aria-label="Move in tree"
                       class="haring-focus haring-active m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
                       data-variant="transparent"
                       style="--ai-radius: calc(0.25rem * var(--mantine-scale)); --ai-bg: transparent; --ai-hover: transparent; --ai-color: var(--mantine-color-cyan-light-color); --ai-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
@@ -2147,6 +2168,7 @@ exports[`TableGridView matches snapshot 1`] = `
                       </span>
                     </button>
                     <button
+                      aria-label="Open document"
                       class="haring-focus haring-active m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
                       data-variant="transparent"
                       style="--ai-radius: calc(0.25rem * var(--mantine-scale)); --ai-bg: transparent; --ai-hover: transparent; --ai-color: var(--mantine-color-cyan-light-color); --ai-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
@@ -2169,6 +2191,7 @@ exports[`TableGridView matches snapshot 1`] = `
                       </span>
                     </button>
                     <button
+                      aria-label="Edit document"
                       class="haring-focus haring-active m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
                       data-variant="transparent"
                       style="--ai-radius: calc(0.25rem * var(--mantine-scale)); --ai-bg: transparent; --ai-hover: transparent; --ai-color: var(--mantine-color-cyan-light-color); --ai-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
@@ -2194,6 +2217,7 @@ exports[`TableGridView matches snapshot 1`] = `
                       aria-controls="mantine-f4bipx4bi-dropdown"
                       aria-expanded="false"
                       aria-haspopup="menu"
+                      aria-label="other actions"
                       class="haring-focus haring-active undefined undefined m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
                       data-variant="transparent"
                       id="mantine-f4bipx4bi-target"
@@ -2328,6 +2352,7 @@ exports[`TableGridView matches snapshot 1`] = `
                     class=" rowActionsRef"
                   >
                     <button
+                      aria-label="Move in tree"
                       class="haring-focus haring-active m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
                       data-variant="transparent"
                       style="--ai-radius: calc(0.25rem * var(--mantine-scale)); --ai-bg: transparent; --ai-hover: transparent; --ai-color: var(--mantine-color-cyan-light-color); --ai-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
@@ -2363,6 +2388,7 @@ exports[`TableGridView matches snapshot 1`] = `
                       </span>
                     </button>
                     <button
+                      aria-label="Open document"
                       class="haring-focus haring-active m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
                       data-variant="transparent"
                       style="--ai-radius: calc(0.25rem * var(--mantine-scale)); --ai-bg: transparent; --ai-hover: transparent; --ai-color: var(--mantine-color-cyan-light-color); --ai-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
@@ -2385,6 +2411,7 @@ exports[`TableGridView matches snapshot 1`] = `
                       </span>
                     </button>
                     <button
+                      aria-label="Edit document"
                       class="haring-focus haring-active m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
                       data-variant="transparent"
                       style="--ai-radius: calc(0.25rem * var(--mantine-scale)); --ai-bg: transparent; --ai-hover: transparent; --ai-color: var(--mantine-color-cyan-light-color); --ai-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
@@ -2410,6 +2437,7 @@ exports[`TableGridView matches snapshot 1`] = `
                       aria-controls="mantine-f4bipx4bi-dropdown"
                       aria-expanded="false"
                       aria-haspopup="menu"
+                      aria-label="other actions"
                       class="haring-focus haring-active undefined undefined m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
                       data-variant="transparent"
                       id="mantine-f4bipx4bi-target"
diff --git a/packages/haring-react/src/Components/CardList/__snapshots__/CardList.test.tsx.snap b/packages/haring-react/src/Components/CardList/__snapshots__/CardList.test.tsx.snap
index 66764486..72919868 100644
--- a/packages/haring-react/src/Components/CardList/__snapshots__/CardList.test.tsx.snap
+++ b/packages/haring-react/src/Components/CardList/__snapshots__/CardList.test.tsx.snap
@@ -63,6 +63,7 @@ exports[`CardList matches snapshot 1`] = `
                   style="gap: calc(1rem * var(--mantine-scale)); align-items: center;"
                 >
                   <button
+                    aria-label="export button"
                     class="haring-focus haring-active m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
                     data-variant="subtle"
                     style="--ai-size: calc(1.875rem * var(--mantine-scale)); --ai-bg: transparent; --ai-hover: var(--mantine-color-cyan-light-hover); --ai-color: var(--mantine-color-cyan-light-color); --ai-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
@@ -85,6 +86,7 @@ exports[`CardList matches snapshot 1`] = `
                     </span>
                   </button>
                   <button
+                    aria-label="eye button"
                     class="haring-focus haring-active m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
                     data-variant="subtle"
                     style="--ai-size: calc(1.875rem * var(--mantine-scale)); --ai-bg: transparent; --ai-hover: var(--mantine-color-cyan-light-hover); --ai-color: var(--mantine-color-cyan-light-color); --ai-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
@@ -145,6 +147,7 @@ exports[`CardList matches snapshot 1`] = `
                   style="gap: calc(1rem * var(--mantine-scale)); align-items: center;"
                 >
                   <button
+                    aria-label="export button"
                     class="haring-focus haring-active m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
                     data-variant="subtle"
                     style="--ai-size: calc(1.875rem * var(--mantine-scale)); --ai-bg: transparent; --ai-hover: var(--mantine-color-cyan-light-hover); --ai-color: var(--mantine-color-cyan-light-color); --ai-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
@@ -167,6 +170,7 @@ exports[`CardList matches snapshot 1`] = `
                     </span>
                   </button>
                   <button
+                    aria-label="eye button"
                     class="haring-focus haring-active m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
                     data-variant="subtle"
                     style="--ai-size: calc(1.875rem * var(--mantine-scale)); --ai-bg: transparent; --ai-hover: var(--mantine-color-cyan-light-hover); --ai-color: var(--mantine-color-cyan-light-color); --ai-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
@@ -227,6 +231,7 @@ exports[`CardList matches snapshot 1`] = `
                   style="gap: calc(1rem * var(--mantine-scale)); align-items: center;"
                 >
                   <button
+                    aria-label="export button"
                     class="haring-focus haring-active m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
                     data-variant="subtle"
                     style="--ai-size: calc(1.875rem * var(--mantine-scale)); --ai-bg: transparent; --ai-hover: var(--mantine-color-cyan-light-hover); --ai-color: var(--mantine-color-cyan-light-color); --ai-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
@@ -249,6 +254,7 @@ exports[`CardList matches snapshot 1`] = `
                     </span>
                   </button>
                   <button
+                    aria-label="eye button"
                     class="haring-focus haring-active m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
                     data-variant="subtle"
                     style="--ai-size: calc(1.875rem * var(--mantine-scale)); --ai-bg: transparent; --ai-hover: var(--mantine-color-cyan-light-hover); --ai-color: var(--mantine-color-cyan-light-color); --ai-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
@@ -309,6 +315,7 @@ exports[`CardList matches snapshot 1`] = `
                   style="gap: calc(1rem * var(--mantine-scale)); align-items: center;"
                 >
                   <button
+                    aria-label="export button"
                     class="haring-focus haring-active m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
                     data-variant="subtle"
                     style="--ai-size: calc(1.875rem * var(--mantine-scale)); --ai-bg: transparent; --ai-hover: var(--mantine-color-cyan-light-hover); --ai-color: var(--mantine-color-cyan-light-color); --ai-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
@@ -331,6 +338,7 @@ exports[`CardList matches snapshot 1`] = `
                     </span>
                   </button>
                   <button
+                    aria-label="eye button"
                     class="haring-focus haring-active m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
                     data-variant="subtle"
                     style="--ai-size: calc(1.875rem * var(--mantine-scale)); --ai-bg: transparent; --ai-hover: var(--mantine-color-cyan-light-hover); --ai-color: var(--mantine-color-cyan-light-color); --ai-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
diff --git a/packages/haring-react/src/Components/CollapseButton/__snapshots__/CollapseButton.test.tsx.snap b/packages/haring-react/src/Components/CollapseButton/__snapshots__/CollapseButton.test.tsx.snap
index 004045e5..20128c79 100644
--- a/packages/haring-react/src/Components/CollapseButton/__snapshots__/CollapseButton.test.tsx.snap
+++ b/packages/haring-react/src/Components/CollapseButton/__snapshots__/CollapseButton.test.tsx.snap
@@ -39,6 +39,7 @@ exports[`CollapseButton matches snapshot 1`] = `
         data-position="right"
       >
         <button
+          aria-label="expand button"
           class="haring-focus haring-active m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
           data-testid="toggle"
           data-variant="transparent"
diff --git a/packages/haring-react/src/Components/HeaderMenu/__snapshots__/HeaderMenu.test.tsx.snap b/packages/haring-react/src/Components/HeaderMenu/__snapshots__/HeaderMenu.test.tsx.snap
index 471a48e5..d4dc8150 100644
--- a/packages/haring-react/src/Components/HeaderMenu/__snapshots__/HeaderMenu.test.tsx.snap
+++ b/packages/haring-react/src/Components/HeaderMenu/__snapshots__/HeaderMenu.test.tsx.snap
@@ -159,6 +159,7 @@ exports[`HeaderMenu matches snapshot in mobile mode 1`] = `
           data-position="right"
         >
           <button
+            aria-label="expand button"
             class="haring-focus haring-active m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
             data-testid="toggle"
             data-variant="transparent"
@@ -272,6 +273,7 @@ exports[`HeaderMenu matches snapshot in mobile mode 1`] = `
             data-position="right"
           >
             <button
+              aria-label="expand button"
               class="haring-focus haring-active m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
               data-testid="toggle"
               data-variant="transparent"
diff --git a/packages/haring-react/src/Components/InfoBox/__snapshots__/InfoBox.test.tsx.snap b/packages/haring-react/src/Components/InfoBox/__snapshots__/InfoBox.test.tsx.snap
index 9c091149..fb9308e0 100644
--- a/packages/haring-react/src/Components/InfoBox/__snapshots__/InfoBox.test.tsx.snap
+++ b/packages/haring-react/src/Components/InfoBox/__snapshots__/InfoBox.test.tsx.snap
@@ -108,6 +108,7 @@ exports[`InfoBox matches snapshot 1`] = `
         <div />
       </div>
       <button
+        aria-label="expand button"
         class="haring-focus haring-active undefined false m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
         style="--ai-color: var(--mantine-color-white);"
         type="button"
diff --git a/packages/haring-react/src/Components/SidebarFilters/__snapshots__/SidebarFilters.test.tsx.snap b/packages/haring-react/src/Components/SidebarFilters/__snapshots__/SidebarFilters.test.tsx.snap
index ca80d9e0..c7b5973c 100644
--- a/packages/haring-react/src/Components/SidebarFilters/__snapshots__/SidebarFilters.test.tsx.snap
+++ b/packages/haring-react/src/Components/SidebarFilters/__snapshots__/SidebarFilters.test.tsx.snap
@@ -50,6 +50,7 @@ exports[`SidebarFilters matches snapshot 1`] = `
             data-position="right"
           >
             <button
+              aria-label="expand icon"
               class="haring-focus haring-active m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
               data-testid="toggle"
               data-variant="transparent"
@@ -248,6 +249,7 @@ exports[`SidebarFilters matches snapshot 1`] = `
               data-position="right"
             >
               <button
+                aria-label="expand button"
                 class="haring-focus haring-active m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
                 data-testid="toggle"
                 data-variant="transparent"
@@ -448,6 +450,7 @@ exports[`SidebarFilters matches snapshot 1`] = `
               data-position="right"
             >
               <button
+                aria-label="expand button"
                 class="haring-focus haring-active m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
                 data-testid="toggle"
                 data-variant="transparent"
@@ -509,6 +512,7 @@ exports[`SidebarFilters matches snapshot 1`] = `
                 data-position="right"
               >
                 <button
+                  aria-label="expand button"
                   class="haring-focus haring-active m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
                   data-testid="toggle"
                   data-variant="transparent"
@@ -663,6 +667,7 @@ exports[`SidebarFilters matches snapshot 1`] = `
                 data-position="right"
               >
                 <button
+                  aria-label="expand button"
                   class="haring-focus haring-active m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
                   data-testid="toggle"
                   data-variant="transparent"
diff --git a/packages/haring-react/src/Components/SidebarMenu/__snapshots__/SidebarMenu.test.tsx.snap b/packages/haring-react/src/Components/SidebarMenu/__snapshots__/SidebarMenu.test.tsx.snap
index 378ff538..827a27a5 100644
--- a/packages/haring-react/src/Components/SidebarMenu/__snapshots__/SidebarMenu.test.tsx.snap
+++ b/packages/haring-react/src/Components/SidebarMenu/__snapshots__/SidebarMenu.test.tsx.snap
@@ -72,6 +72,7 @@ exports[`SidebarMenu matches snapshot 1`] = `
           data-position="right"
         >
           <button
+            aria-label="expand button"
             class="haring-focus haring-active m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
             data-testid="toggle"
             data-variant="transparent"
@@ -187,6 +188,7 @@ exports[`SidebarMenu matches snapshot 1`] = `
           data-position="right"
         >
           <button
+            aria-label="expand button"
             class="haring-focus haring-active m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
             data-testid="toggle"
             data-variant="transparent"
@@ -302,6 +304,7 @@ exports[`SidebarMenu matches snapshot 1`] = `
           data-position="right"
         >
           <button
+            aria-label="expand button"
             class="haring-focus haring-active m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
             data-testid="toggle"
             data-variant="transparent"
@@ -389,6 +392,7 @@ exports[`SidebarMenu matches snapshot 1`] = `
             data-position="right"
           >
             <button
+              aria-label="expand button"
               class="haring-focus haring-active m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
               data-testid="toggle"
               data-variant="transparent"
@@ -584,6 +588,7 @@ exports[`SidebarMenu matches snapshot 1`] = `
           data-position="right"
         >
           <button
+            aria-label="expand button"
             class="haring-focus haring-active m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
             data-testid="toggle"
             data-variant="transparent"
@@ -645,6 +650,7 @@ exports[`SidebarMenu matches snapshot 1`] = `
             data-position="right"
           >
             <button
+              aria-label="expand button"
               class="haring-focus haring-active m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
               data-testid="toggle"
               data-variant="transparent"
diff --git a/packages/haring-react/src/Components/ThumbnailGrid/__snapshots__/ThumbnailGrid.test.tsx.snap b/packages/haring-react/src/Components/ThumbnailGrid/__snapshots__/ThumbnailGrid.test.tsx.snap
index 91345059..17831df4 100644
--- a/packages/haring-react/src/Components/ThumbnailGrid/__snapshots__/ThumbnailGrid.test.tsx.snap
+++ b/packages/haring-react/src/Components/ThumbnailGrid/__snapshots__/ThumbnailGrid.test.tsx.snap
@@ -144,6 +144,7 @@ exports[`ThumbnailGrid matches snapshot 1`] = `
               aria-controls="mantine-f4bipx4bi-dropdown"
               aria-expanded="false"
               aria-haspopup="menu"
+              aria-label="option menu button"
               class="haring-focus haring-active m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
               id="mantine-f4bipx4bi-target"
               style="--ai-radius: calc(0.25rem * var(--mantine-scale)); --ai-color: var(--mantine-color-white);"
@@ -206,6 +207,7 @@ exports[`ThumbnailGrid matches snapshot 1`] = `
               aria-controls="mantine-f4bipx4bi-dropdown"
               aria-expanded="false"
               aria-haspopup="menu"
+              aria-label="option menu button"
               class="haring-focus haring-active m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
               id="mantine-f4bipx4bi-target"
               style="--ai-radius: calc(0.25rem * var(--mantine-scale)); --ai-color: var(--mantine-color-white);"
@@ -269,6 +271,7 @@ exports[`ThumbnailGrid matches snapshot 1`] = `
               aria-controls="mantine-f4bipx4bi-dropdown"
               aria-expanded="false"
               aria-haspopup="menu"
+              aria-label="option menu button"
               class="haring-focus haring-active m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
               id="mantine-f4bipx4bi-target"
               style="--ai-radius: calc(0.25rem * var(--mantine-scale)); --ai-color: var(--mantine-color-white);"