出现类型错误：即使在正确设置后，expect(...).toBeInTheDocument 也不是一个函数

Question

我使用 Create React App 并已经在 src/setupTests.js 上声明了这一点：

import '@testing-library/jest-dom';
import { configure } from 'enzyme';
import Adapter from 'enzyme-adapter-react-16';
configure({ adapter: new Adapter() });

但每次我expect(anything).toBeInTheDocument()在测试文件上使用时，运行测试时我都会得到：

TypeError: expect(...).toBeInTheDocument is not a function

为了确保 setupTests.js 实际运行，我尝试在测试文件上使用酶浅层并且它有效。那么 jest-dom 到底存在什么问题以及如何解决呢？

Answer 1

解决方法：

import '@testing-library/jest-dom/extend-expect';

在 src/setupTests.js 上

Answer 2

添加到您的jest.config.js

module.exports = {
  ...,
  "setupFilesAfterEnv": [
    "<rootDir>/jest.setup.js"
  ]
}

jest.setup.js并用内容进行创作

import '@testing-library/jest-dom'

这样你就不必在每个测试文件中导入 jest-dom