必须启用webstorm运行配置中的enable coverage开关，否则编辑器无法显示绿色/红色行标记；需确保jest.config.js中collectcoverage为true、coveragedirectory可写、coveragereporters包含lcov，且运行后通过ctrl+alt+f6激活覆盖率视图。

WebStorm 里跑 Jest 要看到绿色/红色行标记，必须手动启用 Coverage 开关——它不在 jest.config.js 里，也不靠 npm test 自动触发，而是 IDE 运行配置里的一个勾选项。

为什么点“Run with Coverage”没反应？

根本原因不是 Jest 没装好，而是覆盖率数据压根没生成或 WebStorm 没读到。Jest 默认不收集覆盖率，WebStorm 也不会自动解析 lcov.info。

• collectCoverage 必须设为 true（或删掉该字段，用 Jest 默认值），不能是 false 或被注释掉
• coverageDirectory 路径要可写，默认 coverage 目录不能被 gitignore 全局屏蔽，也不能是只读挂载点
• coverageReporters 至少保留 ["lcov", "text-summary"]；如果只配了 ["json-summary"] 或 ["clover"]，WebStorm 解析失败，界面就空白
• 运行后检查项目根目录下是否真生成了 coverage/lcov.info 文件——没有这个文件，WebStorm 就无从挂载高亮

WebStorm 运行配置里怎么开 Coverage？

很多人反复改 jest.config.js 却忽略这一步：Coverage 是 IDE 层开关，不是 Jest 配置项。

WebStorm Linux版

WebStorm 2026.2 Linux tar.gz 安装包，适合在 Linux 桌面环境中搭建现代前端开发与调试工作流。

下载

• 打开 Run | Edit Configurations…，选中你的 Jest 配置（或新建一个）
• 滚动到底部，勾选 Enable coverage（注意不是 “Run with Coverage” 按钮，那是快捷入口）
• coverageProvider 保持默认 v8；别手贱改成 babel，否则会报 Cannot find module '@babel/preset-env'
• Collect coverage from tests in 填 src/（或你实际源码所在路径），路径错会导致所有行显示为未覆盖（0%）

覆盖率标记不显示在编辑器里？

即使数据生成了、开关也开了，编辑器仍可能不着色——常见于路径映射失败或视图未激活。

• 运行带 Coverage 的配置后，必须手动打开 Run | Show Code Coverage Data（快捷键 Ctrl+Alt+F6），并勾选对应套件为 Active
• 覆盖率高亮只对「当前已打开的文件」生效；关掉再重开文件，或点击 Coverage 工具窗口里的 Re-run with coverage 按钮刷新
• TypeScript 项目要确保 collectCoverageFrom 包含 **/*.ts，否则 .ts 文件永远全红，哪怕测试通过了
• 修改过源码但没重跑测试？覆盖率不会自动更新——WebStorm 不监听文件变更，只认 coverage-final.json 时间戳

合并单元测试和集成测试的覆盖率结果

单次运行只能反映当前测试集，真实场景需要叠加不同测试类型的覆盖数据。

• 在 Run | Manage Coverage Results 中，用复选框同时勾选多个历史套件（比如 Jest-unit、Jest-integration）
• 合并逻辑很简单：某行只要在任一套件中执行过，就算“已覆盖”，边栏颜色仍是二值（绿/红），不会显示“被几个测试覆盖”
• CI 生成的 lcov.info 可通过 Add 导入，但注意路径前缀一致性——Docker 内生成的文件若含 /app/src/ 前缀，而本地是 src/，就得手动修正或用 coveragePathStripPattern

最容易被忽略的是：Coverage 开关必须每次运行都主动启用，且 WebStorm 不会继承终端里 jest --watch 的状态；改完配置（尤其是 Jest package 路径或 Node.js 解释器）后，不重启 IDE，90% 的问题都不会解决。