文章/答案/技术大牛

发布

社区首页 >问答首页 >在Jest -html-reporter/ in中启用jest测试的代码覆盖率

问在Jest -html-reporter/ in中启用jest测试的代码覆盖率
EN

Stack Overflow用户

提问于 2019-09-10 04:00:17

回答 1查看 5.3K关注 0票数 1

我正在使用jest-html-reporter为我的测试生成一个超文本标记语言报告。该报告显示了哪些测试失败，哪些测试通过，但没有显示任何关于代码覆盖率的信息。我想要有像行覆盖，语句覆盖等统计数据，我如何才能实现这一点？

我正在处理的项目是基于create-react-app的，并且我的package.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",
}

我也可以使用另一个像istanbul这样的报告器，但是我不能配置它来生成所需的html测试报告。

istanbul

javascript

reactjs

unit-testing

jestjs

回答 1

Stack Overflow用户

发布于 2019-11-15 15:03:40

伊斯坦布尔只需配置package.json文件就可以生成测试的Html报告，因为它自动与Jest集成在一起

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

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

保存工程并在终端运行以下命令：

纱线测试:在终端或纱线测试中生成覆盖率，生成报告。

运行Yarn test-coverage时，会在项目目录中创建" Coverage“文件夹，并在Coverage> Icov-report >index.html中使用HTML Report

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/57860504

复制

相似问题

问在Jest -html-reporter/ in中启用jest测试的代码覆盖率
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在Jest -html-reporter/ in中启用jest测试的代码覆盖率EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在Jest -html-reporter/ in中启用jest测试的代码覆盖率
EN