来自:https://www.cnblogs.com/du-hong/p/11764517.html

简介

上次整容后,有顾客问能不能升级那个普通会员的套餐,让它更漂亮。所以这次让我们看看我们可以在哪里让它更漂亮一点。

上一篇修改了一些ReportNG的基本资料,链接:Java自动化测试框架-05-组成你的测试报告的全貌-(一),本文将继续带你修改,重点是添加饼图,将从普通会员升级为VIP会员。

上一次整容康复后,洪哥继续带领朋友和同学们奋力拼搏,进行第二次手术。

第一刀

1\。修改测试结果顺序和TestResultComparator类比较方法

2\。参考代码

//u003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003d u003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003d

// 版权所有 2006-2013 Daniel W. Dyer

//

// 根据 Apache 许可证 2.0 版(“许可证”)获得许可;

// 除非遵守许可,否则您不得使用此文件。

// 您可以在以下网址获取许可证副本

//

// http://www.apache.org/licenses/LICENSE-2.0

//

// 除非适用法律要求或书面同意,软件

//根据许可分发是在“原样”基础上分发的,

// 不提供任何明示或暗示的保证或条件。

// 查看特定语言管理权限的许可证和

// 许可证下的限制。

//u003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003d u003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003du003d

包 org.uncommons.reportng;

导入 java.util.Comparator;

导入 org.testng.ITestResult;

/**

• 用于按方法名称字母顺序对 TestNG 测试结果进行排序的比较器。

• @作者丹尼尔·戴尔

*/

类 TestResultComparator 实现 Comparator<ITestResult>

{

// public int compare(ITestResult result1, ITestResult result2)

// {

// 返回 result1.getName().compareTo(result2.getName());

// }

公共 int 比较(ITestResult 结果1,ITestResult 结果2)

{

//按名称排序显示

// 返回 result1.getName().compareTo(result2.getName());

//按运行时间排序显示

int longresult2 u003d 0;

if(result2.getStartMillis()<result2.getStartMillis()){

长结果2 u003d -1;

}其他{

长结果2 u003d 1;

}

返回长结果2;

}

}

二刀

1\。在overview.html.vm中添加饼图

2\。参考代码

<script srcu003d'http://www.ichartjs.com/ichart.latest.min.js'></script>

第三刀

1\。继续在overview.html.vm中添加

2\。参考代码

<div idu003d'ichart-render'></div>

第四刀

1\。在 < td class u003d "passrate suite" > find "if" ($totalpassed > 0) 之前添加 id 属性到通过、失败和跳过的总数。将 id 属性添加到 td 标签,如下所示:

第五刀

1\。在</body>之前添加饼图的js代码

2\。参考代码

<脚本类型u003d'文本/javascript'>

pcountu003ddocument.getElementById("tpn").innerHTML;

fcountu003ddocument.getElementById("tfn").innerHTML;

scountu003ddocument.getElementById("tsn").innerHTML;

$(函数(){

var 图表 u003d iChart.create({

渲染:“图表渲染”,

宽度:800,

高度:400,

背景颜色:“#fefefe”,

渐变:假,

颜色因子:0.2,

边框:{

颜色:“BCBC”,

宽度:0

},

对齐:“中心”,

偏移量:0,

偏移量:0,

子选项:{

边框:{

颜色:“#BCBCBC”,

宽度:1

},

标签:{

字体粗细:500,

字体大小:11,

氯:“#4572 h”,

符号:“正方形”,

标志尺寸:12,

边框:{

颜色:“#BCBCBC”,

宽度:1

}

}

},

阴影:真实,

shadow_color:"#666666",

阴影模糊:2,

显示百分比:假,

column_width:"70%",

bar_height:"70%",

半径:“90%”,

副标题:{

文字:“”,

颜色:“#111111”,

字体大小:16,

font:"Microsoft yah EI ",

文本对齐:“中心”,

高度:20,

偏移量:0,

偏移量:0

},

脚注:{

文字:“”,

颜色:“#111111”,

字体大小:12,

font:"Microsoft yah EI ",

文本对齐:“右”,

高度:20,

偏移量:0,

偏移量:0

},

传说:{

启用:假,

背景颜色:“#fefefe”,

颜色:“#333333”,

字体大小:12,

边框:{

颜色:“#BCBCBC”,

宽度:1

},

栏目:1,

对齐:“右”,

对齐:“中心”,

偏移量:0,

偏移量:0

},

坐标:{

宽度:“80%”,

高度:“84%”,

背景颜色:“#ffffff”,

轴:{

颜色:“#a5acb8”,

宽度:[1,"",1,""]

},

grid_color:"#d9d9d9",

标签:{

字体粗细:500,

颜色:“#666666”,

字体大小:11

}

},

标签:{

字体粗细:500,

颜色:“#666666”,

字体大小:11

},

类型:“pie2d”,

数据:[

{

名称:“通过”,

值:pcount,

颜色:“#44aa44”

},{

名称:“失败”,

值:fcount,

颜色:“#ff4444”

},{

名称:“跳过”,

价值:侦察员,

颜色:“#FFD700”

}

]

});

图表.draw();

});

</脚本>

绷带缝合

这次,鸿哥给大家另一种通过ant导出jar的方式。 ant的安装和配置可以看上一篇文章,这里不再赘述。

1\。进入代码目录,将build.xml的jar包版本改为1.1.8

2\。导出jar包。成功。

! zoz100037](https://programming.vip/images/doc/1500ad4b8bd607de9c831a124709549e.jpg)

3\。我在哪里可以找到jar包。

4\。新项目引用 jar 包。

术后恢复效果图:

总结

1\。小伙伴可能会跟着洪兄的步骤,直到他终于知道我的饼图在哪里,是谁吃了它。跟着洪哥看看是谁吃的。

(1)首先,洪哥看了一下修改后的代码,重新检查了一下,没有任何问题。

(2) 之后,洪哥突然发现有一段介绍图标插件的JS代码:<script SRCu003d'http://www.ichartjs.com/ichart.latest.min.js'>script>是通过一个网站介绍,也就是在使用二刀的时候,洪哥尝试访问该网站:http://www.ichartjs.com/ichart.latest.min.js,结果惨烈如下:

(3)红哥肯定是这里介绍的JS有问题,所以如果饼图没有出现,那我们就无法访问网站,那就下载一个到本地,本地访问

(4) 之后宏哥开始导出jar包,导入jar包后依然没有饼图。

(5) 之后,洪哥尝试将js复制到测试报告的文件夹中,再次阅读测试报告。

(6) 饼图出现。原来JS没有引入。我们之前所做的只是将js引入jar包,而不是测试报告。引入测试报告,我们需要在一处修改代码,按照上面对CSS和JS的介绍,如下:

(7)再次导出jar包,出现检测报告的饼图。

2\。嗯,就是这样。