SubNav: Add aria-current to SubNav

.changeset/khaki-pillows-change.md

@@ -0,0 +1,5 @@
+---
+"@primer/react": patch
+---
+
+SubNav: Adds `aria-current` to selected links

packages/react/src/SubNav/SubNav.tsx

@@ -156,6 +156,7 @@ const SubNavLink = React.forwardRef<HTMLElement, StyledSubNavLinkProps>(function
       ref={forwardRef}
       className={clsx(className, enabled && styles.Link)}
       data-selected={rest.selected}
+      aria-current={rest.selected}
       {...rest}
     >
       {children}

packages/react/src/__tests__/SubNav.test.tsx

@@ -65,4 +65,20 @@ describe('SubNav', () => {
     expect(getByTestId('action')).toBeInTheDocument()
     expect(getByTestId('action').parentElement).toHaveClass('SubNav-actions')
   })
+
+  it('sets aria-current on the selected child', () => {
+    const {getByTestId} = HTMLRender(
+      <SubNav>
+        <SubNav.Link to="/foo" data-testid="foo" selected>
+          Foo
+        </SubNav.Link>
+        <SubNav.Link to="/bar" data-testid="bar">
+          Bar
+        </SubNav.Link>
+      </SubNav>,
+    )
+
+    expect(getByTestId('foo')).toHaveAttribute('aria-current', 'true')
+    expect(getByTestId('bar')).not.toHaveAttribute('aria-current')
+  })
 })

packages/react/src/__tests__/__snapshots__/SubNavLink.test.tsx.snap

@@ -52,6 +52,7 @@ exports[`SubNav.Link respects the "selected" prop 1`] = `
 }
 
 <a
+  aria-current={true}
   className="c0 SubNav-item selected"
   data-selected={true}
   selected={true}