React测试覆盖率报告中，如何找出未覆盖的两个函数？

数据老陈

2026-5-9

找出未覆盖函数的几种实用方法

直接查看HTML版lcov报告细节
你生成的lcov报告应该有对应的HTML页面（一般在项目的coverage文件夹下的index.html），打开后找到你关注的那个React文件点进去。页面里会清晰列出所有函数，未被覆盖的函数通常会用红色标注，或者在旁边显示uncovered状态，一眼就能找到那两个没被测试到的函数。
用测试框架的命令行输出定位
如果你用的是Jest（React项目最常用的测试框架），可以在运行测试时加上参数：npm test -- --coverage --watchAll=false。命令执行完后，在终端输出的对应文件部分，会明确列出未覆盖的函数名称，比如会显示Uncovered functions: [handleReset, formatDate]这样的提示，直接就能拿到目标函数。
借助IDE的覆盖率插件
比如VS Code里的Coverage Gutters插件，安装后运行测试生成覆盖率文件，插件会在你的代码左侧 gutter 区域显示覆盖状态：绿色是已覆盖，红色是未覆盖。打开那个React文件，扫一眼就能找到哪两个函数的代码块是红色标记的，非常直观。
手动分析lcov.info文件
在项目的coverage文件夹里找到lcov.info文件，搜索你要查的那个文件名。文件里会有类似这样的条目：
```
FN:45,UserProfile.validateForm
FNDA:0,UserProfile.validateForm
```
其中FN行是函数的定义位置和名称，FNDA行后面的数字是被调用的次数，次数为0的就是未被覆盖的函数，把这些函数挑出来就行。