如何使用jest测试jsx组件？

Question

根据文档，jest只能用于测试js文件。我们可以用它来测试jsx吗？ Jsx文件？我们可以用它来测试jsx文件吗？如果是这样，怎么样？

Answer 1

您可以使用babel-jest来测试jsx文件。 阅读更多at here

要运行jsx文件测试，您需要在取消模拟或导入实现代码时添加更多.jsx。

示例：

对于Js文件：jest.unmock（＆＃39; ../ jsx / CheckboxWithLabel＆＃39;）

对于JSX文件：jest.unmock（＆＃39; ../ jsx / CheckboxWithLabel.jsx＆＃39;）

Answer 2

在你的package.json中添加以下行：

"jest": {
  "testRegex": "(/__tests__/.*|\\.(test|spec))\\.(js|jsx)$",
  "moduleFileExtensions": ["js", "json", "jsx"]
}