ReferenceError:在进行苗条测试时未定义文档

Question

我得到这个错误

FAIL  src/components/Buttons/Create.test.js
✕ shows proper heading when rendered (1 ms)
● shows proper heading when rendered
The error below may be caused by using the wrong test environment, see https://jestjs.io/docs/configuration#testenvironment-string.
Consider using the "jsdom" test environment.

ReferenceError: document is not defined
7 |
8 | test('shows proper heading when rendered', () => {
>  9 |      const { getByText } = render(Comp, { create: '/test' });
|                            ^
10 |
11 |      expect(getByText('/test')).toBeInTheDocument();
12 | });
at render (node_modules/@testing-library/svelte/dist/pure.js:55:28)
at Object.<anonymous> (src/components/Buttons/Create.test.js:9:24)
Test Suites: 1 failed, 1 total
Tests:       1 failed, 1 total
Snapshots:   0 total
Time:        0.567 s, estimated 1 s
Ran all test suites matching /src/i.

这是我的测试：

// NOTE: jest-dom adds handy assertions to Jest and it is recommended, but not required.
import '@testing-library/jest-dom';
import { render } from '@testing-library/svelte';
import Comp from './Create';
test('shows proper heading when rendered', () => {
const { getByText } = render(Comp, { create: '/test' });
expect(getByText('/test')).toBeInTheDocument();
});

这是我的组件：

<script>
export let create = '';
</script>
<a href={create}><img src="/icons/plus.svg" alt="" /></a>
<style>
img {
width: 3rem;
margin-left: 1rem;
}
a {
font-weight: 400;
font-size: 1.6rem;
text-decoration: none;
color: #fff;
}
</style>

这是package.json:

"jest": {
"verbose": true,
"transform": {
"^.+\.svelte$": [
"svelte-jester",
{
"preprocess": true
}
],
"^.+\.js$": "babel-jest",
"^.+\.ts$": "ts-jest"
},
"moduleFileExtensions": [
"js",
"ts",
"svelte"
],
"setupFilesAfterEnv": [
"@testing-library/jest-dom/extend-expect"
]
}

我不知道怎么解决这个问题。我正在使用testing-library.com和sveltekit。

Answer 1

将"testEnvironment": "jsdom",添加到package.json修复了它：

package.json:

"jest": {
"verbose": true,
"testEnvironment": "jsdom",
"transform": {
"^.+\.svelte$": [
"svelte-jester",
{
"preprocess": true
}
],
"^.+\.js$": "babel-jest",
"^.+\.ts$": "ts-jest"
},
"moduleFileExtensions": [
"js",
"ts",
"svelte"
],
"setupFilesAfterEnv": [
"@testing-library/jest-dom/extend-expect"
]
}