fix: aria-current="page" nos itens de navegação ativos (closes #118)

__tests__/unit/a11y-pagina-atual.test.ts

@@ -0,0 +1,47 @@
+import { describe, it, expect } from 'vitest'
+import { readFileSync } from 'node:fs'
+import { join } from 'node:path'
+
+// ─── Sidebar / BottomNav — item de navegação atual exposto a leitor de tela (#118) ─
+//
+// Não há infra de render de componente no projeto (sem jsdom/testing-library).
+// O gate possível é sobre o texto-fonte: garantir que `aria-current` esteja
+// amarrado à expressão de estado, e que seja `'page'` — não `true` nem um
+// literal fixo. `aria-current="page"` fixo marcaria os 11+ links como a
+// página atual (pior que o bug original); `aria-current={active}` renderiza
+// `aria-current="false"` no item inativo, que ARIA trata como estado
+// presente (não ausência) — React só omite `aria-*` para `undefined`/`null`.
+// Ambas as correções erradas passariam num `toMatch(/aria-current/)` genérico.
+// As asserções ancoram na linha inteira (`^\s*...$` com flag `m`), não em
+// qualquer ocorrência do arquivo — senão o atributo comentado deixaria o
+// teste verde com os 22 links de volta a se anunciar idênticos, mesmo modo
+// de falha que `a11y-estado-selecao.test.ts` (#107) documenta para
+// `aria-pressed`. Ancoram também no elemento (`<Link\b[^<]*`) — sem isso, o
+// mesmo atributo movido para um filho do `<Link>` (ex: a `<div>`/`<Icon>`
+// que já carrega o destaque visual do item ativo) mantém a asserção verde
+// com o `<a>` sem `aria-current` na árvore, a mesma classe de correção
+// errada que a família #126/#127/#128 nomeia como "aria-label no ícone em
+// vez do botão". `[^<]*`, não `[^>]*`: o `<Link>` do dialog "Menu" tem
+// `onClick={() => {...}}` na tag de abertura, e a seta `=>` contém um `>`
+// que faria `[^>]*` parar cedo demais e reprovar o fonte correto.
+
+const sidebar = readFileSync(join(process.cwd(), 'components/layout/Sidebar.tsx'), 'utf-8')
+const bottomNav = readFileSync(join(process.cwd(), 'components/layout/BottomNav.tsx'), 'utf-8')
+
+describe('Sidebar — aria-current amarrado ao estado (#118, site 1)', () => {
+  it('expõe aria-current="page" no item ativo do NavItem, e undefined nos demais', () => {
+    expect(sidebar).toMatch(/<Link\b[^<]*^\s*aria-current=\{active \? 'page' : undefined\}$/m)
+  })
+})
+
+describe('BottomNav — aria-current amarrado ao estado (#118, sites 2 e 3)', () => {
+  it('expõe aria-current="page" no NavItem da barra inferior', () => {
+    expect(bottomNav).toMatch(/<Link\b[^<]*^\s*aria-current=\{active \? 'page' : undefined\}$/m)
+  })
+
+  it('expõe aria-current="page" nos links inline do dialog "Menu"', () => {
+    expect(bottomNav).toMatch(
+      /<Link\b[^<]*^\s*aria-current=\{isActive\(href\) \? 'page' : undefined\}$/m
+    )
+  })
+})

components/layout/BottomNav.tsx

@@ -63,6 +63,7 @@ function NavItem({
     <Link
       href={href}
       onClick={onClick}
+      aria-current={active ? 'page' : undefined}
       className="flex flex-1 flex-col items-center gap-1 px-1 py-2"
     >
       <div
@@ -198,6 +199,7 @@ export function BottomNav({ userEmail }: BottomNavProps) {
                   setPendingHref(href)
                   setMenuOpen(false)
                 }}
+                aria-current={isActive(href) ? 'page' : undefined}
                 className={cn(
                   'flex items-center gap-3 rounded-lg border px-4 py-3 text-small font-medium transition-colors',
                   isActive(href)

components/layout/Sidebar.tsx

@@ -66,6 +66,7 @@ function NavItem({
     <Link
       href={href}
       onClick={onClick}
+      aria-current={active ? 'page' : undefined}
       className={cn(
         'relative flex items-center gap-3 rounded-md px-3 py-2 text-small font-medium transition-all duration-fast',
         active