Python自定义HtmlTestRunner测试报告_htmltestrunner自动化测试报告(1)

2401_84790759

于 2024-05-10 03:18:52 发布

阅读量844

点赞数 17

分类专栏：程序员文章标签：单元测试功能测试学习

本文链接：https://blog.csdn.net/2401_84790759/article/details/138640974

版权

程序员专栏收录该内容

126 篇文章 0 订阅

订阅专栏

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

2加数据

改样式

改样式，这里只需要会基础的HTML

中行、列标识就可以了。

我们要在界面中加两列，那么很简单，就是加两个就可以了。

看源码部分：

从395行左右开始就是存储HTML代码展示的部分，找到table标签和第一行列头展示内容。

脚本片段1:

REPORT_TMPL = “”” …… “”” 代码段里面包含了

的结构内容

如：

<table id="result\_table">
   <colgroup>
    <col align="left" />
    <col align="right" />
    <col align="right" />
    <col align="right" />
    <col align="right" />
    <col align="right" />
   </colgroup>
    <tr id="header\_row"> 
     <td colspan="2">Test Group/Test case</td> 
     <td>Count</td> 
     <td>Pass</td> 
     <td>Fail</td> 
     <td>Error</td>
     <td>View</td>
     <td>Screenshot</td>
    </tr>%(test_list)s    <tr id="total\_row"> 
     <td colspan="2">Total</td> 
     <td>%(count)s</td> 
     <td>%(Pass)s</td> 
     <td>%(fail)s</td> 
     <td>%(error)s</td> 
     <td>&nbsp;</td> 
     <td>&nbsp;</td>
    </tr>
  </table>

table标签中的第一个就是第一行，中的每一个代表一列。标签中间的文本是直接显示在界面的。

<tr id='header\_row'>
    //这里添加colspan='2' 是合并2个列。
    //因为下面的行中的caseid需要占一列，
    //但是标题列头部分显示是一个整体，所以做了合并 
    <td colspan='2'>Test Group/Test case</td>           
    <td>Count</td>
    <td>Pass</td>
    <td>Fail</td>
    <td>Error</td>
    <td>View</td>
    <td>Screenshot</td>    //图片快照的列头标题  
</tr>

脚本片段2：

REPORT_CLASS_TMPL = “”” … “””代码段是展示calss的行，可以叫做测试模块的类，它是单独放在一行中的，每个模块一行。因为要跟上面的第一行标题中的列数对应，所以修改如下：

<tr class='%(style)s'>
    //添加的caseid 的标题，这一行不在主列头，
    //而是放在测试模块用例统计所在的行里面。    <td>case_id</td>        
    <td>%(desc)s</td>
    <td>%(count)s</td>
    <td>%(Pass)s</td>
    <td>%(fail)s</td>
    <td>%(error)s</td>
    <td><a href="javascript:showClassDetail('%(cid)s',%(count)s)">Detail</a></td>
    <td>&nbsp;</td>  //保持列数统一，加入空白列  
</tr>

脚本片段3：

REPORT_TEST_WITH_OUTPUT_TMPL = “”” … “”” 是测试用例展示部分代码，这段内容是展开测试模块后进行显示的

REPORT_TEST_WITH_OUTPUT_TMPL = r"""<tr id='%(tid)s' class='%(Class)s'>
    // %(caseid)s 是python转译html代码中变量替换方式。// caseid 会在python脚本中定义。    <td  align='center'>%(caseid)s</td>        <td class='%(style)s'>
        <div class='testcase'>%(desc)s</div>
    </td>
    <td colspan='5' align='center'>
    <!--css div popup start-->
        <a class="popup\_link" onfocus='this.blur();' href="javascript:showTestDetail('div\_%(tid)s')" >
            %(status)s        </a>
        <div id='div\_%(tid)s' class="popup\_window">
            <div style='text-align: right; color:red;cursor:pointer'>
                <a onfocus='this.blur();' onclick="document.getElementById('div\_%(tid)s').style.display = 'none' " >
                [x]</a>
            </div>
            <pre>%(script)s</pre>
        </div>
    <!--css div popup end-->
    </td>
    <td align='center'>
        <a href="%(image)s" title="%(image)s">  
        //这一列内容加入图片快照的链接访问路径 %(image)s 中替换链接地址    
            <img src="..\data\img.png" height=20 width=20 border=0 /></a>  
            //链接图标    
    </td></tr>

单从HTML界面样式展示来看，上面所有代码段中修改都是在每个加入两个。

这样我们的样式就改完了。然后开始加入数据。

加数据

先想一下我们要加什么数据.从样式中看我们增加了两个列，那么有两列的数据是需要增加的，具体加什么呢？想一下？我们在改样式的时候加的两个列中使用到了变量，那么变量取值是需要实现的。那么首先定义变量。

定义报告输出两个变量的取值，放在 REPORT_TEST_OUTPUT_TMPL定义的下面：

脚本片段4：

REPORT_TEST_OUTPUT_TMPL = r"""%(id)s: %(output)s"""  
<!--添加内容-->REPORT\_TEST\_OUTPUT\_IMAGE = r"""%(screenshot)s"""REPORT\_TEST\_OUTPUT\_CASEID = r"""%(case\_id)s"""