如何在全球范围内添加“@testing-library/jest-dom”？

Posted 2023-03-13

【中文标题】如何在全球范围内添加“@testing-library/jest-dom”？

【英文标题】：How to add '@testing-library/jest-dom' globally?

【发布时间】：2021-04-28 10:47:35

【问题描述】：

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

我在我的项目中添加了相同的文件 (setupTest.js)，但似乎没有效果。

换句话说，我怎样才能全局导入@testing-library/jest-dom 而不是在每个.spec.ts 文件中都这样做？

【参考方案1】：

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

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

然后在您的setupTests.js 中添加以下代码：

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

【讨论】：

这行得通！出于好奇... jest.config.js 可以是 JSON 文件吗？

@Skhaz 这个链接可以帮助你jestjs.io/docs/en/configuration