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

【问题标题】：How to add '@testing-library/jest-dom' globally?如何在全球范围内添加“@testing-library/jest-dom”？
【发布时间】：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";

【讨论】：