Force react-query cache to refetch in a test environment

[VanTanev]

There are several cases in a normal environment where react-query will re-fetch data. How can I force that in a test environment?

More specifically, is there a way to force a refresh for a QueryObserver that is not used as a part of useQuery? I'm using a query observer as a sort of event emitter for a state machine, and want to force an update event.

[VanTanev]

This seems to work. Not sure if it's the optimal approach?

queryClient.resetQueries()

[TkDodo]

queryClient.refetchQueries() I’d say

[VanTanev]

In my case I needed to wrap that call in an act:

await act(() => queryClient.refetchQueries())

expect(screen.getByText(/new data/i)).toBeInTheDocument()

vs

queryClient.resetQueries()

await waitFor(() => expect(screen.getByText(/new data/i)).toBeInTheDocument())

Both are valid, depends on which you prefer.