tests: Use recommended @testing-library/svelte setup (#7645)

eslint.config.js

@@ -37,10 +37,7 @@ export default [
       ],
       'ts/ban-types': 'off',
       'ts/no-empty-function': 'off',
-      'ts/require-await': 'off',
       'no-case-declarations': 'off',
-      'no-empty': 'off',
-      'no-prototype-builtins': 'off',
     },
   },
 ]

package.json

@@ -46,7 +46,7 @@
     "@cspell/eslint-plugin": "^8.9.1",
     "@eslint-react/eslint-plugin": "^1.5.16",
     "@solidjs/testing-library": "^0.8.8",
-    "@tanstack/config": "^0.8.6",
+    "@tanstack/config": "^0.9.0",
     "@testing-library/jest-dom": "^6.4.5",
     "@testing-library/react": "^15.0.7",
     "@types/node": "^20.12.12",

packages/svelte-query-devtools/tsconfig.json

@@ -8,6 +8,7 @@
     "src/**/*.ts",
     "src/**/*.svelte",
     "eslint.config.js",
+    "svelte.config.js",
     "vite.config.ts"
   ]
 }

packages/svelte-query-persist-client/src/__tests__/AwaitOnSuccess/Provider.svelte → packages/svelte-query-persist-client/tests/AwaitOnSuccess/Provider.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import PersistQueryClientProvider from '../../PersistQueryClientProvider.svelte'
+  import PersistQueryClientProvider from '../../src/PersistQueryClientProvider.svelte'
   import AwaitOnSuccess from './AwaitOnSuccess.svelte'
   import type { OmitKeyof, QueryClient } from '@tanstack/svelte-query'
   import type { PersistQueryClientOptions } from '@tanstack/query-persist-client-core'

packages/svelte-query-persist-client/src/__tests__/FreshData/Provider.svelte → packages/svelte-query-persist-client/tests/FreshData/Provider.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import PersistQueryClientProvider from '../../PersistQueryClientProvider.svelte'
+  import PersistQueryClientProvider from '../../src/PersistQueryClientProvider.svelte'
   import FreshData from './FreshData.svelte'
   import type { OmitKeyof, QueryClient } from '@tanstack/svelte-query'
   import type { PersistQueryClientOptions } from '@tanstack/query-persist-client-core'

packages/svelte-query-persist-client/src/__tests__/InitialData/Provider.svelte → packages/svelte-query-persist-client/tests/InitialData/Provider.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import PersistQueryClientProvider from '../../PersistQueryClientProvider.svelte'
+  import PersistQueryClientProvider from '../../src/PersistQueryClientProvider.svelte'
   import InitialData from './InitialData.svelte'
   import type { OmitKeyof, QueryClient } from '@tanstack/svelte-query'
   import type { PersistQueryClientOptions } from '@tanstack/query-persist-client-core'

packages/svelte-query-persist-client/src/__tests__/OnSuccess/Provider.svelte → packages/svelte-query-persist-client/tests/OnSuccess/Provider.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import PersistQueryClientProvider from '../../PersistQueryClientProvider.svelte'
+  import PersistQueryClientProvider from '../../src/PersistQueryClientProvider.svelte'
   import OnSuccess from './OnSuccess.svelte'
   import type { OmitKeyof, QueryClient } from '@tanstack/svelte-query'
   import type { PersistQueryClientOptions } from '@tanstack/query-persist-client-core'

packages/svelte-query-persist-client/src/__tests__/RemoveCache/Provider.svelte → packages/svelte-query-persist-client/tests/RemoveCache/Provider.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import PersistQueryClientProvider from '../../PersistQueryClientProvider.svelte'
+  import PersistQueryClientProvider from '../../src/PersistQueryClientProvider.svelte'
   import RemoveCache from './RemoveCache.svelte'
   import type { OmitKeyof, QueryClient } from '@tanstack/svelte-query'
   import type { PersistQueryClientOptions } from '@tanstack/query-persist-client-core'

packages/svelte-query-persist-client/src/__tests__/RestoreCache/Provider.svelte → packages/svelte-query-persist-client/tests/RestoreCache/Provider.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import PersistQueryClientProvider from '../../PersistQueryClientProvider.svelte'
+  import PersistQueryClientProvider from '../../src/PersistQueryClientProvider.svelte'
   import RestoreCache from './RestoreCache.svelte'
   import type { OmitKeyof, QueryClient } from '@tanstack/svelte-query'
   import type { PersistQueryClientOptions } from '@tanstack/query-persist-client-core'

packages/svelte-query-persist-client/src/__tests__/UseQueries/Provider.svelte → packages/svelte-query-persist-client/tests/UseQueries/Provider.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import PersistQueryClientProvider from '../../PersistQueryClientProvider.svelte'
+  import PersistQueryClientProvider from '../../src/PersistQueryClientProvider.svelte'
   import UseQueries from './UseQueries.svelte'
   import type { OmitKeyof, QueryClient } from '@tanstack/svelte-query'
   import type { PersistQueryClientOptions } from '@tanstack/query-persist-client-core'

packages/svelte-query-persist-client/tests/test-setup.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/vitest'

packages/svelte-query-persist-client/tsconfig.json

@@ -7,8 +7,11 @@
     "src/**/*.js",
     "src/**/*.ts",
     "src/**/*.svelte",
+    "tests/**/*.js",
+    "tests/**/*.ts",
+    "tests/**/*.svelte",
     "eslint.config.js",
-    "test-setup.ts",
+    "svelte.config.js",
     "vite.config.ts"
   ]
 }

packages/svelte-query-persist-client/vite.config.ts

@@ -1,15 +1,16 @@
 import { svelte } from '@sveltejs/vite-plugin-svelte'
 import { defineConfig } from 'vitest/config'
+import { svelteTesting } from '@testing-library/svelte/vite'
 import packageJson from './package.json'
 
 export default defineConfig({
-  plugins: [svelte()],
+  plugins: [svelte(), svelteTesting()],
   test: {
     name: packageJson.name,
-    dir: './src',
+    dir: './tests',
     watch: false,
     environment: 'jsdom',
-    setupFiles: ['test-setup.ts'],
+    setupFiles: ['./tests/test-setup.ts'],
     coverage: { enabled: true, provider: 'istanbul', include: ['src/**/*'] },
     typecheck: { enabled: true },
     restoreMocks: true,

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

@@ -1,6 +1 @@
 import '@testing-library/jest-dom/vitest'
-import { cleanup } from '@testing-library/svelte'
-import { afterEach } from 'vitest'
-
-// https://testing-library.com/docs/svelte-testing-library/api/#cleanup
-afterEach(() => cleanup())

packages/svelte-query/tsconfig.json

@@ -11,6 +11,7 @@
     "tests/**/*.ts",
     "tests/**/*.svelte",
     "eslint.config.js",
+    "svelte.config.js",
     "vite.config.ts"
   ]
 }

packages/svelte-query/vite.config.ts

@@ -1,9 +1,10 @@
 import { svelte } from '@sveltejs/vite-plugin-svelte'
 import { defineConfig } from 'vitest/config'
+import { svelteTesting } from '@testing-library/svelte/vite'
 import packageJson from './package.json'
 
 export default defineConfig({
-  plugins: [svelte()],
+  plugins: [svelte(), svelteTesting()],
   test: {
     name: packageJson.name,
     dir: './tests',