typescript - 如何在全球范围内添加“@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";