Selenium 自定义自动化测试报告整理

最新推荐文章于 2024-08-15 21:48:50 发布
最新推荐文章于 2024-08-15 21:48:50 发布
阅读量1.7k 收藏 3
点赞数 2
分类专栏： Selenium 文章标签： html jQuery selenium python Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35741999/article/details/86434631
版权

参考代码github地址：https://github.com/zhangfei19841004/ztest

原报告截图

修改后的报告截图

 

修改自动化报告

        以下是之前写的自动化测试报告模板，所有的东西都是用excel来完成，作为一个秘籍恐惧症患者真的很恐惧 ，再次感谢https://github.com/zhangfei19841004/ztest 同学，可以用html的方式去呈现自动化报告，源码中的格式与自己写的报告格式不同，之前又学过一些html，jQuery的知识，这次正好用的上，嘻嘻！

        简述一下逻辑，将csv文件中的数据读取出来，然后用重跑的用例针对之前的报错的进行更改，然后在将数据写到html文件中，然后就是一份自定义的自动化测试报告了。 

执行开始时间2019/1/13 18:57执行结束时间2018/10/20 19:09  
耗时（秒）0时12分31秒    
用例总数8    
用例初始通过数4用例初始通过率50.00%  
用例初始失败数4用例初始失败率50.00%  
用例重跑后通过数6用例重跑通过率75.00%  
用例重跑后失败数2用例重跑失败率25.00%  
      
      
      
用例详细报告     
SNG-001写信发送邮件1send_mail1TRUEsucceed
SNG-002草稿箱发送邮件2send_mail2TRUEsucceed
SNG-003订阅邮件发送邮件3send_mail3FALSEselenium.common.exceptions.NoSuchElementException: Message: Unable to locate element: {"method":"id","selector":"blog_nav_newpostxx"}
SNG-004写信发送邮件4send_mail4TRUEsucceed
SNG-005草稿箱发送邮件5send_mail5TRUEsucceed
SNG-006写信发送邮件6send_mail6FALSEselenium.common.exceptions.NoSuchElementException: Message: Unable to locate element: {"method":"id","selector":"blog_nav_newpostxx"}
SNG-007草稿箱发送邮件7send_mail7FALSEselenium.common.exceptions.NoSuchElementException: Message: Unable to locate element: {"method":"id","selector":"blog_nav_newpostxx"}
SNG-008草稿箱发送邮件8send_mail8FALSEselenium.common.exceptions.NoSuchElementException: Message: Unable to locate element: {"method":"id","selector":"blog_nav_newpostxx"}
      
重跑的用例     
SNG-003写信发送邮件3send_mail3TRUEsucceed
SNG-006草稿箱发送邮件6send_mail6TRUEsucceed
SNG-007草稿箱发送邮件7send_mail7FALSEselenium.common.exceptions.NoSuchElementException: Message: Unable to locate element: {"method":"id","selector":"blog_nav_newpostxx"}
SNG-008订阅邮件发送邮件8send_mail8FALSEselenium.common.exceptions.NoSuchElementException: Message: Unable to locate element: {"method":"id","selector":"blog_nav_newpostxx"}

 修改HTML

1、修改html部分，添加了多个要素，以及详细数据的“耗时”

<body class="gray-bg">
<div class="row  border-bottom white-bg dashboard-header">
    <div class="col-sm-12 text-center">
        <span style="color: #1ab394; font-size: 20px; font-weight: 700">测试报告</span>
    </div>
</div>
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>报告汇总</h5>
                    <div class="ibox-tools">
                        <a class="collapse-link">
                            <i class="fa fa-chevron-up"></i>
                        </a>
                        <a class="close-link">
                            <i class="fa fa-times"></i>
                        </a>
                    </div>
                </div>
                <div class="ibox-content">
                    <div class="row">
                        <div class="col-sm-6 b-r" style="height:350px; width:50%">
                            <form class="form-horizontal">
                                <div class="form-group">
                                    <label class="col-sm-2 statistical control-label text-navy">执行开始时间 :</label>
                                    <div class="col-sm-5">
                                        <span class="form-control" id="startTime"></span>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-2 statistical control-label text-navy">执行结束时间 :</label>
                                    <div class="col-sm-5">
                                        <span class="form-control" id="endTime"></span>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-2 statistical control-label text-navy">耗时（秒）:</label>
                                    <div class="col-sm-5">
                                        <span class="form-control" id="executionTime"></span>
                                    </div>
                                </div>
                                <div class="form-group highly"></div>
                                <div class="form-group">
                                    <label class="col-sm-2 statistical control-label text-danger">用例总数:</label>
                                    <div class="col-sm-5">
                                        <span class="form-control text-danger" id="listSum"></span>
                                    </div>
                                </div>
                                <div class="form-group highly"></div>
                                <div class="form-group">
                                    <label class="col-sm-2 statistical control-label text-warning">用例初始通过数:</label>
                                    <div class="col-sm-5">
                                        <span class="form-control text-warning" id="passSum"></span>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-2 statistical control-label text-navy">用例初始通过率:</label>
                                    <div class="col-sm-5">
                                        <span class="form-control" id="Pass"></span>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-2 statistical text-error control-label text-navy">用例初始失败数:</label>
                                    <div class="col-sm-5">
                                        <span class="form-control" id="fillSum"></span>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-2 statistical text-error control-label text-navy">用例初始失败率:</label>
                                    <div class="col-sm-5">
                                        <span class="form-control" id="Fill"></span>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-2 statistical control-label text-navy">用例重跑后通过数:</label>
                                    <div class="col-sm-5">
                                        <span class="form-control" id="passAllSum"></span>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-2 statistical control-label text-navy">用例重跑通过率:</label>
                                    <div class="col-sm-5">
                                        <span class="form-control" id="startPass"></span>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-2 statistical text-error control-label text-navy">用例重跑后失败数:</label>
                                    <div class="col-sm-5">
                                        <span class="form-control" id="startFillSum"></span>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-2 statistical text-error control-label text-navy">用例重跑失败率:</label>
                                    <div class="col-sm-5">
                                        <span class="form-control" id="startFill"></span>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <div class="col-sm-6" style="width:50%">
                            <div style="height:350px" id="echarts-map-chart"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>详细数据</h5>
                    <div class="ibox-tools">
                        <a class="collapse-link">
                            <i class="fa fa-chevron-up"></i>
                        </a>
                        <a class="close-link">
                            <i class="fa fa-times"></i>
                        </a>
                    </div>
                </div>
                <div class="ibox-content">
                    <div class="input-group panel-heading" style="width: 100%; background-color: #1ab394; margin-bottom: 10px; text-align: left; font-family: Consolas;">
                        <label style="color: snow">测试类:</label>
                        <select class="chosen-select form-control" data-placeholder="全部" style="width: 300px;" name="filterClass" id="filterClass">
                            <option value="">全部</option>
                        </select>
                        <label style="color: snow;margin-left:15px">结果:</label>
                        <select class="chosen-select form-control" data-placeholder="全部" style="width: 300px;" name="filterResult" id="filterResult">
                            <option value="">全部</option>
                        </select>
                        <div style="float: right">
                            <label class="form-control">
                                <span class="text-navy">用例数: </span><span class="text-navy b-r" id="filterAll"></span><span> | </span>
                                <span style="color: green">成功: </span><span style="color: green" id="filterOk"></span><span> | </span>
                                <span class="text-danger">失败: </span><span class="text-danger" id="filterFail">
                             </label>
                        </div>
                    </div>
                    <table class="table table-bordered">
                        <thead>
                        <tr>
                            <th>编号</th><th>测试模块</th><th>测试用例</th><th>函数名称</th><th>结果</th><th>操作</th>
                        </tr>
                        </thead>
                        <tbody id="detailBody">
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

 

修改的CSS部分

    其中将原有的单列要素，修改为多列要素

        .form-horizontal .form-group{
            width: 40%;
            float: left;
        }
        .statistical{
            width: 40%;
        }
        .col-sm-5{
            width: 60%;
        }
        .highly{
            height: 35px;
        }
        
        .text-danger,.text-warning{
            color: #1ab394;
        }
        .text-error{
            color: #EF5352;
        }

 

修改js部分

       其中添加了多个数据的显示，将原有的报错信息数组类型，修改为字符串形式

<script src="https://cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="https://cdn.bootcss.com/echarts/3.8.5/echarts.min.js"></script>
<script src="https://cdn.bootcss.com/chosen/1.8.2/chosen.jquery.js"></script>
<script type="text/javascript">
	function $childNode(o) {
	    return window.frames[o]
	}
	function animationHover(o, e) {
	    o = $(o), o.hover(function () {
	        o.addClass("animated " + e)
	    }, function () {
	        window.setTimeout(function () {
	            o.removeClass("animated " + e)
	        }, 2e3)
	    })
	}
	function WinMove() {
	    var o = "[class*=col]", e = ".ibox-title", i = "[class*=col]";
	    $(o).sortable({
	        handle: e,
	        connectWith: i,
	        tolerance: "pointer",
	        forcePlaceholderSize: !0,
	        opacity: .8
	    }).disableSelection()
	}
	var $parentNode = window.parent.document;
	if ($(".tooltip-demo").tooltip({
	        selector: "[data-toggle=tooltip]",
	        container: "body"
	    }), $(".modal").appendTo("body"), $("[data-toggle=popover]").popover(), $(".collapse-link").click(function () {
	        var o = $(this).closest("div.ibox"), e = $(this).find("i"), i = o.find("div.ibox-content");
	        i.slideToggle(200), e.toggleClass("fa-chevron-up").toggleClass("fa-chevron-down"), o.toggleClass("").toggleClass("border-bottom"), setTimeout(function () {
	            o.resize(), o.find("[id^=map-]").resize()
	        }, 50)
	    }), $(".close-link").click(function () {
	        var o = $(this).closest("div.ibox");
	        o.remove()
	    }), top == this) {
	}
</script>
<script type="text/javascript">




    var resultData = 这里写报告的数据

    function clickRow(obj){
        $("#detailBody").children("tr").attr("style","font-family: Consolas");
        $(obj).attr("style","font-family: Consolas; background-color: #b0d877");
    }

    function details(obj) {
        if ($(obj).text() == '展开') {
            var len = $(obj).parent().parent().children().length;
            var detailLog = "";
            var logs = resultData["startResult"][parseInt($(obj).attr("buttonIndex"))]["log"];
            $(obj).text("收缩");
            $(obj).removeClass("btn-primary");
            $(obj).addClass("btn-danger");
            detailLog = detailLog + "<p>" + logs + "</p>";

            console.log(detailLog);
            $(obj).parent().parent().after("<tr><td colspan='" + len + "'><div style='font-family: Consolas;font-size:12px'>" + detailLog + "</div></td></tr>");
        } else if ($(obj).text() == '收缩') {
            $(obj).parent().parent().next().remove();
            $(obj).text("展开");
            $(obj).removeClass("btn-danger");
            $(obj).addClass("btn-primary");
        }

    }
    $(function () {
        $("#startTime").text(resultData["startTime"]);
        $("#endTime").text(resultData["endTime"]);
        $("#executionTime").text(resultData["executionTime"]);
        $("#listSum").text(resultData["listSum"]);
        $("#passSum").text(resultData["passSum"]);
        $("#Pass").text(resultData["Pass"]);
        $("#fillSum").text(resultData["fillSum"]);
        $("#Fill").text(resultData["Fill"]);
        $("#passAllSum").text(resultData["passAllSum"]);
        $("#startPass").text(resultData["startPass"]);
        $("#startFillSum").text(resultData["startFillSum"]);
        $("#startFill").text(resultData["startFill"]);
        var classNames = [];
        var results = [];
        $.each(resultData["startResult"], function (i, n) {
            if (classNames.indexOf(n["className"]) == -1) {
                classNames.push(n["className"]);
            }
            if (results.indexOf(n["status"]) == -1) {
                results.push(n["status"]);
            }
        });

        $.each(classNames, function (i, n) {
            $("#filterClass").append("<option value='" + n + "' hassubinfo='true'>" + n + "</option>");
        });
        $.each(results, function (i, n) {
            $("#filterResult").append("<option value='" + n + "' hassubinfo='true'>" + n + "</option>");
        });

        $("#filterClass").chosen({search_contains: true});
        $("#filterResult").chosen({search_contains: true});

        function generateResult(className, caseResult) {
            $("#detailBody").children().remove();
            var filterAll = 0;
            var filterOk = 0;
            var filterFail = 0;
            var filterSkip = 0;
            $.each(resultData["startResult"], function (i, n) {
                if ((className == "" || n["className"] == className) && (caseResult == "" || n["status"] == caseResult)) {
                    filterAll += 1;
                    var status = "";
                    if (n["status"] == 'TRUE') {
                        filterOk += 1;
                        status = "<td><span class='text-navy'>成功</span></td>";
                    } else if (n["status"] == 'FALSE') {
                        filterFail += 1;
                        status = "<td><span class='text-danger'>失败</span></td>";
                    } else {
                        status = "<td><span>" + n["status"] + "</span></td>";
                    }
                    var tr = "<tr style='font-family: Consolas'>" +
                        "<td>" + (i + 1) + "</td>" +
                        "<td>" + n["className"] + "</td>" +
                        "<td>" + n["methodName"] + "</td>" +
                        "<td>" + n["description"] + "</td>" +
                        status + "<td><button type='button' onclick='details(this)' buttonIndex='" + i + "' class='btn btn-primary btn-xs' style='margin-bottom: 0px'>展开</button></td></tr>"
                    $("#detailBody").append(tr);
                }
            });
            $("#filterAll").text(filterAll);
            $("#filterOk").text(filterOk);
            $("#filterFail").text(filterFail);
            $("#filterSkip").text(filterSkip);
        }

        generateResult("", "");

        $("#filterClass").on('change', function () {
            var className = $("#filterClass").val();
            var caseResult = $("#filterResult").val();
            generateResult(className, caseResult);
        });

        $("#filterResult").on('change', function () {
            var className = $("#filterClass").val();
            var caseResult = $("#filterResult").val();
            generateResult(className, caseResult);
        });

        //$(".chosen-select").trigger("chosen:updated");

        function pie() {
            var option = {
                title: {
                    text: '测试用例运行结果',
                    subtext: '',
                    x: 'center'
                },
                tooltip: {
                    trigger: 'item',
                    formatter: "{a} <br/>{b} : {c} ({d}%)"
                },
                legend: {
                    orient: 'vertical',
                    left: 'left',
                    data: ['失败', '成功']
                },
                series: [
                    {
                        name: '运行结果',
                        type: 'pie',
                        radius: '55%',
                        center: ['50%', '60%'],
                        data: [
                            {value: resultData["passAllSum"], name: '失败'},
                            {value: resultData["startFillSum"], name: '成功'}
                        ],
                        itemStyle: {
                            emphasis: {
                                shadowBlur: 10,
                                shadowOffsetX: 0,
                                shadowColor: 'rgba(0, 0, 0, 0.5)'
                            }
                        }
                    }
                ]
            };
            var chart = echarts.init(document.getElementById("echarts-map-chart"));
            chart.setOption(option);
        }

        pie();
    });

</script>

 

数据读取

其中都是写死的，简直不忍直视，很尴尬

#coding=utf-8
'''
Created on 2019年1月13日

@author: pinsengjiujiezhong
'''
with open('customerStatistical.csv','r') as fo:
    lines = fo.readlines()
    ReportList = []
    for line in lines:
        list = line.strip().split(',')
        ReportList.append(list)

startTime = ReportList[0][1]
endTime =  ReportList[0][3]
executionTime = ReportList[1][1]
listSum = ReportList[2][1]
passSum =  ReportList[3][1]
Pass = ReportList[3][3]
fillSum = ReportList[4][1]
Fill = ReportList[4][3]
passAllSum = ReportList[5][1]
startPass = ReportList[5][3]
startFillSum = ReportList[6][1]
startFill = ReportList[6][3]
startResult = []
endResult = []
IntegrationReport = []

for list in ReportList:
    if list[0] == u'用例详细报告':
        startIndex = ReportList.index(list)
    elif list[0] == u'重跑的用例':
        endIndex = ReportList.index(list)
for Report in ReportList[startIndex+1:endIndex-1]:
    Result = {'className' : Report[1],
            'methodName' : Report[2],
            'description' : Report[3],
            'status' : Report[4],
            'log' : Report[5],}
    startResult.append(Result)
for Report in ReportList[endIndex+1:-1]:
    Result = {'className' : Report[1],
            'methodName' : Report[2],
            'description' : Report[3],
            'status' : Report[4],
            'log' : Report[5],}
    endResult.append(Result)

for start in startResult:
    for end in endResult:
        if start['description'] == end['description']:
            start = end
            break
    IntegrationReport.append(start)

        
Result =   {'startTime' : startTime,
            'endTime' : endTime,
            'executionTime' : executionTime,
            'listSum' : listSum,
            'passSum' : passSum,
            'Pass' : Pass,
            'fillSum' : fillSum,
            'Fill' : Fill,
            'passAllSum' : passAllSum,
            'startPass' : startPass,
            'startFillSum' : startFillSum,
            'startFill' : startFill,
            'startResult' : startResult,
            'endResult' : endResult,
            'IntegrationReport' : IntegrationReport}


import json
Result = json.dumps(Result)
with open('template','rb') as fo:
    lines = fo.read()
    fo.close()
lines = lines.replace(b'Edit_resultData',Result.encode('utf-8'))
with open('test.html','wb') as fo:
    fo.write(lines)
    fo.close()

 

在学了1个月vue后，强行将js所用的jQuery编写的部分改成了vue来渲染页面，真的是强行变更的，很勉强，其中需要替换2个数据resultDict、items

  <body class="gray-bg">
  <div id="app">
    <div class="row  border-bottom white-bg dashboard-header">
        <div class="col-sm-12 text-center">
            <span style="color: #1ab394; font-size: 20px; font-weight: 700">测试报告</span>
        </div>
    </div>
    <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>报告汇总</h5>
                        <div class="ibox-tools">
                            <a class="collapse-link" @click="reportShow=!reportShow">
                                <i class="fa" :class="reportShow?'fa-chevron-up':'fa-chevron-down'"></i>
                            </a>
                            <!--<a class="close-link">
                                <<i class="fa fa-times"></i>
                            </a>-->
                        </div>
                    </div>
                    <transition name="draw">
                      <div class="ibox-content" v-show="reportShow">
                          <div class="row">
                              <div class="col-sm-6 b-r" style="height:350px; width:50%">
                                  <form class="form-horizontal">
                                      <div class="form-group" v-for="(item,index) in items" :key="index">
                                          <label class="col-sm-2 statistical control-label text-navy">{{item[0]}} :</label>
                                          <div class="col-sm-5">
                                              <span class="form-control" id="startTime">{{item[1]}}</span>
                                          </div>
                                      </div>

                                  </form>
                              </div>
                              <div class="col-sm-6" style="width:50%">
                                  <div style="height:350px" id="echarts-map-chart" ref="myChart"></div>
                              </div>
                          </div>
                      </div>
                    </transition>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>详细数据</h5>
                        <div class="ibox-tools">
                          <a class="collapse-link" @click="reportShow=!reportShow">
                            <i class="fa" :class="reportShow?'fa-chevron-up':'fa-chevron-down'"></i>
                          </a>
                            <!--<a class="close-link">-->
                                <!--<i class="fa fa-times"></i>-->
                            <!--</a>-->
                        </div>
                    </div>
                    <div class="ibox-content">
                      <div class="input-group panel-heading" style="width: 100%; background-color: #1ab394; margin-bottom: 10px; text-align: left; font-family: Consolas;">
                          <label style="color: snow">测试类:</label>
                          <select class="chosen-select form-control" data-placeholder="全部" style="width: 300px;float:none;margin-left:5px" v-model="classItem" id="filterClass">
                              <option value="全部">全部</option>
                              <option :value="itemType" v-for="(itemType,index) in itemTypes" :key="index">{{itemType}}</option>
                          </select>
                          <label style="color: snow;margin-left:15px">结果:</label>
                          <select class="chosen-select form-control" data-placeholder="全部" style="width: 300px;float:none;margin-left:5px" v-model="Boolean" id="filterResult">
                              <option value="全部">全部</option>
                              <option value="TRUE">True</option>
                              <option value="FALSE">False</option>
                          </select>
                          <div style="float: right">
                              <label class="form-control">
                                  <span class="text-navy">用例数: </span><span class="text-navy b-r" id="filterAll">{{filterAll}}</span><span> | </span>
                                  <span style="color: green">成功: </span><span style="color: green" id="filterOk">{{filterOk}}</span><span> | </span>
                                <span class="text-danger">失败: </span><span class="text-danger" id="filterFail">{{filterFill}}</span>
                               </label>
                          </div>
                      </div>
                      <table class="table table-bordered">
                          <thead>
                          <tr>
                            <th>编号</th><th>测试模块</th><th>测试用例</th><th>函数名称</th><th>结果</th><th>操作</th>
                            <tr    >
                              <tr style="font-family: Consolas" :key="index" v-for="(result,index) in this.Integrations">
                                <td width="4%">{{index + 1}}</td>
                                <td width="6%">{{result.className}}</td>
                                <td width="10%">{{result.methodName}}</td>
                                <td width="10%">{{result.description}}</td>
                                <td width="5%">
                                  <span class="text-navy">{{result.status}}</span>
                                </td>
                                <td style="width:60%;">
                                  <button type="button" buttonindex="0" class="btn btn-xs btn-danger" style="margin-bottom: 0px"
                                          @click="reportShowClick($event)">{{reportShow?"显示日志":"隐藏日志"}}</button>
                                  <div class="isShowLog" style="width: 100%;">{{result.log}}</div>
                                </td>
                              </tr>
                            </tr>
                          </thead>
                          <tbody id="detailBody">
                          </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
  </div>

  <script type="text/javascript" src="https://unpkg.com/vue/dist/vue.js"></script>
  <script type="text/javascript" src="https://cdn.bootcss.com/echarts/3.8.5/echarts.min.js"></script>
  <script type="text/javascript">
    // Vue.use(ElementUI)
    Vue.prototype.$echarts = echarts
    const vm = new Vue({
      el : '#app',
      data:{
        Boolean : "全部",
        classItem : "全部",
        resultDict : [
          {
            'className': '写信',
            'methodName': '发送邮件1',
            'description': 'send_mail1',
            'status': 'TRUE',
            'log': 'succeed'
          }, {
            'className': '草稿箱',
            'methodName': '发送邮件2',
            'description': 'send_mail2',
            'status': 'TRUE',
            'log': 'succeed'
          }, {
            'className': '订阅邮件',
            'methodName': '发送邮件3',
            'description': 'send_mail3',
            'status': 'FALSE',
            'log': '"selenium.common.exceptions.NoSuchElementExceptiselenium.common.exceptions.NoSuchElementExceptiselenium.common.exceptions.NoSuchElementExceptiselenium.common.exceptions.NoSuchElementExceptiselenium.common.exceptions.NoSuchElementExceptiselenium.common.exceptions.NoSuchElementExceptiselenium.common.exceptions.NoSuchElementExceptiselenium.common.exceptions.NoSuchElementExceptiselenium.common.exceptions.NoSuchElementExceptiselenium.common.exceptions.NoSuchElementExceptiselenium.common.exceptions.NoSuchElementExceptiselenium.common.exceptions.NoSuchElementExceptiselenium.common.exceptions.NoSuchElementExceptiselenium.common.exceptions.NoSuchElementExceptiselenium.common.exceptions.NoSuchElementExceptiselenium.common.exceptions.NoSuchElementException: Message: Unable to locate element: {""method"":""id""'
          }, {
            'className': '写信',
            'methodName': '发送邮件4',
            'description': 'send_mail4',
            'status': 'TRUE',
            'log': 'succeed'
          }, {
            'className': '草稿箱',
            'methodName': '发送邮件5',
            'description': 'send_mail5',
            'status': 'TRUE',
            'log': 'succeed'
          }, {
            'className': '写信',
            'methodName': '发送邮件6',
            'description': 'send_mail6',
            'status': 'FALSE',
            'log': '"selenium.common.exceptions.NoSuchElementException: Message: Unable to locate element: {""method"":""id""'
          }
        ],
        items : [
          ['执行开始时间','2018/10/20 18:57'],
          ['执行结束时间','2018/10/20 19:09'],
          ['耗时（秒）','0时12分31秒'],
          ['用例总数','6'],
          ['用例初始通过数','3'],
          ['用例初始通过率','50.00%'],
          ['用例初始失败数','3'],
          ['用例初始失败率','50.00%'],
          ['用例重跑后通过数','4'],
          ['用例重跑通过率','66.67%'],
          ['用例重跑后失败数','2'],
          ['用例重跑失败率','33.33%'],
        ],
        reportShow : true,
        activeNames: ['1']
      },
      computed :{
        itemTypes(){
          const Arr = []
          this.resultDict.forEach((result)=>{
            if(!Arr.includes(result.className)){
              Arr.push(result.className)
            }
          })
          return Arr
        },
        filterAll(){
          return this.items[3][1]
        },
        filterOk(){
          if(this.items[8]){
            return this.items[8][1]
          }else{
            return this.items[4][1]
          }
        },
        filterFill(){
          if(this.items[10]){
            return this.items[10][1]
          }else{
            return this.items[6][1]
          }
        },
        itemBoolT(){
          const items = this.resultDict
          return items.reduce((totalCount,item) => totalCount + (item.status==="TRUE"?1:0),0)
        },
        itemBoolF(){
          return this.resultDict.length - this.itemBoolT
        },
        Integrations(){
          const Integrations = this.resultDict
          return Integrations.filter((item)=>{
            return (item.className === this.classItem || this.classItem === "全部") && (item.status === this.Boolean || this.Boolean === "全部")
          })
        }
      },
      mounted(){
        this.drawLine()
      },
      methods:{
        reportShowClick(event){
          let divChild = event.target.parentNode.lastChild
          divChild.className = divChild.className?"":"isShowLog"
        },
        drawLine () {
          // 基于准备好的dom，初始化echarts实例
          let bardv = this.$refs.myChart
          let myChart = this.$echarts.init(bardv)
          // 绘制图表
          myChart.setOption({
            title : {
              text: 'web自动化测试报告',
              subtext: '杨凯自写',
              x:'center'
            },
            tooltip : {
              trigger: 'item',
              formatter: "{a} <br/>{b} : {c} ({d}%)"
            },
            legend: {
              orient: 'vertical',
              left: 'left',
              data: ['true','false']
            },
            series : [
              {
                name: '自动化用例',
                type: 'pie',
                radius : '70%',
                center: ['50%', '60%'],
                data:[
                  {value:this.itemBoolT, name:'true'},
                  {value:this.itemBoolF, name:'false'},
                ],
                itemStyle: {
                  emphasis: {
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                  }
                }
              }
            ]
          })
        }
      }
    })



  </script>
  </body>

 

 

 

贫僧纠结中
关注
专栏目录
Selenium自动化测试--生成测试报告
美味的世界
04-02 4489
import unittest # 测试用例存放路径 case_path = './Testcase' # 获取所有测试用例 def get_allcase(): discover = unittest.defaultTestLoader.discover(case_path, pattern="Test*.py") suite = unittest.TestSuite(...
selenium 自动生成测试报告
zhaoke0926的博客
07-05 3366
1.http://pan.baidu.com/s/1hs5OXNY 在此网址下载HTMLTestRunner.py2.下载后手动拖到python安装文件的Lib目录下3.if __name__ == "__main__": # unittest.main() #定义一个单元测试的容器 testunit= unittest.TestSuite() #将测试用例加到测...
Python selenium自动化测试报告模板
12-19
1、增加报告加载样式初始化，更多样化 2、将失败&错误拆分成失败和错误 3、对标签切换方法进行了优化
自动化测试基础篇--Selenium unittest生成测试报告（HTMLTestRunner）
bangxijiu6026的博客
09-21 349
如何生成HTMLTestRunner测试报告。接上篇文章，对于unittest框架，运行后，测试结果不便于查看，同时多个case存在的时候，可能会导致case result记录不正确的情况。 为此，引入了HTMLTestRunner.py，它是Python标准库unittest模块的一个扩展。它可以生成直观的HTML测试报告。 一、下载HTMLTestRuner 首先，下载HTML...
python&selenium自动化测试实战项目（完整、全面）
最新发布
apex_eixl的博客
08-15 916
之前的文章说过， 要写一篇自动化实战的文章， 这段时间比较忙再加回家过11一直没有更新博客，今天整理一下实战项目的代码共大家学习。（注:项目是针对我们公司内部系统的测试，只能内部网络访问，外部网络无法访问）
Python+Selenium如何生成测试报告
爱码小哥
07-03 2580
批量执行完用例后，生成的测试报告是文本形式的，不够直观，为了更好的展示测试报告，最好是生成HTML格式的。 unittest里面是不能生成html格式报告的，需要导入一个第三方的模块：HTMLTestRunner 一、导入HTMLTestRunner 1.这个模块下载不能通过pip安装了，只能下载后手动导入，下载地址：http://tungwaiyip.info/software/HTMLTestRunner.html 2.Download下HTMLTestRunner.py文件就是我们需要下载的包。 3
selenium自动化测试报告-HTMLTestRunner
weixin_30532837的博客
09-28 110
# -*- coding: utf-8 -*- ''' 1.discover方法里面有三个参数： -case_dir:这个是待执行用例的目录。 -pattern：这个是匹配脚本名称的规则，test*.py意思是匹配test开头的所有脚本。 -top_level_dir：这个是顶层目录的名称，一般默认等于None就行了。 ''' import unittest i...
RobotFramework+selenium自动化测试-齐涛博客教程整理
01-04
### RobotFramework + Selenium 自动化测试 - 齐涛博客教程整理 #### 一、引言及基础知识 RobotFramework（简称RF）结合Selenium Library，为Web自动化测试提供了一个强大的框架。这种组合允许测试人员使用一种...
Python + Selenium + UnitTest自动化测试面试题目整理
石头缝里的小松鼠（AlySam）
05-13 3555
1、如何使用Selenium进行自动化测试 ？ 结合Python + Selenium + UnitTest 2、在测试中遇到的问题描述 元素定位问题： 1、浏览器滑动需要调用js实现； 2、非select属性的下拉框使用Xpath方式定位； 3、遇到问题如何解决？ 1、思考 2、百度 3、请教 4、Selenium的工作原理 脚本启动driver，然后启动浏览器作为远程服务器，执行脚本发送请求，服务器解析请求作出相应的操作，反馈给客户端（脚本） 5、常见的定位方式？ id、name、tagName
全网最全，selenium自动化测试总结，测试进阶之路...
07-23 756
使用selenium启动浏览器可以在python中使用下面的代码启动一个Chrome浏览器，然后控制这个浏览器的行为或者读取数据。
python+selenium+unittest自动化测试
weixin_53622455的博客
07-17 978
python
Selenium自动化测试的HTMLTestRunner测试报告美化
04-02
Python+Selenium自动化测试优化后的HTMLTestRunner测试报告
Selenium自动化测试基于Python
SeeU
09-25 6183
目录简介 简介 Selenium是一个主要用于Web应用程序自动化测试的工具集合，在行业内已经得到广泛的应用。介绍了如何用Python语言调用Selenium WebDriver接口进行自动化测试。主要内容为：基于Python 的 SeleniumWebDriver 入门知识、第一个Selenium Python脚本、使用unittest 编写单元测试、生成HTML格式的测试报告、元素定位、Selenium Python API 介绍、元素等待机制、跨浏览器测试、移动端测试、编写一个iOS测试脚本、编写一
Selenium+JUnit的自动化测试报告
Auguest0820H的博客
11-27 1673
本文记录了作者本人的交流论坛项目的自动化测试报告具体内容。其中其中包括了对项目测试用例的设计、测试工具的选择、测试环境的准备部署和项目测试的代码设计。较为完整的展现了自动化测试的全过程。
selenium自动化测试报告_selenium自动化测试断言
huace3852的博客
05-20 683
自定义弹窗，由于可以鼠标右击检查选项获取元素信息，所以出现自行已弹窗的时候，直接定义目标元素，并进行移除操作即可。
女友忽然欲买文胸，但不知何色更美，Python解之【全程实战，议藏之】(1)
2401_84139944的博客
05-13 501
🍅 硬核资料：关注即可领取PPT模板、简历模板、行业经典书籍PDF。🍅 技术互助：技术群大佬指点迷津，你的问题可能不是问题，求资源在群里喊一声。🍅 面试题库：由技术群里的小伙伴们共同投稿，热乎的大厂面试真题，持续更新中。🍅 知识体系：含编程语言、算法、大数据生态圈组件（Mysql、Hive、Spark、Flink）、数据仓库、Python、前端等等。网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。需要这份系统化学习资料的朋友，可以戳这里获取。
软件测试技术实验报告 | 用Selenium自动化测试
qq_40257877的博客
04-02 3007
软件测试技术第二次实验报告 一、需求分析（描述具体需求） Install Selenium with Eclipse. Install Firefox and SeleniumIDE plugin. Try to record and export scripts using SeleniumIDE. Please complete the following task using Seleni...
web端自动化——selenium测试报告生成、找到测试报告路径、实现发邮件（整合）...
Watchmen0320的博客
11-12 555
有这样的一个场景： 假设生成的测试报告与多人相关，每个人都去测试服务器査看就会比较麻烦，如果把这种主动的且不及时的査看变成被动且及时的査收，就方便多了。 整个程序的执行过程可以分为三个步骤： ① 通过unittest框架的discover（）找到匹配测试用例，由HTMLTestRunner的run（）方法执行测试用例并生成最新的测试报告。 ② 调用new_report...
【Python+selenium】自动化生成测试报告_selenium 自动化测试报告生成
2401_84264010的博客
04-13 1235
1.这里主要有三个参数:stream:测试报告写入文件的存储区域title:测试报告的主题description：测试报告的描述2. report_path是存放测试报告的地址运行脚本后在F盘指定位置就能找到这个测试报告文件，这时候如果文件多了，不知道测试报告在哪天生成的？能否在文件名上显示一个日期和时间呢？当然是可以的备注：%Y-%m-%d为年月日%H-%M为时分 注意：时间之间不能使用冒号(:)因为文件名不能使用冒号1.找到测试报告文件，用浏览器打开，点开View里的Detail可以查看详情描述。红框
精通Selenium WebDriver自动化测试
"Selenium Essentials 是一本专注于自动化Web测试的书籍，主要介绍如何利用Selenium WebDriver的强大功能进行测试。本书适合已经有一定自动化工具知识，希望从Selenium RC或其他工具转向Selenium WebDriver的开发者...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值