test(svelte-query): replace hardcoded query keys with 'queryKey()' in Svelte test components (#10443)

Author: sukvvon

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

@@ -1,7 +1,7 @@
 <script lang="ts">
   import { untrack } from 'svelte'
   import { QueryClient } from '@tanstack/query-core'
-  import { sleep } from '@tanstack/query-test-utils'
+  import { queryKey, sleep } from '@tanstack/query-test-utils'
   import { createInfiniteQuery } from '../../src/index.js'
   import type { QueryObserverResult } from '@tanstack/query-core'
 
@@ -11,7 +11,7 @@
 
   const query = createInfiniteQuery(
     () => ({
-      queryKey: ['test'],
+      queryKey: queryKey(),
       queryFn: ({ pageParam }) => sleep(10).then(() => pageParam),
       getNextPageParam: (lastPage) => lastPage + 1,
       initialPageParam: 0,

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

@@ -3,15 +3,15 @@
   import { QueryClient } from '@tanstack/query-core'
   import { createInfiniteQuery } from '../../src/index.js'
   import type { QueryObserverResult } from '@tanstack/query-core'
-  import { sleep } from '@tanstack/query-test-utils'
+  import { queryKey, sleep } from '@tanstack/query-test-utils'
 
   let { states }: { states: { value: Array<QueryObserverResult> } } = $props()
 
   const queryClient = new QueryClient()
 
   const query = createInfiniteQuery(
     () => ({
-      queryKey: ['test'],
+      queryKey: queryKey(),
       queryFn: () => sleep(10).then(() => ({ count: 1 })),
       select: (data) => ({
         pages: data.pages.map((x) => `count: ${x.count}`),

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

@@ -1,5 +1,6 @@
 <script lang="ts">
   import { QueryClient } from '@tanstack/query-core'
+  import { queryKey } from '@tanstack/query-test-utils'
   import { setIsRestoringContext } from '../../src/context.js'
   import { createQueries } from '../../src/index.js'
 
@@ -18,8 +19,8 @@
   const result = createQueries(
     () => ({
       queries: [
-        { queryKey: ['restoring-1'], queryFn: queryFn1 },
-        { queryKey: ['restoring-2'], queryFn: queryFn2 },
+        { queryKey: queryKey(), queryFn: queryFn1 },
+        { queryKey: queryKey(), queryFn: queryFn2 },
       ],
     }),
     () => queryClient,

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

@@ -1,5 +1,6 @@
 <script lang="ts">
   import { QueryClient } from '@tanstack/query-core'
+  import { queryKey } from '@tanstack/query-test-utils'
   import { setIsRestoringContext } from '../../src/context.js'
   import { createQuery } from '../../src/index.js'
 
@@ -15,7 +16,7 @@
 
   const query = createQuery(
     () => ({
-      queryKey: ['restoring'],
+      queryKey: queryKey(),
       queryFn,
     }),
     () => queryClient,

packages/svelte-query/tests/useIsFetching/Query.svelte

@@ -1,11 +1,11 @@
 <script lang="ts">
   import { createQuery } from '../../src/index.js'
-  import { sleep } from '@tanstack/query-test-utils'
+  import { queryKey, sleep } from '@tanstack/query-test-utils'
 
   let ready = $state(false)
 
   const query = createQuery(() => ({
-    queryKey: ['test'],
+    queryKey: queryKey(),
     queryFn: () => sleep(10).then(() => 'test'),
     enabled: ready,
   }))

packages/svelte-query/tests/useIsMutating/Query.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
   import { createMutation } from '../../src/index.js'
-  import { sleep } from '@tanstack/query-test-utils'
+  import { queryKey, sleep } from '@tanstack/query-test-utils'
 
   const mutation = createMutation(() => ({
-    mutationKey: ['mutation-1'],
+    mutationKey: queryKey(),
     mutationFn: () => sleep(10).then(() => 'data'),
   }))
 </script>