Skip to content

Commit 882dff9

Browse files
authored
docs(svelte-testing-library): add sveltekit setup instructions (#1389)
Closes #1388
1 parent bf1f437 commit 882dff9

File tree

1 file changed

+24
-7
lines changed

1 file changed

+24
-7
lines changed

docs/svelte-testing-library/setup.mdx

Lines changed: 24 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -49,7 +49,7 @@ runner that's ESM compatible.
4949
your DOM library of choice and optionally configure your setup file from step
5050
(2).
5151

52-
```js title="vitest.config.js"
52+
```js title="vite.config.js"
5353
import {defineConfig} from 'vitest/config'
5454
import {svelte} from '@sveltejs/vite-plugin-svelte'
5555
import {svelteTesting} from '@testing-library/svelte/vite'
@@ -63,6 +63,22 @@ runner that's ESM compatible.
6363
})
6464
```
6565

66+
Or, if you're using [SvelteKit][sveltekit]:
67+
68+
```js title="vite.config.js"
69+
import {defineConfig} from 'vitest/config'
70+
import {sveltekit} from '@sveltejs/kit/vite'
71+
import {svelteTesting} from '@testing-library/svelte/vite'
72+
73+
export default defineConfig({
74+
plugins: [sveltekit(), svelteTesting()],
75+
test: {
76+
environment: 'jsdom',
77+
setupFiles: ['./vitest-setup.js'],
78+
},
79+
})
80+
```
81+
6682
:::note
6783

6884
The `svelteTesting` plugin:
@@ -115,6 +131,7 @@ runner that's ESM compatible.
115131
[happy-dom]: https://github.com/capricorn86/happy-dom
116132
[@vitest/ui]: https://vitest.dev/guide/ui.html
117133
[vitest dom]: https://vitest.dev/guide/environment.html
134+
[sveltekit]: https://kit.svelte.dev/
118135
[testing-library/svelte-testing-library#222]:
119136
https://github.com/testing-library/svelte-testing-library/issues/222
120137
[test-setup-files]: https://vitest.dev/config/#setupfiles
@@ -155,13 +172,13 @@ you must use Jest in [ESM mode][jest esm mode].
155172

156173
```js title="jest.config.js"
157174
module.exports = {
158-
"transform": {
159-
"^.+\\.svelte$": "svelte-jester"
175+
transform: {
176+
'^.+\\.svelte$': 'svelte-jester',
160177
},
161-
"moduleFileExtensions": ["js", "svelte"],
162-
"extensionsToTreatAsEsm": ["svelte"]
163-
"testEnvironment": "jsdom",
164-
"setupFilesAfterEnv": ["<rootDir>/jest-setup.js"]
178+
moduleFileExtensions: ['js', 'svelte'],
179+
extensionsToTreatAsEsm: ['.svelte'],
180+
testEnvironment: 'jsdom',
181+
setupFilesAfterEnv: ['<rootDir>/jest-setup.js'],
165182
}
166183
```
167184

0 commit comments

Comments
 (0)