如何全局添加“@testing-library/jest-dom”？

Question

我在一个项目中看到使用create-react-app一个名为的文件，setupTest.js该文件只是导入@testing-library/jest-dom，并且测试似乎使用扩展expect版本，例如.toBeInTheDocument.

我将相同的文件（setupTest.js）添加到我的项目中，但似乎没有效果。

换句话说，如何@testing-library/jest-dom全局导入而不是在每个.spec.ts文件中执行？

Answer 1

创建一个jest.config.js文件并向其添加setupFilesAfterEnv属性并将其配置为您的setupTests.js文件地址，如下所示：

module.exports = {
  setupFilesAfterEnv: ["<rootDir>/app/config/setupTests.js"],
};

然后在您setupTests.js添加此代码：

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