diff --git a/src/components/medications/__tests__/intake-history-list-v2.test.tsx b/src/components/medications/__tests__/intake-history-list-v2.test.tsx index bcbc2bd8f..283ea1fb4 100644 --- a/src/components/medications/__tests__/intake-history-list-v2.test.tsx +++ b/src/components/medications/__tests__/intake-history-list-v2.test.tsx @@ -193,6 +193,29 @@ describe(" — sort indicators", () => { expect(html).toContain("arrow-up-down"); }); + it("applies focus-visible ring + min-h-11 to sort header buttons", () => { + const client = makeClient(); + seedIntake(client, "med-a11y", [ + { + id: "evt-1", + medicationId: "med-a11y", + scheduledFor: "2026-05-15T08:00:00.000Z", + takenAt: "2026-05-15T08:02:00.000Z", + skipped: false, + source: "WEB", + createdAt: "2026-05-15T08:02:00.000Z", + }, + ]); + const html = render( + , + client, + ); + expect(html).toContain("focus-visible:ring-ring"); + expect(html).toContain("focus-visible:ring-2"); + expect(html).toContain("focus-visible:ring-offset-2"); + expect(html).toContain("min-h-11"); + }); + it("renders pagination controls only when more than one page", () => { const client = makeClient(); // 50 total > pageSize 25 → pagination should render diff --git a/src/components/medications/intake-history-list-v2.tsx b/src/components/medications/intake-history-list-v2.tsx index 35edda6f4..58ca0e2a5 100644 --- a/src/components/medications/intake-history-list-v2.tsx +++ b/src/components/medications/intake-history-list-v2.tsx @@ -188,7 +188,7 @@ export function IntakeHistoryListV2({