查看最新的Jest (v 0.22): https://github.com/facebook/jest Facebook团队将伊斯坦布尔代码覆盖率输出作为覆盖率报告的一部分，您可以直接使用它。 执行Jest后，您可以在控制台中获得覆盖率报告，在Jest设置的根文件夹下，您将发现JSON和HTML格式的覆盖率报告。 仅供参考，如果你从npm安装，你可能不会得到最新的版本;所以先试试GitHub，确保它的覆盖范围是你需要的。

配置您的包。json文件

"test": " joke -coverage"，

现在运行:

yarn test

所有测试都将开始运行，您将得到报告。

你可以运行npx jest——coverage——path/to/your/file.spec.js 这将显示受影响文件的覆盖率

如果你想在浏览器中查看，你可以这样做，

进入浏览器，CMD+O。 导航到您的repo并搜索coverage/lcov-report/index.html

然后你可以直观地看到所有的覆盖区域。

您也可以参考下面的链接，以获得更多信息 https://dev.to/stevescruz/awesome-jest-tip-coverage-report-h5j

查看最新的Jest (v 0.22): https://github.com/facebook/jest Facebook团队将伊斯坦布尔代码覆盖率输出作为覆盖率报告的一部分，您可以直接使用它。 执行Jest后，您可以在控制台中获得覆盖率报告，在Jest设置的根文件夹下，您将发现JSON和HTML格式的覆盖率报告。 仅供参考，如果你从npm安装，你可能不会得到最新的版本;所以先试试GitHub，确保它的覆盖范围是你需要的。

更新:2018年7月20日-增加链接和更新的名称覆盖记者。

更新:2017年8月14日-这个答案完全过时了。看看Jest文档就知道了。他们有关于如何做到这一点的官方支持和文件。

@hankhsiao有一个分叉回购，伊斯坦布尔正在与Jest合作。将此添加到您的开发依赖项中

 "devDependencies": {
     "jest-cli": "git://github.com/hankhsiao/jest.git"
 }

还要确保在包中启用了覆盖率。Json笑话条目，你也可以指定你想要的格式。(html是非常糟糕的)。

 "jest": {
     "collectCoverage": true,
     "coverageReporters": ["json", "html"],
 }

请参阅Jest文档中的coverageReporters(默认为["json"， "lcov"， "text"])

或者当你引用笑话时添加-coverage。

这对我来说很管用:

 "jest": {
    "collectCoverage": true,
    "coverageReporters": ["json", "html"]
  },
  "scripts": {
    "test": "jest  --coverage"
  },

Run:

yarn/npm test