React前端功能测试覆盖率统计-插桩

1.React工程插桩教程
对于前端的覆盖率统计，单元测试的可以i通过jest和Enzyme配合进行单元测试并统计覆盖率，但是现在说的覆盖率主要是指功能测试的覆盖率。
而对于功能测试的测试覆盖率，肯定是需要进行代码插桩然后统计代码执行的密度，进行覆盖率统计，而插桩的库主流的就是istanbul
一，对于node项目
可以使用istanbul-middleware来进行插桩以及覆盖率统计，可以参考样例https://github.com/chenhengjie123/middleware-browser-coverage-demo
在依赖中添加istanbul-middleware和nopt，
然后使用istanbulMiddleware.hookLoader(__dirname , {verbose:true})来注入钩子返回插桩代码
app.use('/coverage', coverage.createHandler({ verbose: true, resetOnGet: true }));
app.use(coverage.createClientHandler(publicDir, { matcher: matcher }));
暴露/coverage来获取覆盖率，然后可以通过远程请求获取覆盖率或这定时i上报采集分析覆盖率，覆盖率信息保存至全局变量window.__coverage__中

二，对于React项目
因为React是属于客户端，react的代码，都会通过webpack打包编译成纯的js文件然后放到服务端当作静态文件执行，我们本地的环境实际
是通过React和node模拟了一个服务端，那么如果要进行覆盖率统计需要对react组件进行插桩然后编译成js执行。
插桩有两种方式，一种是nyc（istanbul的命令行接口）&#