jest 查看测试报告和代码覆盖率

发表于:2022-6-28 09:28

字体: | 上一篇 | 下一篇 | 我要投稿

 作者:佚名    来源:稀土掘金

分享:
  脚本命令
  package.json中配置脚本命令:
  "scripts": {
      "test": "jest",
      "test:coverage": "jest --coverage"
    },
  npm run test 是跑ut的命令。
  执行npm run test:coverage即可查看ut覆盖率。
  怎样看到测试报告
  1、运行脚本
  执行 npm run test:coverage命令后,项目的根目录下会生成 \coverage 文件夹。
  其文件结构如图所示:
  其中 \Icov-report下的index.html文件 即是生成的测试报告。
  2、在浏览器中打开报告查看
  在 vscode 中安装拓展插件 open in browser。
  安装后,在index.html文件中右键选择 在浏览器中打开(快捷键 option + B)就可以看到测试报告。
  看懂测试报告
  这是报告总览,可以看到各个目录下的覆盖情况。
  Filter 可以用来快速筛选,点进其中一个目录:
  可以看到各个文件夹下的覆盖情况,打开其中一个文件查看。
  可以看到一些高亮和提示,这些就是有问题的地方,鼠标hover上去能看到具体的错误提示。
  如,红色高亮表示该用例未覆盖。
  黄色高亮表示该分支条件未覆盖。
  E 标志 表示else路径未覆盖。
  等,其他可hover查看详细信息。
  更新报告
  根据报告,可以补充测试用例,提高ut覆盖率。
  每次修改用例之后,重新执行 npm run test:coverage 命令即可更新报告,原来打开的浏览器页面会自动更新。
  本文内容不用于商业目的,如涉及知识产权问题,请权利人联系51Testing小编(021-64471599-8017),我们将立即处理
《2023软件测试行业现状调查报告》独家发布~

关注51Testing

联系我们

快捷面板 站点地图 联系我们 广告服务 关于我们 站长统计 发展历程

法律顾问:上海兰迪律师事务所 项棋律师
版权所有 上海博为峰软件技术股份有限公司 Copyright©51testing.com 2003-2024
投诉及意见反馈:webmaster@51testing.com; 业务联系:service@51testing.com 021-64471599-8017

沪ICP备05003035号

沪公网安备 31010102002173号