feat(ScrollButton): Add aria attributes

Royal-Navy · Jul 15, 2020 · c8f2d4d · c8f2d4d
1 parent 86ab25f
commit c8f2d4d
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/packages/react-component-library/src/components/TabSet/ScrollButton.tsx b/packages/react-component-library/src/components/TabSet/ScrollButton.tsx
@@ -30,6 +30,7 @@ export const ScrollButton: React.FC<ScrollButtonProps> = ({
     <button
       className={classes}
       onClick={onClick}
+      aria-hidden
       data-testid={`scroll-${direction}`}
     >
       {SCROLL_DIRECTION_ICON_MAP[direction]}

diff --git a/packages/react-component-library/src/components/TabSet/TabSet.test.tsx b/packages/react-component-library/src/components/TabSet/TabSet.test.tsx
@@ -238,6 +238,11 @@ describe('TabSet', () => {
       )
     })
 
+    it('should add the `aria-hidden` attribute', () => {
+      expect(wrapper.getByTestId('scroll-left')).toHaveAttribute('aria-hidden')
+      expect(wrapper.getByTestId('scroll-right')).toHaveAttribute('aria-hidden')
+    })
+
     it('should present a scroll left button', () => {
       expect(wrapper.getByTestId('scroll-left')).toBeInTheDocument()
     })