如何在React Test中以html格式创建覆盖率报告

Question

当前，我正在React测试用例中尝试以html格式创建覆盖率报告。 如何创建它？

这是我的测试脚本和覆盖范围

"test": "CI=true react-scripts test --env=jsdom",
"coverage": "react-scripts test --env=jsdom --coverage --coverageDirectory=output/coverage/report",

使用此命令，它会以xml格式生成覆盖率。

Answer 1

您需要通过--reporters='html'作为覆盖脚本中的配置。

最终的脚本如下所示：

"coverage": "react-scripts test --coverage --reporters='html' --coverageDirectory='output/coverage/report'"

注意：使用create-react-app，您可以传递Jest网站上列出的命令行选项。有关此问题的更多信息，请参见github上的以下问题：

Allow configuring reporters for Jest