# 10D 高级 WebDriver – JUnit 报告自定义续
> 原文: [https://javabeginnerstutorial.com/selenium/10d-advanced-webdriver-junit-report-customization-part2/](https://javabeginnerstutorial.com/selenium/10d-advanced-webdriver-junit-report-customization-part2/)
嗨冠军! 如果您没有让[之前的文章](https://javabeginnerstutorial.com/selenium/10c-advanced-webdriver-junit-report-customization/)发挥您的想象力,那么我今天将帮助您做到这一点。
我们将成为,
* 添加或删除列
* 改变风格
* 在标题部分添加徽标
* 修改静态文字
## 添加或删除列
这真是小菜一碟。 添加或删除`
`和` | `标签可实现此任务。 让我们来看一个场景,在“`All Tests`”表中,添加`Executed By`列。
```java
Class |
Name |
Status |
Type |
Time(s) |
Executed By |
```
在此模板下,``
连同现有的栏一起为新创建的“执行者”栏添加一个值。
```java
|
Tester1 |
```
### 之前
![Before adding column](img/84b0d9a3e774aca418746f37ade3cea2.png)
### 之后
![After adding a column](img/e4eeb80cc04eebc2a725bfb1f5fcb85b.png)
## 改变风格
努力思考如何更改生成的报告中的样式? 无需为此费心! 因为和其他网页一样,我们也有一个 CSS 样式表来处理此报告的样式。 只需在“`junit-frames.xsl`”文件中搜索名称为“`stylesheet.css`”的模板即可。
```xml
```
主体,表,标题,栈跟踪,错误,失败,段落,属性的样式均在此模板中指定。 继续前进,戴上帽子! 对 CSS 的每一行进行试验,并查看呈现的更改。 是的,您也可以添加自己的 CSS!
让我们来看一个入门的小示例。 表的详细信息和失败样式如下所示,
```css
table.details tr th{
font-weight: bold;
text-align:left;
background:#a6caf0;
}
.Failure {
font-weight:bold; color:purple;
}
```
让我们将这些更改如下:
1. 所有表格标题均居中对齐
2. 表格标题行的背景颜色为“绿色黄色”(# ADFF2F)
3. 失败文字颜色变为栗色
```css
table.details tr th{
font-weight: bold;
text-align:center;
background:#ADFF2F;
}
.Failure {
font-weight:bold; color:maroon;
}
```
### 之前
![Before changing styles](img/27f8f130e1cca67cd5d99f7988b85882.png)
### 之后
![After changing the styles](img/fe7ac3a7f76a08a05e580ed21c64bea7.png)
我知道,它看起来并不吸引眼球,但我们证明了我们想要的。 所以,你去了!
## 在标头部分中添加徽标
我们大多数人都喜欢生成的报告上的徽标。 谁不喜欢个性化和一点营销? 如果您懂一点 HTML,就非常简单。 在名为“`pageHeader`”的模板上,添加一个图像标签,并在`src`属性中指定路径。 我已将徽标图像放置在生成`index.html`文件的项目的“`junit`”文件夹中。
```xml
Custom JUnit Report
|
Designed by ninjas! |
```
### 结果
![Adding a Logo](img/4d78e6dc472ceb1d9f1e11333fc47113.png)
**修改静态文本**
这是锦上添花(哦!您现在已经知道了)。 要修改报告中显示的任何静态文本,您只需在“`junit-frames.xsl`”文件中进行更改。 是的,你没看错。 就这么简单!
假设在报告的摘要表中,而不是“测试”,我希望它是“测试数量”。 只需在`h2`标签上显示“摘要”的正文部分更改文本,
```xml
Number of Tests |
Failures |
Errors |
Skipped |
Success rate |
Time |
```
### 结果
![Modifying static text](img/95e2e8910446d894375595f166f57c3f.png)
是时候对我们到目前为止所学到的东西进行反思。
在另一篇文章中再见。 自定义愉快!
|