Add QueryCacheProvider test

packages/svelte-query/tests/QueryClientProvider/ChildComponent.svelte

@@ -0,0 +1,14 @@
+<script lang="ts">
+  import { createQuery } from '../../src/createQuery'
+  import { sleep } from '../utils'
+
+  const query = createQuery({
+    queryKey: ['hello'],
+    queryFn: async () => {
+      await sleep(10)
+      return 'test'
+    },
+  })
+</script>
+
+<div>{$query.data}</div>

packages/svelte-query/tests/QueryClientProvider/ParentComponent.svelte

@@ -0,0 +1,14 @@
+<script lang="ts">
+  import { QueryClient } from '@tanstack/query-core'
+  import QueryClientProvider from '../../src/QueryClientProvider.svelte'
+  import ChildComponent from './ChildComponent.svelte'
+  import type { QueryCache } from '@tanstack/query-core'
+
+  export let queryCache: QueryCache
+
+  const queryClient = new QueryClient({ queryCache })
+</script>
+
+<QueryClientProvider client={queryClient}>
+  <ChildComponent />
+</QueryClientProvider>

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

@@ -0,0 +1,20 @@
+import { describe, expect, test } from 'vitest'
+import { render, waitFor } from '@testing-library/svelte'
+import { QueryCache } from '@tanstack/query-core'
+import ParentComponent from './ParentComponent.svelte'
+
+describe('QueryClientProvider', () => {
+  test('Sets a specific cache for all queries to use', async () => {
+    const queryCache = new QueryCache()
+
+    const rendered = render(ParentComponent, {
+      props: {
+        queryCache: queryCache,
+      },
+    })
+
+    await waitFor(() => rendered.getByText('test'))
+
+    expect(queryCache.find({ queryKey: ['hello'] })).toBeDefined()
+  })
+})