无法导入@testing库/jest-dom，expect.extend不是函数

Question

我正在尝试将@testing-library/jest-dom添加到我的项目中，但没有成功。它通过yarn安装到我的开发依赖项中，并使用以下命令导入到setupTests.js中：

import '@testing-library/jest-dom';

测试失败，出现以下错误：

Invalid Chai property: toBeDisabled

  40 |     it('should be disabled', async () => {
  41 |       const button = screen.getByRole('button', { name: 'Create button' });
> 42 |       expect(button).toBeDisabled();
     |       ^
  43 |     });
  44 |   });

我哪里错了？

Answer 1

看起来您在同一个测试套件中同时使用了Chai和Jest，它们都有一个expect函数。在此测试中，您希望使用Jest，但调用的是Chai。Chai的expect没有toBeDisabled函数属性，因此出现错误。

您是否也在该文件中导入Chai？如果是，请删除该导入。如果您需要两个测试框架，我建议您将测试分离到不同的文件中，以便在一个文件中只使用一个框架运行测试。