Fix svelte-query-persist-client tests

zhihengGet · Jul 17, 2024 · c1b7778 · c1b7778
1 parent ee98bef
commit c1b7778
Show file tree

Hide file tree

Showing 14 changed files with 26 additions and 52 deletions.
diff --git a/packages/svelte-query-persist-client/tests/FreshData/FreshData.svelte b/packages/svelte-query-persist-client/tests/FreshData/FreshData.svelte
@@ -5,10 +5,8 @@
   import type { StatusResult } from '../utils.svelte'
 
   let {
-    key,
     states,
   }: {
-    key: Array<string>
     states: { value: Array<StatusResult<string>> }
     fetched: boolean
   } = $props()
@@ -29,5 +27,5 @@
   })
 </script>
 
-<div>data: {$query.data ?? 'null'}</div>
-<div>fetchStatus: {$query.fetchStatus}</div>
+<div>data: {query.data ?? 'undefined'}</div>
+<div>fetchStatus: {query.fetchStatus}</div>
diff --git a/packages/svelte-query-persist-client/tests/FreshData/Provider.svelte b/packages/svelte-query-persist-client/tests/FreshData/Provider.svelte
@@ -8,14 +8,13 @@
   interface Props {
     queryClient: QueryClient
     persistOptions: OmitKeyof<PersistQueryClientOptions, 'queryClient'>
-    key: Array<string>
     states: { value: Array<StatusResult<string>> }
     fetched: boolean
   }
 
-  let { queryClient, persistOptions, key, states, fetched }: Props = $props()
+  let { queryClient, persistOptions, states, fetched }: Props = $props()
 </script>
 
 <PersistQueryClientProvider client={queryClient} {persistOptions}>
-  <FreshData {key} bind:states {fetched} />
+  <FreshData {states} {fetched} />
 </PersistQueryClientProvider>
diff --git a/packages/svelte-query-persist-client/tests/InitialData/InitialData.svelte b/packages/svelte-query-persist-client/tests/InitialData/InitialData.svelte
@@ -4,13 +4,7 @@
   import { sleep } from '../utils.svelte'
   import type { StatusResult } from '../utils.svelte'
 
-  let {
-    key,
-    states,
-  }: {
-    key: Array<string>
-    states: { value: Array<StatusResult<string>> }
-  } = $props()
+  let { states }: { states: { value: Array<StatusResult<string>> } } = $props()
 
   const query = createQuery({
     queryKey: ['test'],
@@ -30,5 +24,5 @@
   })
 </script>
 
-<div>{$query.data}</div>
-<div>fetchStatus: {$query.fetchStatus}</div>
+<div>{query.data}</div>
+<div>fetchStatus: {query.fetchStatus}</div>
diff --git a/packages/svelte-query-persist-client/tests/InitialData/Provider.svelte b/packages/svelte-query-persist-client/tests/InitialData/Provider.svelte
@@ -8,11 +8,10 @@
   interface Props {
     queryClient: QueryClient
     persistOptions: OmitKeyof<PersistQueryClientOptions, 'queryClient'>
-    key: Array<string>
     states: { value: Array<StatusResult<string>> }
   }
 
-  let { queryClient, persistOptions, key, states }: Props = $props()
+  let { queryClient, persistOptions, states }: Props = $props()
 </script>
 
 <PersistQueryClientProvider client={queryClient} {persistOptions}>

diff --git a/packages/svelte-query-persist-client/tests/OnSuccess/OnSuccess.svelte b/packages/svelte-query-persist-client/tests/OnSuccess/OnSuccess.svelte
@@ -11,5 +11,5 @@
   })
 </script>
 
-<div>{$query.data}</div>
-<div>fetchStatus: {$query.fetchStatus}</div>
+<div>{query.data}</div>
+<div>fetchStatus: {query.fetchStatus}</div>
diff --git a/packages/svelte-query-persist-client/tests/OnSuccess/Provider.svelte b/packages/svelte-query-persist-client/tests/OnSuccess/Provider.svelte
@@ -7,11 +7,10 @@
   interface Props {
     queryClient: QueryClient
     persistOptions: OmitKeyof<PersistQueryClientOptions, 'queryClient'>
-    key: Array<string>
     onSuccess: () => void
   }
 
-  let { queryClient, persistOptions, key, onSuccess }: Props = $props()
+  let { queryClient, persistOptions, onSuccess }: Props = $props()
 </script>
 
 <PersistQueryClientProvider client={queryClient} {persistOptions} {onSuccess}>

diff --git a/packages/svelte-query-persist-client/tests/PersistQueryClientProvider.svelte.test.ts b/packages/svelte-query-persist-client/tests/PersistQueryClientProvider.svelte.test.ts
@@ -8,7 +8,7 @@ import InitialData from './InitialData/Provider.svelte'
 import RemoveCache from './RemoveCache/Provider.svelte'
 import RestoreCache from './RestoreCache/Provider.svelte'
 import UseQueries from './UseQueries/Provider.svelte'
-import { createQueryClient, queryKey, ref, sleep } from './utils.svelte'
+import { createQueryClient, ref, sleep } from './utils.svelte'
 
 import type {
   PersistedClient,
@@ -235,7 +235,7 @@ describe('PersistQueryClientProvider', () => {
       },
     })
 
-    await waitFor(() => rendered.getByText('data: null'))
+    await waitFor(() => rendered.getByText('data: undefined'))
     await waitFor(() => rendered.getByText('data: hydrated'))
 
     expect(fetched).toBe(false)

diff --git a/packages/svelte-query-persist-client/tests/RemoveCache/Provider.svelte b/packages/svelte-query-persist-client/tests/RemoveCache/Provider.svelte
@@ -7,10 +7,9 @@
   interface Props {
     queryClient: QueryClient
     persistOptions: OmitKeyof<PersistQueryClientOptions, 'queryClient'>
-    key: Array<string>
   }
 
-  let { queryClient, persistOptions, key }: Props = $props()
+  let { queryClient, persistOptions }: Props = $props()
 </script>
 
 <PersistQueryClientProvider client={queryClient} {persistOptions}>

diff --git a/packages/svelte-query-persist-client/tests/RemoveCache/RemoveCache.svelte b/packages/svelte-query-persist-client/tests/RemoveCache/RemoveCache.svelte
@@ -11,5 +11,5 @@
   })
 </script>
 
-<div>{$query.data}</div>
-<div>fetchStatus: {$query.fetchStatus}</div>
+<div>{query.data}</div>
+<div>fetchStatus: {query.fetchStatus}</div>
diff --git a/packages/svelte-query-persist-client/tests/RestoreCache/Provider.svelte b/packages/svelte-query-persist-client/tests/RestoreCache/Provider.svelte
@@ -8,11 +8,10 @@
   interface Props {
     queryClient: QueryClient
     persistOptions: OmitKeyof<PersistQueryClientOptions, 'queryClient'>
-    key: Array<string>
     states: { value: Array<StatusResult<string>> }
   }
 
-  let { queryClient, persistOptions, key, states }: Props = $props()
+  let { queryClient, persistOptions, states }: Props = $props()
 </script>
 
 <PersistQueryClientProvider client={queryClient} {persistOptions}>

diff --git a/packages/svelte-query-persist-client/tests/RestoreCache/RestoreCache.svelte b/packages/svelte-query-persist-client/tests/RestoreCache/RestoreCache.svelte
@@ -4,13 +4,7 @@
   import { sleep } from '../utils.svelte'
   import type { StatusResult } from '../utils.svelte'
 
-  let {
-    key,
-    states,
-  }: {
-    key: Array<string>
-    states: { value: Array<StatusResult<string>> }
-  } = $props()
+  let { states }: { states: { value: Array<StatusResult<string>> } } = $props()
 
   const query = createQuery({
     queryKey: ['test'],
@@ -25,5 +19,5 @@
   })
 </script>
 
-<div>{$query.data}</div>
-<div>fetchStatus: {$query.fetchStatus}</div>
+<div>{query.data}</div>
+<div>fetchStatus: {query.fetchStatus}</div>
diff --git a/packages/svelte-query-persist-client/tests/UseQueries/Provider.svelte b/packages/svelte-query-persist-client/tests/UseQueries/Provider.svelte
@@ -8,11 +8,10 @@
   interface Props {
     queryClient: QueryClient
     persistOptions: OmitKeyof<PersistQueryClientOptions, 'queryClient'>
-    key: Array<string>
     states: { value: Array<StatusResult<string>> }
   }
 
-  let { queryClient, persistOptions, key, states }: Props = $props()
+  let { queryClient, persistOptions, states }: Props = $props()
 </script>
 
 <PersistQueryClientProvider client={queryClient} {persistOptions}>

diff --git a/packages/svelte-query-persist-client/tests/UseQueries/UseQueries.svelte b/packages/svelte-query-persist-client/tests/UseQueries/UseQueries.svelte
@@ -4,13 +4,7 @@
   import { sleep } from '../utils.svelte'
   import type { StatusResult } from '../utils.svelte'
 
-  let {
-    key,
-    states,
-  }: {
-    key: Array<string>
-    states: { value: Array<StatusResult<string>> }
-  } = $props()
+  let { states }: { states: { value: Array<StatusResult<string>> } } = $props()
 
   const queries = createQueries({
     queries: [
@@ -25,9 +19,9 @@
   })
 
   $effect(() => {
-    states.value = [...untrack(() => states.value), $state.snapshot(s[0])]
+    states.value = [...untrack(() => states.value), $state.snapshot(queries[0])]
   })
 </script>
 
-<div>{$queries[0].data}</div>
-<div>fetchStatus: {$queries[0].fetchStatus}</div>
+<div>{queries[0].data}</div>
+<div>fetchStatus: {queries[0].fetchStatus}</div>
diff --git a/packages/svelte-query/tests/createInfiniteQuery/BaseExample.svelte b/packages/svelte-query/tests/createInfiniteQuery/BaseExample.svelte
@@ -13,7 +13,7 @@
     {
       queryKey: ['test'],
       queryFn: async ({ pageParam }) => {
-        await sleep(500)
+        await sleep(5)
         return Number(pageParam)
       },
       getNextPageParam: (lastPage) => lastPage + 1,