test(svelte-query/createInfiniteQuery): add 'sleep', remove 'Number' in 'queryFn', and replace 'queryByText' with 'getByText' (#9492)

Co-authored-by: Jonghyeon Ko <manudeli.ko@gmail.com>

Author: sukvvon

packages/svelte-query/tests/createInfiniteQuery/BaseExample.svelte

@@ -3,6 +3,7 @@
   import { createInfiniteQuery } from '../../src/index.js'
   import type { QueryObserverResult } from '@tanstack/query-core'
   import type { Writable } from 'svelte/store'
+  import { sleep } from '@tanstack/query-test-utils'
 
   export let states: Writable<Array<QueryObserverResult>>
 
@@ -11,7 +12,7 @@
   const query = createInfiniteQuery(
     {
       queryKey: ['test'],
-      queryFn: ({ pageParam }) => Number(pageParam),
+      queryFn: ({ pageParam }) => sleep(10).then(() => pageParam),
       getNextPageParam: (lastPage) => lastPage + 1,
       initialPageParam: 0,
     },

packages/svelte-query/tests/createInfiniteQuery/SelectExample.svelte

@@ -3,6 +3,7 @@
   import { createInfiniteQuery } from '../../src/index.js'
   import type { QueryObserverResult } from '@tanstack/query-core'
   import type { Writable } from 'svelte/store'
+  import { sleep } from '@tanstack/query-test-utils'
 
   export let states: Writable<Array<QueryObserverResult>>
 
@@ -11,7 +12,7 @@
   const query = createInfiniteQuery(
     {
       queryKey: ['test'],
-      queryFn: () => Promise.resolve({ count: 1 }),
+      queryFn: () => sleep(10).then(() => ({ count: 1 })),
       select: (data) => ({
         pages: data.pages.map((x) => `count: ${x.count}`),
         pageParams: data.pageParams,

packages/svelte-query/tests/createInfiniteQuery/createInfiniteQuery.test.ts

@@ -24,13 +24,12 @@ describe('createInfiniteQuery', () => {
       },
     })
 
-    await vi.advanceTimersByTimeAsync(0)
-    expect(rendered.queryByText('Status: success')).toBeInTheDocument()
+    await vi.advanceTimersByTimeAsync(11)
+    expect(rendered.getByText('Status: success')).toBeInTheDocument()
 
     const states = get(statesStore)
 
     expect(states).toHaveLength(2)
-
     expect(states[0]).toEqual({
       data: undefined,
       dataUpdatedAt: 0,
@@ -67,7 +66,6 @@ describe('createInfiniteQuery', () => {
       fetchStatus: 'fetching',
       promise: expect.any(Promise),
     })
-
     expect(states[1]).toEqual({
       data: { pages: [0], pageParams: [0] },
       dataUpdatedAt: expect.any(Number),
@@ -115,18 +113,16 @@ describe('createInfiniteQuery', () => {
       },
     })
 
-    await vi.advanceTimersByTimeAsync(0)
-    expect(rendered.queryByText('count: 1')).toBeInTheDocument()
+    await vi.advanceTimersByTimeAsync(11)
+    expect(rendered.getByText('count: 1')).toBeInTheDocument()
 
     const states = get(statesStore)
 
     expect(states).toHaveLength(2)
-
     expect(states[0]).toMatchObject({
       data: undefined,
       isSuccess: false,
     })
-
     expect(states[1]).toMatchObject({
       data: { pages: ['count: 1'] },
       isSuccess: true,