有一个关于开玩笑的测试案例的好的报告吗？

Question

我正在jest测试我的reactjs应用程序。它工作正常，但jest不能给我有关测试用例结果的良好报告。的输出jest显示每个测试套件及其输出。我有50多个测试套件，我很难向上滚动以检查每个失败的测试用例。是否有一份简短的jest报告，其中列出了有关整个测试用例的简短摘要？以下是我的jest.conf文件：

{
  "testRegex": "/tests/.*\\.test\\.jsx?$",
  "testEnvironment": "node",
  "roots": ["./src"],
  "coverageReporters": ["text-summary", "html"]
}

Answer 1

使用 Istanbul 生成报告

在 Package.json 的 Script 部分中只需添加：

"scripts": {
    "test": "jest",
    "test-coverage": "jest --coverage",
  }

保存项目并运行以下命令：

纱线测试：用于终端覆盖率

用于生成报告的 Yarn 测试覆盖率。在 Coverage > Icov-report >index.html 中查找 HTML 报告

Answer 2

https://github.com/jest-community/awesome-jest#reporters包含其他记者的列表。 jest-stare会让你过滤掉通过的测试，这样你就可以看到那些失败的。

Answer 3

您可以使用该--coverage标志来开玩笑。

如果您想要不同于默认报告器的内容，则必须在jest配置文件中进行设置。

jest.json

{
  "coverageReporters": ["text-summary", "html"]
}

text-summary 在所有测试下方为您提供了一个简短的摘要，告诉您成功/失败了多少个套件/测试。

html 为您提供了一些html页面，您可以浏览这些页面以确切查看经过测试的内容。

命令行界面

$ ./node_modules/.bin/jest --config ./path/to/jest.json --coverage

您可能需要调整覆盖的文件等。请参阅jest docs中的所有coverage选项。

Answer 4

还有一个JEST HTML Reporter模块，您可能会发现它有用。可配置以指定要在测试报告中显示的详细级别以进行故障检查

https://www.npmjs.com/package/jest-html-reporter