如何全局添加'@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";