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

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

Author: sukvvon

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

@@ -1,10 +1,18 @@
-import { describe, expect, it } 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, Suspense, createSignal, startTransition } from 'solid-js'
 import { queryKey, sleep } from '@tanstack/query-test-utils'
 import { QueryCache, QueryClient, QueryClientProvider, useQuery } from '..'
 
 describe("useQuery's in Suspense mode with transitions", () => {
+  beforeEach(() => {
+    vi.useFakeTimers()
+  })
+
+  afterEach(() => {
+    vi.useRealTimers()
+  })
+
   const queryCache = new QueryCache()
   const queryClient = new QueryClient({ queryCache })
 
@@ -50,13 +58,17 @@ describe("useQuery's in Suspense mode with transitions", () => {
       </QueryClientProvider>
     ))
 
-    await waitFor(() => expect(rendered.getByText('Show')).toBeInTheDocument())
+    await vi.waitFor(() =>
+      expect(rendered.getByText('Show')).toBeInTheDocument(),
+    )
     fireEvent.click(rendered.getByLabelText('toggle'))
 
-    await waitFor(() =>
+    await vi.waitFor(() =>
       expect(rendered.getByText('Message')).toBeInTheDocument(),
     )
     // verify that the button also updated. See https://github.com/solidjs/solid/issues/1249
-    await waitFor(() => expect(rendered.getByText('Hide')).toBeInTheDocument())
+    await vi.waitFor(() =>
+      expect(rendered.getByText('Hide')).toBeInTheDocument(),
+    )
   })
 })