test(svelte-query/createQueries): add test for not fetching when 'isRestoring' is true (#10382)

* test(svelte-query/createQueries): add test for not fetching when 'isRestoring' is true

* test(svelte-query/createQueries): remove '(isRestoring)' from describe block

* test(svelte-query/createQueries): move 'queryClient' inside 'IsRestoringExample' component

Author: sukvvon

packages/svelte-query/tests/createQueries/IsRestoringExample.svelte

@@ -0,0 +1,36 @@
+<script lang="ts">
+  import { QueryClient } from '@tanstack/query-core'
+  import { setIsRestoringContext } from '../../src/context.js'
+  import { createQueries } from '../../src/index.js'
+
+  let {
+    queryFn1,
+    queryFn2,
+  }: {
+    queryFn1: () => Promise<string>
+    queryFn2: () => Promise<string>
+  } = $props()
+
+  const queryClient = new QueryClient()
+
+  setIsRestoringContext({ current: true })
+
+  const result = createQueries(
+    () => ({
+      queries: [
+        { queryKey: ['restoring-1'], queryFn: queryFn1 },
+        { queryKey: ['restoring-2'], queryFn: queryFn2 },
+      ],
+    }),
+    () => queryClient,
+  )
+</script>
+
+<div>
+  <div data-testid="status1">{result[0].status}</div>
+  <div data-testid="status2">{result[1].status}</div>
+  <div data-testid="fetchStatus1">{result[0].fetchStatus}</div>
+  <div data-testid="fetchStatus2">{result[1].fetchStatus}</div>
+  <div data-testid="data1">{result[0].data ?? 'undefined'}</div>
+  <div data-testid="data2">{result[1].data ?? 'undefined'}</div>
+</div>

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

@@ -0,0 +1,45 @@
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
+import { render } from '@testing-library/svelte'
+import { sleep } from '@tanstack/query-test-utils'
+import IsRestoringExample from './IsRestoringExample.svelte'
+
+describe('createQueries', () => {
+  beforeEach(() => {
+    vi.useFakeTimers()
+  })
+
+  afterEach(() => {
+    vi.useRealTimers()
+  })
+
+  it('should not fetch for the duration of the restoring period when isRestoring is true', async () => {
+    const queryFn1 = vi.fn(() => sleep(10).then(() => 'data1'))
+    const queryFn2 = vi.fn(() => sleep(10).then(() => 'data2'))
+
+    const rendered = render(IsRestoringExample, {
+      props: { queryFn1, queryFn2 },
+    })
+
+    await vi.advanceTimersByTimeAsync(0)
+
+    expect(rendered.getByTestId('status1')).toHaveTextContent('pending')
+    expect(rendered.getByTestId('status2')).toHaveTextContent('pending')
+    expect(rendered.getByTestId('fetchStatus1')).toHaveTextContent('idle')
+    expect(rendered.getByTestId('fetchStatus2')).toHaveTextContent('idle')
+    expect(rendered.getByTestId('data1')).toHaveTextContent('undefined')
+    expect(rendered.getByTestId('data2')).toHaveTextContent('undefined')
+    expect(queryFn1).toHaveBeenCalledTimes(0)
+    expect(queryFn2).toHaveBeenCalledTimes(0)
+
+    await vi.advanceTimersByTimeAsync(11)
+
+    expect(rendered.getByTestId('status1')).toHaveTextContent('pending')
+    expect(rendered.getByTestId('status2')).toHaveTextContent('pending')
+    expect(rendered.getByTestId('fetchStatus1')).toHaveTextContent('idle')
+    expect(rendered.getByTestId('fetchStatus2')).toHaveTextContent('idle')
+    expect(rendered.getByTestId('data1')).toHaveTextContent('undefined')
+    expect(rendered.getByTestId('data2')).toHaveTextContent('undefined')
+    expect(queryFn1).toHaveBeenCalledTimes(0)
+    expect(queryFn2).toHaveBeenCalledTimes(0)
+  })
+})