Javascript 在Jest html reporter/Istanbul中为Jest测试启用代码覆盖率

我正在使用生成测试的HTML报告。该报告显示了哪些测试失败，哪些测试通过，但没有显示有关代码覆盖率的任何信息。我想有一些统计数据，如行覆盖，语句覆盖，等等。我如何才能做到这一点

我正在处理的项目基于

create react app

，我的

包中有以下配置。json

：

  "jest": {
    "collectCoverageFrom": [
      "src/**/*.{js,jsx}",
      "!src/assets/**/*.js",
      "!src/routes/index.js",
      "!src/index.js"
    ],
    "coverageThreshold": {
      "global": {
        "branches": 69,
        "functions": 70,
        "lines": 70,
        "statements": 70
      }
    }
  }

"scripts": {
    "test-coverage": "react-scripts test --env=jsdom --no-cache --verbose --coverage --reporters=default --reporters=jest-html-reporter",
}

---

我也可以使用另一个报告程序，如

伊斯坦布尔

，但我无法将其配置为生成所需的html测试报告。

伊斯坦布尔只需配置package.json文件即可生成测试的html报告，因为它与Jest自动集成

在Package.json的脚本部分，只需添加以下两行：

"scripts": {
    "test": "jest",
    "test-coverage": "jest --coverage",
  }

保存项目并在终端中运行以下命令：

纱线测试：生成终端覆盖率或纱线测试覆盖率以生成报告

当纱线测试覆盖率运行时，“覆盖率”文件夹在项目目录中创建，HTML报告位于coverage>Icov Report>index.HTML

---

伊斯坦布尔可以通过简单配置package.json文件生成测试的Html报告，因为它与Jest自动集成

在Package.json的脚本部分，只需添加以下两行：

"scripts": {
    "test": "jest",
    "test-coverage": "jest --coverage",
  }

保存项目并在终端中运行以下命令：

纱线测试：生成终端覆盖率或纱线测试覆盖率以生成报告

当纱线测试覆盖率运行时，“覆盖率”文件夹在项目目录中创建，HTML报告位于coverage>Icov Report>index.HTML

---

配置似乎正确，但我觉得伊斯坦布尔可以用于测试覆盖率。配置似乎正确，但我觉得伊斯坦布尔可以用于测试覆盖率。