VSCode不生成测试报告，需依赖测试框架CLI输出；Jest通过--coverage和coverageReporters配置生成HTML覆盖率报告；Playwright默认生成HTML测试报告但不统计覆盖率；Mocha需配合nyc实现覆盖率，且参数顺序和路径配置关键。
VSCode 本身不生成测试报告，必须靠 Node.js 生态里的测试框架 CLI 输出，再由 VSCode 提供运行入口和查看便利性；直接点几下就出 HTML 报告的路径不存在。
用 jest 生成 HTML 覆盖率报告（JS/TS 最常用）
这是最省心的组合，jest 内置覆盖率收集能力，只需配对输出格式：
- 安装时加
--save-dev jest @types/jest，确保项目有jest.config.js - 配置里必须含
coverageReporters: ['html', 'text-summary']，否则只输出终端文本 -
collectCoverageFrom要明确指定源码路径，比如['src/**/*.{js,ts}']，漏写会导致 coverage 显示为 0% - 运行命令必须带
--coverage，例如npx jest --coverage；仅npx jest不会生成coverage/目录 - 报告默认输出到
coverage/index.html，右键该文件 → “Reveal in Explorer” → 双击打开即可，不要试图用 Live Server 插件打开（跨域可能报错）
用 playwright test 生成 HTML 测试报告
Playwright 的报告是开箱即用的，但默认不自动打开，且失败时行为易被误解：
- 首次运行
npx playwright test后，报告生成在playwright-report/index.html - 若测试失败，
playwright-report仍会生成，但内容只包含失败用例详情 —— 不是 bug，是设计如此 - 想强制覆盖旧报告，加
--reporter html参数（虽然默认就是 html reporter，显式写出更可控） - 想在 VSCode 内置浏览器预览，直接按
Ctrl+Click（Windows/Linux）或Cmd+Click（macOS）点击终端里输出的file://...链接 - 注意：Playwright 的
test命令不等同于jest的--coverage，它不统计代码覆盖率，只记录用例执行结果
用 mocha + istanbul 补全覆盖率报告
Mocha 自身无覆盖率能力，得靠 istanbul（现名 nyc）桥接，参数顺序容易翻车：
- 安装
nyc：运行npm install --save-dev nyc - 在
package.json的scripts中写："test:coverage": "nyc --reporter=html --reporter=text-summary mocha test/**/*.spec.js" - 关键点：
nyc必须放在mocha前面，写成mocha --require nyc是无效的 -
nyc默认只 instrument./lib，若源码在src/，需加--include src/**/*.js - 生成的
coverage/index.html打开后，红色行表示未被执行，但点击文件进去看时，要注意它显示的是 transpiled 后的代码（如用了 Babel），不是原始 TS 文件
真正卡住人的地方往往不在配置本身，而在路径匹配、CLI 参数顺序、以及报告生成与测试执行成功与否的耦合逻辑 —— 比如 Jest 测试失败时 coverage 目录不生成，Playwright 测试失败时 report 目录照常生成但内容残缺，这些差异不提前看清，排查起来会反复怀疑是不是自己配错了。
