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

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，并且有一个名为“代码覆盖率”的可用插件，它的作用类似于 Super Jade 的另一个答案，除了它会在运行覆盖率测试后突出显示代码，如下所示.

Answer 2

  

是否可以打印所有未发现的行？

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

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

（您的文件路径可能在coverage部分上有所变化。：-））

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

所有用粉红色突出显示的行均未发现：