HtmlTestRunner报告样式优化

最新推荐文章于 2021-10-14 20:41:39 发布

原创最新推荐文章于 2021-10-14 20:41:39 发布 · 429 阅读

1 ·

CC 4.0 BY-SA版权

自动化测试专栏收录该内容

3 篇文章

订阅专栏

本文介绍了如何优化HtmlTestRunner测试报告的样式，包括下载地址、配置参考以及如何定制%(startTime)s、%(duration)s、%(status)s等字段，并展示了添加自定义CSS样式后的最终效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HtmlTestRunner报告样式优化

1.HtmlTestRunner下载地址:
http://tungwaiyip.info/software/HTMLTestRunner.html
2.配置相关参考：
https://www.cnblogs.com/benpao1314/p/9633862.html
3.HtmlTestRunner中，在

里嵌入如下html代码：

<table id='tableHead'>
        <tr>
            <td id="tableFirstRow" colspan='4' align='center'>%(title)s</td>
        </tr>
        <tr>
            <td class="odd">开始时间</td>
            <td class="even">%(startTime)s</td>
            <td class="odd">自动化测试人员</td>
            <td class="even">qinkaizhao</td>
        </tr>
        <tr>
            <td class="odd">运行用时</td>
            <td class="even">%(duration)s</td>
            <td class="odd">状态</td>
            <td class="even">%(status)s</td>
        </tr>
        <tr>
            <td colspan='1' class="odd">描述</td>
            <td colspan='3'>%(description)s</td>
        </tr>
    </table>

其中，.%(startTime)s、%(duration)s、%(status)s是定制了，才能用的，配置如下：
1）HEADING_ATTRIBUTE_TMPL的值改成："""%(value)s，如下图：
在这里插入图片描述
2）新增三行代码：

startTime = saxutils.escape(a_lines[0]),
duration = saxutils.escape(a_lines[1]),
status = saxutils.escape(a_lines[2]),

在这里插入图片描述

4.css样式在“heading"下方加上：

/* -- heading ---------------------------------------------------------------------- */
#tableHead {
    width:100%; 
    height: 161px;
    border:1px solid #777; 
    border-collapse: collapse
}
#tableHead tr{border:1px solid #777}
#tableHead td{border:1px solid #777}

#tableFirstRow{
    background-color:#87CEFA;
    font-weight: bold
    }
.odd{
    width: 20%;
    text-align: center;
}
.even{
    width: 27%;
    text-align: left;
}

最终结果如图：
在这里插入图片描述