diff --git a/src/components/TableSkeleton.test.tsx b/src/components/TableSkeleton.test.tsx index 98d3ea6..0e18add 100644 --- a/src/components/TableSkeleton.test.tsx +++ b/src/components/TableSkeleton.test.tsx @@ -17,4 +17,11 @@ describe("TableSkeleton", () => { // One header row plus 3 body rows = 4 direct row containers. expect(status?.children).toHaveLength(4); }); + + it("applies reduced-motion classes for accessibility", () => { + render(); + const status = screen.getByRole("status"); + expect(status).toHaveClass("animate-pulse"); + expect(status).toHaveClass("motion-reduce:animate-none"); + }); }); diff --git a/src/components/TableSkeleton.tsx b/src/components/TableSkeleton.tsx index 6f24ee1..5aa31ce 100644 --- a/src/components/TableSkeleton.tsx +++ b/src/components/TableSkeleton.tsx @@ -8,7 +8,7 @@ export function TableSkeleton({ }) { return (