Selenium+Java（10）：教你修改jar包，实现测试报告的图表绘制及优化

今天在运行自动化代码的时候突然发现测试报告里的饼状图消失了，排查了半天最后发现是因为引用的http://www.ichartjs.com/ichart.latest.min.js网站崩掉了，里面的ichart开源组件失效，且貌似最近一直没人维护，打开网址长下图这样：
但是报告里没有了这个饼图之后，会感觉自动化报告变得光秃秃的巨丑
（可以自己在网上搜一下没有饼图的ReportNG报告看看样子）大概这样：

于是我写了这份小教程，以实现依赖本地js，进行测试报告的图表绘制。操作步骤及原理如下：

1. 首先，如果没有操作过reportNG配置的话，可以查看我的这篇博客进行学习：教你配置ReportNG，美化自动化测试报告。

2. 下载这个包：iChart绘图组件，并在我们的自动化测试报告输出路径下创建一个js文件夹，将这个包里面的文件解压并放在该js文件夹下，文件结构如图：
   
   将解压出的文件放在刚刚创建的js文件夹里：
   

3. 按我的博客 教你配置ReportNG，美化自动化测试报告 的内容操作后，我们应该下载了这个包：ReportNG依赖包下载。

4. 将reportng-1.1.5.jar文件解压，解压后打开是这样：

5. 我们依次进入\org\uncommons\reportng\templates\html，可以看到如下的文件：
   

6. 我们右键点击overview.html.vm，选择用notepad编辑：
   

7. 打开后，将第13行代码删除，并替换为如下代码：

  <script src='./js/ichart.1.2.1.min.js'></script>
  <script src='./js/ichart.1.2.1.src.js'></script>

保存。

8. Ctrl+C将修改好的overview.html.vm文件复制下来，然后双击打开我们下载好的reportng-1.1.5.jar包，依次进入“\org\uncommons\reportng\templates\html”，然后Ctrl+V，将其中的overview.html.vm文件替换掉，保存修改。完毕。
9. 这样今后我们再运行代码时，就永远可以成功展示饼状图，而不用依赖远程jar包了。
   现在运行代码之后，报告长这样：
   
10. 如果觉得 2D的饼状图不够美观的话，可以在overview.html.vm文件中将242行的type中的2改为3，并替换进reportng-1.1.5.jar包即可，个人感觉会好看一些。
    
    3D演示如下图：
    

Ps：当然如果你前端代码能力足够，可以将其修改为圆角渐变色饼图，会更好看。只要修改\org\uncommons\reportng\templates\html里的文件，便可更改对应的样式模板template。
最后，如果引用不确定安全性的jar包的话，尽量都把它下载下来在本地使用，不然可能在调用外部jar包时被人注入恶意代码。

软件测试工程师一只，也在不断的学习阶段，平时的小经验不定期分享。
博主经验有限，若有不足，欢迎交流，共同改进~
愿与同在CSDN的你共同进步。