diff --git a/__test__/components/PeopleSearch.test.tsx b/__test__/components/PeopleSearch.test.tsx index ae3bebd..ba8a934 100644 --- a/__test__/components/PeopleSearch.test.tsx +++ b/__test__/components/PeopleSearch.test.tsx @@ -106,4 +106,25 @@ describe("PeopleSearch", () => { setup([], { disabled: true }); expect(screen.getByRole("combobox")).toBeDisabled(); }); + + it("no options doesn't show dropdown when input is empty", async () => { + mockedSearchUsers.mockResolvedValueOnce([baseUser]); + setup(); + const input = screen.getByRole("combobox"); + + userEvent.type(input, "Test"); + await act(async () => { + jest.advanceTimersByTime(300); + }); + + await waitFor(() => { + expect(screen.getByRole("listbox")).toBeInTheDocument(); + }); + + userEvent.clear(input); + + await waitFor(() => { + expect(screen.queryByRole("listbox")).not.toBeInTheDocument(); + }); + }); }); diff --git a/src/components/Attendees/PeopleSearch.tsx b/src/components/Attendees/PeopleSearch.tsx index 5aa9c05..882e4f1 100644 --- a/src/components/Attendees/PeopleSearch.tsx +++ b/src/components/Attendees/PeopleSearch.tsx @@ -64,6 +64,7 @@ export function PeopleSearch({ freeSolo={freeSolo} multiple options={options} + open={!!query} disabled={disabled} loading={loading} filterOptions={(x) => x}