test(vue-query/useInfiniteQuery): switch to fake timers and replace 'sleep' with 'advanceTimersByTimeAsync' (#9368)

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

Author: sukvvon

packages/vue-query/src/__tests__/useInfiniteQuery.test.ts

@@ -1,11 +1,19 @@
-import { describe, expect, test, vi } from 'vitest'
+import { afterEach, beforeEach, describe, expect, test, vi } from 'vitest'
 import { sleep } from '@tanstack/query-test-utils'
 import { useInfiniteQuery } from '../useInfiniteQuery'
 import { infiniteQueryOptions } from '../infiniteQueryOptions'
 
 vi.mock('../useQueryClient')
 
 describe('useQuery', () => {
+  beforeEach(() => {
+    vi.useFakeTimers()
+  })
+
+  afterEach(() => {
+    vi.useRealTimers()
+  })
+
   test('should properly execute infinite query', async () => {
     const { data, fetchNextPage, status } = useInfiniteQuery({
       queryKey: ['infiniteQuery'],
@@ -18,7 +26,7 @@ describe('useQuery', () => {
     expect(data.value).toStrictEqual(undefined)
     expect(status.value).toStrictEqual('pending')
 
-    await sleep(0)
+    await vi.advanceTimersByTimeAsync(0)
 
     expect(data.value).toStrictEqual({
       pageParams: [0],
@@ -28,7 +36,7 @@ describe('useQuery', () => {
 
     fetchNextPage()
 
-    await sleep(0)
+    await vi.advanceTimersByTimeAsync(0)
 
     expect(data.value).toStrictEqual({
       pageParams: [0, 12],
@@ -50,7 +58,7 @@ describe('useQuery', () => {
     expect(data.value).toStrictEqual(undefined)
     expect(status.value).toStrictEqual('pending')
 
-    await sleep(0)
+    await vi.advanceTimersByTimeAsync(0)
 
     expect(data.value).toStrictEqual({
       pageParams: [0],
@@ -60,7 +68,7 @@ describe('useQuery', () => {
 
     fetchNextPage()
 
-    await sleep(0)
+    await vi.advanceTimersByTimeAsync(0)
 
     expect(data.value).toStrictEqual({
       pageParams: [0, 12],