test: improve useIsFetching tests

Author: crutchcorn

packages/react-query/src/__tests__/useIsFetching.test.tsx

@@ -176,11 +176,16 @@ describe('useIsFetching', () => {
     const queryClient = createQueryClient()
     const key = queryKey()
 
+    let resolve!: () => void
+    const promise = new Promise<void>((_resolve) => {
+      resolve = _resolve
+    })
+
     function Page() {
       useQuery({
         queryKey: key,
         queryFn: async () => {
-          await sleep(10)
+          await promise
           return 'test'
         },
       })
@@ -197,19 +202,27 @@ describe('useIsFetching', () => {
     const rendered = renderWithClient(queryClient, <Page />)
 
     await rendered.findByText('isFetching: 1')
+
+    resolve()
+
     await rendered.findByText('isFetching: 0')
   })
 
   it('should use provided custom queryClient', async () => {
     const queryClient = createQueryClient()
     const key = queryKey()
 
+    let resolve!: () => void
+    const promise = new Promise<void>((_resolve) => {
+      resolve = _resolve
+    })
+
     function Page() {
       useQuery(
         {
           queryKey: key,
           queryFn: async () => {
-            await sleep(10)
+            await promise
             return 'test'
           },
         },
@@ -228,5 +241,6 @@ describe('useIsFetching', () => {
     const rendered = render(<Page></Page>)
 
     await waitFor(() => rendered.getByText('isFetching: 1'))
+    resolve()
   })
 })