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

有没有办法打印所有未发现的线条？

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

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

(您的文件路径可能在coverage部件上有一个变化。*-)

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

​

​

用粉红色突出显示的所有线条都是无遮挡的：

​

​

Answer 2

--这是另一种解决方案，有些人可能会觉得有帮助.

就我个人而言，我使用VSCode，并且有一个名为“代码覆盖”的插件，它做一些类似于这里的另一个答案，由Super，除了它会突出显示代码后，您运行一个覆盖测试，像这样。

​

​

​

​