diff --git a/e2e/__screenshots__/work-orders/work-orders.visual.spec.ts/wo-filters.png b/e2e/__screenshots__/work-orders/work-orders.visual.spec.ts/wo-filters.png index c1d2bd63..d84f088a 100644 Binary files a/e2e/__screenshots__/work-orders/work-orders.visual.spec.ts/wo-filters.png and b/e2e/__screenshots__/work-orders/work-orders.visual.spec.ts/wo-filters.png differ diff --git a/e2e/__screenshots__/work-orders/work-orders.visual.spec.ts/wo-list.png b/e2e/__screenshots__/work-orders/work-orders.visual.spec.ts/wo-list.png index 73995d8f..7ad91834 100644 Binary files a/e2e/__screenshots__/work-orders/work-orders.visual.spec.ts/wo-list.png and b/e2e/__screenshots__/work-orders/work-orders.visual.spec.ts/wo-list.png differ diff --git a/e2e/__screenshots__/work-orders/work-orders.visual.spec.ts/wo-new.png b/e2e/__screenshots__/work-orders/work-orders.visual.spec.ts/wo-new.png index 121879f8..041306e3 100644 Binary files a/e2e/__screenshots__/work-orders/work-orders.visual.spec.ts/wo-new.png and b/e2e/__screenshots__/work-orders/work-orders.visual.spec.ts/wo-new.png differ diff --git a/src/test/app/(protected)/vendors/vendor-roster-address-fields.test.tsx b/src/test/app/(protected)/vendors/vendor-roster-address-fields.test.tsx index 2a3bcc81..ed6c09a2 100644 --- a/src/test/app/(protected)/vendors/vendor-roster-address-fields.test.tsx +++ b/src/test/app/(protected)/vendors/vendor-roster-address-fields.test.tsx @@ -116,18 +116,32 @@ describe("VendorRosterFormFields address autocomplete", () => { }); describe("VendorRosterFormFields map preview empty state", () => { + const INCOMPLETE_PLACEHOLDER_TEXT = + "Map preview appears once Street, City, and State are all filled."; + + // MUI Autocomplete renders its own empty role="status" live region once the + // street combobox is interacted with, so the placeholder must be located by + // its SH-284 text among all status regions, never by any-status uniqueness. + function queryPlaceholderStatus(): HTMLElement | null { + return ( + screen + .queryAllByRole("status") + .find((status) => status.textContent?.includes(INCOMPLETE_PLACEHOLDER_TEXT)) ?? null + ); + } + it("shows the accessible placeholder while incomplete, then the map once complete", async () => { const user = userEvent.setup(); renderWithProviders(, { withAuth: false }); - expect(screen.getByRole("status")).toHaveTextContent(/street, city, and state/i); + expect(queryPlaceholderStatus()).toBeInTheDocument(); expect(screen.queryByTitle(/^Map of /)).not.toBeInTheDocument(); await user.type( screen.getByRole("combobox", { name: "Street Address (required)" }), TYPED_STREET, ); - expect(screen.getByRole("status")).toBeInTheDocument(); + expect(queryPlaceholderStatus()).toBeInTheDocument(); fireEvent.change(screen.getByRole("textbox", { name: "City (required)" }), { target: { value: "Theodore" }, @@ -135,6 +149,6 @@ describe("VendorRosterFormFields map preview empty state", () => { pickVendorState("AL"); expect(await screen.findByTitle(`Map of ${TYPED_STREET} Theodore AL`)).toBeInTheDocument(); - expect(screen.queryByRole("status")).not.toBeInTheDocument(); + expect(queryPlaceholderStatus()).not.toBeInTheDocument(); }); });