JestJS - 显示覆盖率报告中所有未覆盖的行(Cobertura)

Question

当我运行Jest覆盖率报告时,它会打印出每种类型的覆盖率和文件的百分比.当有超过4-5行时,显示未覆盖行的最后一列会被截断.有没有办法打印所有未覆盖的线？

-------------------------------|----------|----------|----------|----------|----------------|
File                           |  % Stmts | % Branch |  % Funcs |  % Lines |Uncovered Lines |
-------------------------------|----------|----------|----------|----------|----------------|
All files                      |    75.57 |    69.18 |    74.21 |    75.83 |                |
 js/components/catalyst        |    80.74 |    72.97 |    80.16 |    81.85 |                |
  JobGroup.jsx                 |    57.14 |       50 |    44.44 |       60 |... 33,34,38,73 |
...etc

这告诉我,JobGroup.jsx有33,34,38和73行,但还有更多,我想一次看到它们.

Answer 1

这是另一种解决方案，有些人可能会觉得有用。

就我个人而言，我使用 VSCode，并且有一个名为“Code Coverage”的插件，它的功能与 Super Jade 的其他答案类似，只不过它会在运行覆盖率测试后突出显示代码，如下所示。

Answer 2

有没有办法打印所有未覆盖的行？

我正在使用React + TypeScript + Jest。在我的项目中，我运行npm test -- --coverage，剩下的未发现行的文件位于coverage目录下：

<project name>\<directory>\<directory>\coverage\lcov-report\index.html

（您的文件路径可能有所不同coverage。:-)）

然后，我导航到感兴趣的文件：

粉色突出显示的所有行均被发现：