Istanbul(QUnit)可识别源文件但无法统计代码覆盖率的问题咨询

针对你遇到的覆盖率报告无数据或全0覆盖的问题，按以下步骤排查修复：

• 精准配置nyc的文件匹配规则
  不要依赖--all参数（它会把所有文件纳入统计，包括未被测试加载的文件，导致全0覆盖），在package.json中添加nyc配置段，明确指定需要统计的源文件路径：

  "nyc": {
    "include": [
      "src/**/*.js"  // 替换为你的实际源文件路径，比如src/components/**/*.js
    ],
    "exclude": [
      "test/**/*.js",
      "node_modules/**/*",
      "dist/**/*"  // 如果有编译后的文件也排除
    ]
  }
  

  之后测试脚本改回"test": "nyc qunit"即可。

• 确保测试正确加载源文件
  QUnit测试必须实际加载并执行你的模块代码：

  • 浏览器环境：测试HTML文件中，要在测试脚本之前引入你的源文件（比如<script src="../src/your-module.js"></script>）。
  • Node环境：测试文件中通过require()或import导入你的模块，且测试用例要调用模块中的方法。

• 适配浏览器/Node环境差异
  如果是浏览器端QUnit，默认nyc的Node模式无法正确追踪覆盖率，需要额外处理：

  1. 安装浏览器端支持依赖：npm install --save-dev @istanbuljs/nyc-config-browserslist
  2. 在nyc配置中添加：

     "nyc": {
       "extends": "@istanbuljs/nyc-config-browserslist"
     }
     

  或者使用nyc instrument预处理源文件后再运行测试：

  "test": "nyc instrument src instrumented && qunit test/test.html && nyc report"
  

• 修复模块加载兼容性
  如果你的项目使用ES模块（import/export），需要：

  1. 在package.json中添加"type": "module"
  2. 确保nyc配置支持ES模块：

     "nyc": {
       "parserOptions": {
         "sourceType": "module"
       }
     }
     

• 使用稳定版nyc
  把devDependencies中的"nyc": "*"改为具体稳定版本，比如"nyc": "^15.1.0"，避免版本兼容性问题。

内容的提问来源于stack exchange，提问作者Kevin Nowaczyk