hi,你好!欢迎访问本站!登录
本站由网站地图腾讯云宝塔系统阿里云强势驱动
当前位置:首页 - 教程 - 杂谈 - 正文 君子好学,自强不息!

Java自动化测试框架-06 - 来给你的测试报告化个妆全部形 - (下)(细致教程)

2019-11-18杂谈搜奇网33°c
A+ A-

简介

经由上一次的化装和整形,有客户提出需求能不能将谁人一般会员的套餐再升级一下,再美丽一点。所以此次我们就来看看从那里下刀能够使它变得再美丽一点点。

上一篇文章修正了一些基础的ReportNG信息,链接:Java自动化测试框架-05 - 来给你的测试报告化个妆全部形 - (上),本文将继承带人人举行修正,重点是增加饼图,将从一般会员升级到VIP会员。

经由上次的整容恢复的差不多了,宏哥继承率领下同伴们和同学们折腾,给reportng来个二次开刀。

第一刀

1、修正测试效果递次,修正TestResultComparator类compare要领

 2、参考代码

//=============================================================================
// Copyright 2006-2013 Daniel W. Dyer
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//     http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
//=============================================================================
package org.uncommons.reportng;

import java.util.Comparator;
import org.testng.ITestResult;

/**
 * Comparator for sorting TestNG test results alphabetically by method name.
 * @author Daniel Dyer
 */
class TestResultComparator implements Comparator<ITestResult>
{
//    public int compare(ITestResult result1, ITestResult result2)
//    {
//        return result1.getName().compareTo(result2.getName());
//    }
    public int compare(ITestResult result1, ITestResult result2)
    {
        //根据称号排序显现
//         return result1.getName().compareTo(result2.getName());
        //根据运转时刻排序显现
        int longresult2 = 0; 
        if(result2.getStartMillis()<result2.getStartMillis()){
            longresult2 = -1;
        }else{
            longresult2 = 1;
        }
        return longresult2;
    }
}

第二刀

1、增加饼图,在overview.html.vm增加

2、参考代码

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

第三刀

1、继承在overview.html.vm增加

 2、参考代码

<div id='ichart-render'></div>

第四刀

1、给经由过程总数,失利总数和跳过总数增加id属性<td class="passRate suite">之前增加,找到#if($totalPassed>0),为td标签,增加id属性,以下:

第五刀

1、增加饼图js代码,增加在</body>之前即可

 2、参考代码

<script type='text/javascript'>
    pcount=document.getElementById("tpn").innerHTML;
    fcount=document.getElementById("tfn").innerHTML;
    scount=document.getElementById("tsn").innerHTML;
    $(function(){
    var chart = iChart.create({
    render:"ichart-render",
    width:800,
    height:400,
    background_color:"#fefefe",
    gradient:false,
    color_factor:0.2,
    border:{
    color:"BCBCBC",
    width:0
    },
    align:"center",
    offsetx:0,
    offsety:0,
    sub_option:{
    border:{
    color:"#BCBCBC",
    width:1
    },
    label:{
    fontweight:500,
    fontsize:11,
    color:"#4572a7",
    sign:"square",
    sign_size:12,
    border:{
    color:"#BCBCBC",
    width:1
    }
    }
    },
    shadow:true,
    shadow_color:"#666666",
    shadow_blur:2,
    showpercent:false,
    column_width:"70%",
    bar_height:"70%",
    radius:"90%",
    subtitle:{
    text:"",
    color:"#111111",
    fontsize:16,
    font:"微软雅黑",
    textAlign:"center",
    height:20,
    offsetx:0,
    offsety:0
    },
    footnote:{
    text:"",
    color:"#111111",
    fontsize:12,
    font:"微软雅黑",
    textAlign:"right",
    height:20,
    offsetx:0,
    offsety:0
    },
    legend:{
    enable:false,
    background_color:"#fefefe",
    color:"#333333",
    fontsize:12,
    border:{
    color:"#BCBCBC",
    width:1
    },
    column:1,
    align:"right",
    valign:"center",
    offsetx:0,
    offsety:0
    },
    coordinate:{
    width:"80%",
    height:"84%",
    background_color:"#ffffff",
    axis:{
    color:"#a5acb8",
    width:[1,"",1,""]
    },
    grid_color:"#d9d9d9",
    label:{
    fontweight:500,
    color:"#666666",
    fontsize:11
    }
    },
    label:{
    fontweight:500,
    color:"#666666",
    fontsize:11
    },
    type:"pie2d",
    data:[
    {
    name:"Passed",
    value:pcount,
    color:"#44aa44"
    },{
    name:"Failed",
    value:fcount,
    color:"#ff4444"
    },{
    name:"Skipped",
    value:scount,
    color:"#FFD700"
    }
    ]
    });
    chart.draw();
    });
</script>

包扎缝合

此次的包扎缝合宏哥给你们换另一个体式格局经由过程ant来导出jar。ant的装置和设置在上一篇人人都能够看到的,这里就不赘述了。

1、进入代码目次,将其build.xml的jar包版本修正成1.1.8

 2、导出jar包。胜利。

 3、到哪一个目次下找到jar包。

 4、新建项目援用jar包。

 

术后恢复效果图:

 

小结

1、小同伴能够根据宏哥的步骤操纵到最后也会一脸懵逼的发明我的饼图在那里,给谁吃掉了。来追随宏哥看看,究竟是被谁吃掉了。

(1)起首宏哥看了一看修正的代码,复查了一遍没有题目。

(2)完了宏哥倏忽发明有一段引入图标插件的js的代码:<script src='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、好了,关于这个就到这里了。

 

有题目到场java自动化测试交换群:694280102

 

个人民众号                                                             微信群 (微信群已满100,能够加宏哥的微信拉你进群,请备注:进群)          

                                                                 

您的一定就是我提高的动力。假如你觉得还不错,就请勉励一下吧!记得点波 引荐 哦!!!(点击右侧的小球即可!(^__^) 嘻嘻……)

  选择打赏方式
微信赞助

打赏

QQ钱包

打赏

支付宝赞助

打赏

  移步手机端
Java自动化测试框架-06 - 来给你的测试报告化个妆全部形 - (下)(细致教程)

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章
未定义标签

本文来源:搜奇网

本文地址:https://www.sou7.cn/282251.html

关注我们:微信搜索“搜奇网”添加我为好友

版权声明: 本文仅代表作者个人观点,与本站无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。请记住本站网址https://www.sou7.cn/搜奇网。

发表评论

选填

必填

必填

选填

请拖动滑块解锁
>>