diff --git a/ui/components/shadcn/combobox/combobox.test.tsx b/ui/components/shadcn/combobox/combobox.test.tsx index 928472f0eb..a15b5797d1 100644 --- a/ui/components/shadcn/combobox/combobox.test.tsx +++ b/ui/components/shadcn/combobox/combobox.test.tsx @@ -101,6 +101,24 @@ describe("Combobox", () => { expect(unselectedCheck).toHaveClass("scale-95", "opacity-0"); }); + it("degrades the loading spinner animation under reduced motion", async () => { + // Given + const user = userEvent.setup(); + render( + , + ); + + // When + await user.click( + screen.getByRole("combobox", { name: /select provider/i }), + ); + const content = document.querySelector("[data-slot='popover-content']"); + const spinner = content?.querySelector("svg"); + + // Then + expect(spinner).toHaveClass("animate-spin", "motion-reduce:animate-none"); + }); + it("opens with the shared Popover content motion contract", async () => { // Given const user = userEvent.setup(); diff --git a/ui/components/shadcn/combobox/combobox.tsx b/ui/components/shadcn/combobox/combobox.tsx index 90493f62aa..b8d32bb80f 100644 --- a/ui/components/shadcn/combobox/combobox.tsx +++ b/ui/components/shadcn/combobox/combobox.tsx @@ -139,7 +139,7 @@ export function Combobox({ {loading && (
- + {loadingMessage}
)}