JavaScript项目中统计分支代码覆盖率需使用Jest或nyc等工具并显式启用分支覆盖，编写覆盖所有逻辑分支（如if/else、&&/||短路）的测试用例，在HTML报告中通过颜色和数字（如1/2）识别分支覆盖情况，并可通过Codecov等工具实现多分支差异对比。
在 JavaScript 项目中，统计不同分支的代码覆盖率，核心是使用支持分支覆盖率（branch coverage）的测试工具，并确保测试用例真正执行了所有可能的分支路径。主流方案是结合 Jest 或 Istanbul/nyc，配合正确配置和报告查看方式。
确认工具是否启用分支覆盖率
很多工具默认只开启语句（statement）和函数（function）覆盖率，分支覆盖率需显式开启：
-
Jest：在
jest.config.js中设置coverageThreshold或直接运行时加参数：jest --coverage --collectCoverageFrom="src/**/*.{js,ts}" --coverageReporters="html" --coverageProvider="v8"；
注意：Jest 29+ 默认使用 V8 引擎，原生支持分支覆盖率，无需额外插件。 -
nyc（Istanbul）：在
.nycrc中添加："check-coverage": true, "branches": 80，并确保reporter包含html或text-lcov。
编写能触发分支的测试用例
覆盖率数字准确的前提是测试覆盖了所有逻辑分支。常见分支包括：if/else、三元表达式、switch、逻辑运算符（&&、|| 的短路路径）等。
- 例如函数
const isEligible = (age, hasLicense) => age >= 18 && hasLicense;，需至少两个测试：一个满足两个条件，一个只满足一个（如age=16, hasLicense=true），否则&&的右操作数分支不会被标记为“已覆盖”。 - Jest HTML 报告中，绿色行表示完全覆盖，黄色表示部分覆盖（如
if块只走了if分支，没走else），红色表示未执行。
查看并区分不同分支的覆盖率数据
生成的覆盖率报告会明确标出分支覆盖率（Branches）指标：
立即学习“Java免费学习笔记（深入）”；
- 运行
npm test -- --coverage后，打开coverage/lcov-report/index.html，顶部汇总栏显示 Statements、Branches、Functions、Lines 四项百分比。 - 点击具体文件，源码旁的数字（如
1/2）表示该行涉及 2 个分支，当前测试只执行了 1 个；灰色背景 + “×” 表示该分支完全未进入。 - 若使用 CI（如 GitHub Actions），可集成
codecov或coveralls，它们会解析lcov.info并可视化各分支命中情况。
进阶：按 Git 分支对比覆盖率变化
要对比 feature 分支与 main 分支的覆盖率差异，需借助外部服务或脚本：
- 在 CI 流程中，对每个分支生成独立的
lcov.info，上传至 Codecov 并开启 diff coverage，它会高亮仅在当前 PR 中修改的代码行及其分支覆盖状态。 - 本地快速对比：分别在
main和feature分支运行nyc --reporter=lcovonly npm test，生成两个lcov.info，用工具如lcov-result-merger或自定义脚本提取新增/修改文件的分支覆盖差异。
