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

前面通过一些依赖，配置完成了覆盖率数据的产生，运行成功后我们可以通过控制台window.__coverage__查看覆盖率数据，但是我们怎么把window.__coverage__采集到我们需要分析的系统里面呢，在不改动原工程源码的情况下貌似只有chrome插件可行，通过定时任务的话，定时任务只有加载到该js的时候才执行，使用修改istanbul源码写文件方式的话，文件也是存放在客户端本地的，综合下来，只有chrome插件最为合适

在谷歌插件开发中，https://www.cnblogs.com/liuxianan/p/chrome-plugin-develop.html这篇文章可以说是完整的教程，里面还有demo可以参考，点个赞

首先我们通过https://github.com/sxei/chrome-plugin-demo将demo下载下来，使用里面的simple-chrome-plugin-demo进行快速开发，

先来分析一波需求和流程：我们需要达到的目的有四个，

1.首先通过右上角的插件管理进行上传，

2.在网页上通过右键菜单上传

3.后台定时任务上传

4.关闭页面时上传

我们发送post请求使用ajax，所以使用jquery-1.8.3.js

因为我们要取到window.__coverage__这个变量，需要通过嵌入原网页自定义js来获取，在backgroud或者是popup都是获取不到这个变量的，但是我们的操作都