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