js 代码覆盖率istanbul+项目git信息采集

本文探讨了在浏览器环境中实现JavaScript代码覆盖率采集的需求,重点介绍了Istanbul的使用,包括istanbul-middleware和babel-plugin-istanbul。在集成git信息的过程中遇到了挑战,最终通过在webpack配置中结合webpack-merge解决,实现了git信息与覆盖率数据的上报。然而,对于Vue文件的覆盖率统计仍存在问题,作者期待与社区交流解决方案。
摘要由CSDN通过智能技术生成

说起js的代码覆盖率,大家肯定想到的是ScriptCover、JSCover、Istanbul。

  • ScriptCover:是一款chrome的扩展插件
  • JSCover: 要在浏览器中执行测试用例
  • Istanbul:主要是用于node.js环境下的覆盖率采集

需求:Browser端的js覆盖率采集,获取git相关信息,数据处理上报

调研:

  • istanbul-middleware 代码覆盖率全套,还做了html展示,在'/coverage'页面可以看
var istanbulMiddleware = require('istanbul-middleware'),
  port = 8989;

function getCoverageData() {
  //process.cwd()当前执行程序的路径
  istanbulMiddleware.hookLoader(process.cwd(), {
    verbose: true
  });
  var app = express()
  app.use('/coverage', istanbulMiddleware.createHandler({
    verbose: true,
    resetOnGet: true
  }));

  //require入口处添加钩子方法,返回已插桩代码
  require(process.cwd())

  app.use(istanbulMiddleware.createClientHandler(process.cwd(), {
    matcher: matcher
 
  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值