Feat/aria tabs (#211)

* feat(redmine 1306631): correction to tabs role
Smile-SA · Aug 9, 2024 · 0f0d647 · 0f0d647
1 parent 85e6198
commit 0f0d647
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 0 deletions.
diff --git a/.changeset/khaki-planets-design.md b/.changeset/khaki-planets-design.md
@@ -0,0 +1,5 @@
+---
+'@smile/haring-react': minor
+---
+
+correction to dropdownMenu role
diff --git a/packages/haring-react/src/Components/DropdownButton/DropdownButton.tsx b/packages/haring-react/src/Components/DropdownButton/DropdownButton.tsx
@@ -12,6 +12,7 @@ export interface IDropdownButtonProps extends MenuProps {
   buttonComponent?: ReactNode;
   children?: ReactNode;
   label?: string;
+  role?: string;
 }
 
 /** Additional props will be forwarded to the [Mantine Menu component](https://mantine.dev/core/menu) */

diff --git a/packages/haring-react/src/Components/ResponsiveTabs/ResponsiveTabs.tsx b/packages/haring-react/src/Components/ResponsiveTabs/ResponsiveTabs.tsx
@@ -101,6 +101,7 @@ export function ResponsiveTabs(props: IResponsiveTabs): ReactNode {
             onChange={setOpened}
             opened={opened}
             position="bottom-end"
+            role="tab"
             {...dropdownButtonProps}
           >
             <div className={classes.dropdownContainer}>

diff --git a/...ges/haring-react/src/Components/ResponsiveTabs/__snapshots__/ResponsiveTabs.test.tsx.snap b/...ges/haring-react/src/Components/ResponsiveTabs/__snapshots__/ResponsiveTabs.test.tsx.snap
@@ -137,6 +137,7 @@ exports[`ResponsiveTabs matches snapshot 1`] = `
         class="haring-focus haring-active m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
         data-variant="subtle"
         id="responsive-tabs-overflow-button-target"
+        role="tab"
         style="--ai-radius: var(--mantine-radius-sm); --ai-bg: transparent; --ai-hover: rgba(0, 0, 0, 0.12); --ai-color: gray-9; --ai-bd: calc(0.0625rem * var(--mantine-scale)) solid transparent;"
         type="button"
       >