@@ -49,7 +49,7 @@ runner that's ESM compatible.
49
49
your DOM library of choice and optionally configure your setup file from step
50
50
(2).
51
51
52
- ``` js title="vitest .config.js"
52
+ ``` js title="vite .config.js"
53
53
import {defineConfig } from ' vitest/config'
54
54
import {svelte } from ' @sveltejs/vite-plugin-svelte'
55
55
import {svelteTesting } from ' @testing-library/svelte/vite'
@@ -63,6 +63,22 @@ runner that's ESM compatible.
63
63
})
64
64
```
65
65
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
+
66
82
:::note
67
83
68
84
The ` svelteTesting ` plugin:
@@ -115,6 +131,7 @@ runner that's ESM compatible.
115
131
[ happy-dom ] : https://github.com/capricorn86/happy-dom
116
132
[ @vitest/ui ] : https://vitest.dev/guide/ui.html
117
133
[ vitest dom ] : https://vitest.dev/guide/environment.html
134
+ [ sveltekit ] : https://kit.svelte.dev/
118
135
[ testing-library/svelte-testing-library #222 ] :
119
136
https://github.com/testing-library/svelte-testing-library/issues/222
120
137
[ test-setup-files ] : https://vitest.dev/config/#setupfiles
@@ -155,13 +172,13 @@ you must use Jest in [ESM mode][jest esm mode].
155
172
156
173
``` js title="jest.config.js"
157
174
module .exports = {
158
- " transform" : {
159
- " ^.+\\ .svelte$" : " svelte-jester"
175
+ transform: {
176
+ ' ^.+\\ .svelte$' : ' svelte-jester' ,
160
177
},
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' ],
165
182
}
166
183
```
167
184
0 commit comments