10D 高级 WebDriver – JUnit 报告自定义续

嗨冠军！如果您没有让发挥您的想象力，那么我今天将帮助您做到这一点。

我们将成为，

添加或删除列
改变风格
在标题部分添加徽标
修改静态文字

这真是小菜一碟。添加或删除和<td>标签可实现此任务。让我们来看一个场景，在“All Tests”表中，添加Executed By列。

在此模板下，<xsl:template match="testcase" mode="print.test">

连同现有的栏一起为新创建的“执行者”栏添加一个值。

            <xsl:call-template name="display-time">
                <xsl:with-param name="value" select="@time"/>
            </xsl:call-template>
        </td>
        <td>Tester1</td>
    </tr>
</xsl:template>

之后

努力思考如何更改生成的报告中的样式？无需为此费心！因为和其他网页一样，我们也有一个 CSS 样式表来处理此报告的样式。只需在“”文件中搜索名称为“stylesheet.css”的模板即可。

主体，表，标题，栈跟踪，错误，失败，段落，属性的样式均在此模板中指定。继续前进，戴上帽子！对 CSS 的每一行进行试验，并查看呈现的更改。是的，您也可以添加自己的 CSS！

让我们来看一个入门的小示例。表的详细信息和失败样式如下所示，

table.details tr th{
    font-weight: bold;
    text-align:left;
    background:#a6caf0;
}
.Failure {
}

让我们将这些更改如下：

所有表格标题均居中对齐
表格标题行的背景颜色为“绿色黄色”（#ADFF2F）
失败文字颜色变为栗色

之后

我们大多数人都喜欢生成的报告上的徽标。谁不喜欢个性化和一点营销？如果您懂一点 HTML，就非常简单。在名为“pageHeader”的模板上，添加一个图像标签，并在src属性中指定路径。我已将徽标图像放置在生成文件的项目的“junit”文件夹中。

<xsl:template name="pageHeader">
   <!-- <h1><xsl:value-of select="$TITLE"/></h1>  -->
   <h1>Custom JUnit Report</h1>
    <table width="100%">
    <tr>
        <td align="left"></td>
        <td align="right"><img width="50" height="50" alt="Selenium" src="myLogo.jpg"/> Designed by ninjas!</td>
    </tr>
    </table>
</xsl:template>

修改静态文本

这是锦上添花（哦！您现在已经知道了）。要修改报告中显示的任何静态文本，您只需在“”文件中进行更改。是的，你没看错。就这么简单！

假设在报告的摘要表中，而不是“测试”，我希望它是“测试数量”。只需在h2标签上显示“摘要”的正文部分更改文本，

结果

在另一篇文章中再见。自定义愉快！