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

时间:2018-01-09 00:20:04

标签: unit-testing jestjs code-coverage

当我运行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行,但还有更多,我希望一次看到它们。

2 个答案:

答案 0 :(得分:1)

这是另一种可能对某些人有用的解决方案。

就我个人而言,我使用 VSCode,并且有一个名为“代码覆盖率”的可用插件,它的作用类似于 Super Jade 的另一个答案,除了它会在运行覆盖率测试后突出显示代码,如下所示.

enter image description here

enter image description here

答案 1 :(得分:0)

  

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


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

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

(您的文件路径可能在coverage部分上有所变化。:-))

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

code coverage results for file of interest

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

line highlighted in pink