test(solid-query/useIsMutating): switch to fake timers and replace 'waitFor' with 'vi.waitFor' (#9378)

Co-authored-by: Jonghyeon Ko <[email protected]>

Author: sukvvon

packages/solid-query/src/__tests__/useIsMutating.test.tsx

@@ -1,5 +1,5 @@
-import { describe, expect, it, vi } from 'vitest'
-import { fireEvent, render, waitFor } from '@solidjs/testing-library'
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
+import { fireEvent, render } from '@solidjs/testing-library'
 import { Show, createEffect, createRenderEffect, createSignal } from 'solid-js'
 import * as QueryCore from '@tanstack/query-core'
 import { sleep } from '@tanstack/query-test-utils'
@@ -12,6 +12,14 @@ import {
 import { setActTimeout } from './utils'
 
 describe('useIsMutating', () => {
+  beforeEach(() => {
+    vi.useFakeTimers()
+  })
+
+  afterEach(() => {
+    vi.useRealTimers()
+  })
+
   it('should return the number of fetching mutations', async () => {
     const isMutatingArray: Array<number> = []
     const queryClient = new QueryClient()
@@ -64,7 +72,7 @@ describe('useIsMutating', () => {
         <Page />
       </QueryClientProvider>
     ))
-    await waitFor(() => expect(isMutatingArray).toEqual([0, 1, 2, 1, 0]))
+    await vi.waitFor(() => expect(isMutatingArray).toEqual([0, 1, 2, 1, 0]))
   })
 
   it('should filter correctly by mutationKey', async () => {
@@ -109,7 +117,7 @@ describe('useIsMutating', () => {
       </QueryClientProvider>
     ))
     // Unlike React, IsMutating Wont re-render twice with mutation2
-    await waitFor(() => expect(isMutatingArray).toEqual([0, 1, 0]))
+    await vi.waitFor(() => expect(isMutatingArray).toEqual([0, 1, 0]))
   })
 
   it('should filter correctly by predicate', async () => {
@@ -158,7 +166,7 @@ describe('useIsMutating', () => {
     ))
 
     // Again, No unnecessary re-renders like React
-    await waitFor(() => expect(isMutatingArray).toEqual([0, 1, 0]))
+    await vi.waitFor(() => expect(isMutatingArray).toEqual([0, 1, 0]))
   })
 
   it('should use provided custom queryClient', async () => {
@@ -188,7 +196,7 @@ describe('useIsMutating', () => {
 
     const rendered = render(() => <Page></Page>)
 
-    await waitFor(() =>
+    await vi.waitFor(() =>
       expect(rendered.getByText('mutating: 1')).toBeInTheDocument(),
     )
   })
@@ -251,7 +259,7 @@ describe('useIsMutating', () => {
     // Should not display the console error
     // "Warning: Can't perform a React state update on an unmounted component"
 
-    await sleep(20)
+    await vi.advanceTimersByTimeAsync(20)
     MutationCacheSpy.mockRestore()
   })
 })