提交 411c1666 编写于 作者: W wizardforcel

2020-06-24 16:00:50

上级 3b370fcb
......@@ -51,7 +51,7 @@ Apache ANT 的`JunitReport`任务通过执行以下步骤来生成报告,
还记得吗,我们有两种格式? 因此,要自定义:
* 框架 – 编辑`junit-frames.xsl`
* noframes – 编辑`junit-noframes.xsl`
* 无框架 – 编辑`junit-noframes.xsl`
就我而言,这两个 XSL 文件都位于“`E:\apache-ant-1.10.2\etc`”路径中。 作为本文的一部分,让我们研究“框架”格式。 这意味着我们将编辑“`junit-frames.xsl`”文件。 复制此文件并将其粘贴到项目路径中。 不要重命名文件。 为了使所有更改都能正常进行,请向报告任务添加属性`styledir`,如下所示。 这指定了定义的样式表`junit-frames.xsl`的位置。 `.`指定此样式表位于当前目录中(与构建文件的目录相同)。
......@@ -77,7 +77,7 @@ Apache ANT 的`JunitReport`任务通过执行以下步骤来生成报告,
1.将参数名称的文本(标题为`TITLE`)更改为“`JUnit Report`”。
#### 之前
#### 之前
```xml
<xsl:param name="TITLE">Unit Test Results.</xsl:param>
......@@ -92,7 +92,7 @@ Apache ANT 的`JunitReport`任务通过执行以下步骤来生成报告,
2.“页眉”部分负责显示标题和右侧显示的说明。 将它们分别更改为“自定义 JUnit 报告”和“由忍者设计!”。
#### `BEFORE`
#### 之前
```java
<!-- Page HEADER -->
......@@ -110,52 +110,64 @@ Apache ANT 的`JunitReport`任务通过执行以下步骤来生成报告,
![Before Title Customization](img/105704c5b193643f7f113ac0be161c95.png)
#### *AFTER*
#### 之后
```xml
<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">Designed for use with <a href="http://www.junit.org/">JUnit</a> and <a href="http://ant.apache.org/">Ant</a>.</td> --> <td align="right">Designed by ninjas!</td> </tr> </table> <hr size="1"/> </xsl:template>
<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">Designed for use with <a href="http://www.junit.org/">JUnit</a> and <a href="http://ant.apache.org/">Ant</a>.</td> -->
<td align="right">Designed by ninjas!</td>
</tr>
</table>
<hr size="1"/>
</xsl:template>
```
保存更改并从 eclipse 生成 JUnit 报告。
![Title after customization](data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20773%20336'%3E%3C/svg%3E)
![Title after customization](img/79f7da90cc8512a6f3a09a33020e5481.png)
## **增加栈跟踪字体大小**
我们在发生故障时看到的栈跟踪信息非常小,很难读取。 为了增加其字体大小,只需在模板中添加几行名称为 stylesheet.css 的行即可。
我们在发生故障时看到的栈跟踪信息非常小,很难读取。 为了增加其字体大小,只需在模板中添加几行名称为`stylesheet.css`的行即可。
```xml
<xsl:template name="stylesheet.css"> .StackTrace { font-size: 100%; }
<xsl:template name="stylesheet.css">
.StackTrace {
font-size: 100%;
}
```
然后将该类添加到“display-failures”模板的“code”标签中,该模板负责显示栈跟踪信息。
然后将该类添加到“`display-failures`”模板的“`code`”标签中,该模板负责显示栈跟踪信息。
#### *BEFORE*
#### 之前
```xml
<code <xsl:call-template name="br-replace"> <xsl:with-param name="word" select="."/> </xsl:call-template> </code>
<code
<xsl:call-template name="br-replace">
<xsl:with-param name="word" select="."/>
</xsl:call-template>
</code>
```
![Stack trace before customization](data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20704%20281'%3E%3C/svg%3E)
![Stack trace before customization](img/bb8d2d9cffa6c125da7d189e67916d17.png)
#### 之后
```xml
<code class="StackTrace"> <xsl:call-template name="br-replace"> <xsl:with-param name="word" select="."/> </xsl:call-template> </code>
<code class="StackTrace">
<xsl:call-template name="br-replace">
<xsl:with-param name="word" select="."/>
</xsl:call-template>
</code>
```
![Stack trace after customization](data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20744%20308'%3E%3C/svg%3E)
![Stack trace after customization](img/aa339356190129736acc86ac3372a513.png)
现在是时候戴上帽子了。 愿 ANT 的力量与您同在。
在另一篇文章中再见。 自定义愉快!
###### 下一篇文章
##### [10d。 高级 WebDriver – JUnit 报告自定义续。](https://javabeginnerstutorial.com/selenium/10d-advanced-webdriver-junit-report-customization-part2/ "10d. Advanced WebDriver – JUnit Report Customization Contd.")
\ No newline at end of file
......@@ -47,8 +47,109 @@
</xsl:template>
```
### 之前
### 之前
![Before adding column](data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20703%20219'%3E%3C/svg%3E)
![Before adding column](img/84b0d9a3e774aca418746f37ade3cea2.png)
<noscript><img alt="Before adding column" class="alignnone size-full wp-image-13133" height="219" src="img/84b0d9a3e774aca418746f37ade3cea2.png" width="703"/><h3>之后<em></em></h3><p><img alt="After adding a column" class="alignnone size-full wp-image-13134" data-lazy-src="https://javabeginnerstutorial.com/wp-content/uploads/2018/05/19_CustomColAfter-1.jpg" height="226" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20776%20226'%3E%3C/svg%3E" width="776"/></p><noscript><img alt="After adding a column" class="alignnone size-full wp-image-13134" height="226" src="img/e4eeb80cc04eebc2a725bfb1f5fcb85b.png" width="776"/><h2>改变风格</h2><p>努力思考如何更改生成的报告中的样式? 无需为此费心! 因为和其他网页一样,我们也有一个 CSS 样式表来处理此报告的样式。 只需在“junit-frames.xsl”文件中搜索名称为“stylesheet.css”的模板即可。</p><pre><code class="language-xml">&lt;!-- this is the stylesheet css to use for nearly everything --&gt; &lt;xsl:template name="stylesheet.css"&gt;</code></pre><p>主体,表,标题,栈跟踪,错误,失败,段落,属性的样式均在此模板中指定。 继续前进,戴上帽子! 对 CSS 的每一行进行试验,并查看呈现的更改。 是的,您也可以添加自己的 CSS!</p><p><span class="ezoic-adpicker-ad" id="ezoic-pub-ad-placeholder-124"> </span> <span class="ezoic-ad box-4 adtester-container adtester-container-124" data-ez-name="javabeginnerstutorial_com-box-4" style="display:block !important;float:none;margin-bottom:2px !important;margin-left:0px !important;margin-right:0px !important;margin-top:2px !important;min-height:110px;min-width:728px;text-align:center !important;"> <span class="ezoic-ad" ezah="90" ezaw="728" id="div-gpt-ad-javabeginnerstutorial_com-box-4-0" style="position:relative;z-index:0;display:inline-block;min-height:90px;min-width:728px;"> </span> </span>让我们来看一个入门的小例子。 表的详细信息和失败样式如下所示,</p><pre><code class="language-xml">table.details tr th{ font-weight: bold; text-align:left; background:#a6caf0; } .Failure { font-weight:bold; color:purple; }</code></pre><p>让我们将这些更改如下:</p><ol><li>所有表格标题均居中对齐</li><li>表格标题行的背景颜色为“绿色黄色”(# ADFF2F)</li><li>失败文字颜色变为栗色</li></ol><pre><code class="language-xml">table.details tr th{ font-weight: bold; text-align:center; background:#ADFF2F; } .Failure { font-weight:bold; color:maroon; }</code></pre><h3><em>BEFORE</em></h3><p><img alt="Before changing styles" class="alignnone size-full wp-image-13135" data-lazy-src="https://javabeginnerstutorial.com/wp-content/uploads/2018/05/20_StylesBefore-1.jpg" height="458" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201095%20458'%3E%3C/svg%3E" width="1095"/></p><noscript><img alt="Before changing styles" class="alignnone size-full wp-image-13135" height="458" src="img/27f8f130e1cca67cd5d99f7988b85882.png" width="1095"/><h3><em>AFTER</em></h3><p><img alt="After changing the styles" class="alignnone size-full wp-image-13136" data-lazy-src="https://javabeginnerstutorial.com/wp-content/uploads/2018/05/21_StylesAfter.jpg" height="437" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201058%20437'%3E%3C/svg%3E" width="1058"/></p><noscript><img alt="After changing the styles" class="alignnone size-full wp-image-13136" height="437" src="img/fe7ac3a7f76a08a05e580ed21c64bea7.png" width="1058"/><p>我知道,它看起来并不吸引眼球,但我们证明了我们想要的。 所以,你去了!</p><h2><strong>在标头部分</strong>中添加徽标</h2><p>我们大多数人都喜欢生成的报告上的徽标。 谁不喜欢个性化和一点营销? 如果您懂一点 HTML,就非常简单。 在名为“pageHeader”的模板上,添加一个图像标签,并在 src 属性中指定路径。 我已将徽标图像放置在生成 index.html 文件的项目的“junit”文件夹中。</p><pre><code class="language-xml">&lt;xsl:template name="pageHeader"&gt; &lt;!-- &lt;h1&gt;&lt;xsl:value-of select="$TITLE"/&gt;&lt;/h1&gt; --&gt; &lt;h1&gt;Custom JUnit Report&lt;/h1&gt; &lt;table width="100%"&gt; &lt;tr&gt; &lt;td align="left"&gt;&lt;/td&gt; &lt;td align="right"&gt;&lt;img width="50" height="50" alt="Selenium" src="myLogo.jpg"/&gt; Designed by ninjas!&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;hr size="1"/&gt; &lt;/xsl:template&gt;</code></pre><h3><em>结果</em></h3><p><img alt="Adding a Logo" class="alignnone size-full wp-image-13137" data-lazy-src="https://javabeginnerstutorial.com/wp-content/uploads/2018/05/22_Logo.jpg" height="208" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201089%20208'%3E%3C/svg%3E" width="1089"/></p><noscript><img alt="Adding a Logo" class="alignnone size-full wp-image-13137" height="208" src="img/4d78e6dc472ceb1d9f1e11333fc47113.png" width="1089"/><p><strong>修改静态文本</strong></p><p>这是锦上添花(哦!您现在已经知道了)。 要修改报告中显示的任何静态文本,您只需在“junit-frames.xsl”文件中进行更改。 是的,你没看错。 就这么简单!</p><p>假设在报告的摘要表中,而不是“测试”,我希望它是“测试数量”。 只需在 h2 标签上显示“摘要”的正文部分更改文本,</p><pre><code class="language-xml">&lt;table class="details" border="0" cellpadding="5" cellspacing="2" width="95%"&gt; &lt;tr valign="top"&gt; &lt;th&gt;Number of Tests&lt;/th&gt; &lt;th&gt;Failures&lt;/th&gt; &lt;th&gt;Errors&lt;/th&gt; &lt;th&gt;Skipped&lt;/th&gt; &lt;th&gt;Success rate&lt;/th&gt; &lt;th&gt;Time&lt;/th&gt; &lt;/tr&gt;</code></pre><h3><em>RESULT</em></h3><p><img alt="Modifying static text" class="alignnone size-full wp-image-13132" data-lazy-src="https://javabeginnerstutorial.com/wp-content/uploads/2018/05/23_staticText.jpg" height="243" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201028%20243'%3E%3C/svg%3E" width="1028"/></p><noscript><img alt="Modifying static text" class="alignnone size-full wp-image-13132" height="243" src="img/95e2e8910446d894375595f166f57c3f.png" width="1028"/><p>是时候对我们到目前为止所学到的东西进行反思。</p><p>在另一篇文章中再见。 自定义愉快!</p><div class="sticky-nav" style="font-size: 15px;"><div class="sticky-nav-image"></div><div class="sticky-nav-holder"><div class="sticky-nav_item"><h6 class="heading-sm">下一篇文章</h6></div><h5 class="sticky-nav_heading " style="font-size: 15px;"><a href="https://javabeginnerstutorial.com/selenium/10e-advanced-webdriver-generating-pdf-report/" title="10e. Advanced WebDriver – Generating a PDF report"> 10e。 Advanced WebDriver – 生成 PDF 报告</a></h5></div></div> </body> </html></noscript>
\ No newline at end of file
### 之后
![After adding a column](img/e4eeb80cc04eebc2a725bfb1f5fcb85b.png)
## 改变风格
努力思考如何更改生成的报告中的样式? 无需为此费心! 因为和其他网页一样,我们也有一个 CSS 样式表来处理此报告的样式。 只需在“`junit-frames.xsl`”文件中搜索名称为“`stylesheet.css`”的模板即可。
```xml
<!-- this is the stylesheet css to use for nearly everything -->
<xsl:template name="stylesheet.css">
```
主体,表,标题,栈跟踪,错误,失败,段落,属性的样式均在此模板中指定。 继续前进,戴上帽子! 对 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
<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>
<hr size="1"/>
</xsl:template>
```
### *结果*
![Adding a Logo](img/4d78e6dc472ceb1d9f1e11333fc47113.png)
**修改静态文本**
这是锦上添花(哦!您现在已经知道了)。 要修改报告中显示的任何静态文本,您只需在“`junit-frames.xsl`”文件中进行更改。 是的,你没看错。 就这么简单!
假设在报告的摘要表中,而不是“测试”,我希望它是“测试数量”。 只需在`h2`标签上显示“摘要”的正文部分更改文本,
```xml
<table class="details" border="0" cellpadding="5" cellspacing="2" width="95%">
<tr valign="top">
<th>Number of Tests</th>
<th>Failures</th>
<th>Errors</th>
<th>Skipped</th>
<th>Success rate</th>
<th>Time</th>
</tr>
```
### 结果
![Modifying static text](img/95e2e8910446d894375595f166f57c3f.png)
是时候对我们到目前为止所学到的东西进行反思。
在另一篇文章中再见。 自定义愉快!
......@@ -12,5 +12,60 @@
我们需要 JUnit PDF 报告*要点*分发。 它还包含所有必需的依赖项。 从链接“https://sourceforge.net/projects/junitpdfreport/files/”下载最新版本的“必要” zip 文件。
![PDF Essentials Download](img/f3daaf777964f1e44dde697809da3616.png)
<noscript><img alt="PDF Essentials Download" class="alignnone size-full wp-image-13353" height="382" sizes="(max-width: 792px) 100vw, 792px" src="img/f3daaf777964f1e44dde697809da3616.png" srcset="https://javabeginnerstutorial.com/wp-content/uploads/2018/06/25_pdfEssentialsDownload.jpg 792w, https://javabeginnerstutorial.com/wp-content/uploads/2018/06/25_pdfEssentialsDownload-300x145.jpg 300w, https://javabeginnerstutorial.com/wp-content/uploads/2018/06/25_pdfEssentialsDownload-768x370.jpg 768w" width="792"/><p>将文件内容解压缩到本地文件夹并记下路径。 另外,请确保分发中包含“build-junitpdfreport.xml”文件和“lib”文件夹以及某些其他文件和文件夹。</p><h2><strong>步骤 2:</strong></h2><p>是时候在 Eclipse IDE 中浏览“Build.xml”文件了。 有几行要添加。 首先要做的是告诉我们的项目,该 junitpdfreport 基本 zip 文件的内容在哪里提取。 在构建文件的&lt;项目&gt;标签中,将以下行及其路径添加到分发位置。</p><pre><code class="language-xml">&lt;!-- JUnit PDF report installation location --&gt; &lt;import file="E:/junitpdfreport_essentials_1_0/build-junitpdfreport.xml"/&gt;</code></pre><h2><strong>步骤 3:</strong></h2><p>将以下目标也添加到构建文件中,以便 ANT 知道该怎么做。</p><pre><code class="language-xml">&lt;!-- PDF Report --&gt; &lt;target name="pdfReport"&gt; &lt;junitpdfreport todir="${junit.output.dir}" styledir="default"&gt; &lt;fileset dir="${junit.output.dir}"&gt; &lt;include name="TEST-*.xml"/&gt; &lt;/fileset&gt; &lt;/junitpdfreport&gt; &lt;/target&gt;</code></pre><p>让我们尝试一次解密这一行,</p><p><span class="ezoic-adpicker-ad" id="ezoic-pub-ad-placeholder-124"> </span> <span class="ezoic-ad box-4 adtester-container adtester-container-124" data-ez-name="javabeginnerstutorial_com-box-4" style="display:block !important;float:none;margin-bottom:2px !important;margin-left:0px !important;margin-right:0px !important;margin-top:2px !important;min-height:110px;min-width:728px;text-align:center !important;"> <span class="ezoic-ad" ezah="90" ezaw="728" id="div-gpt-ad-javabeginnerstutorial_com-box-4-0" style="position:relative;z-index:0;display:inline-block;min-height:90px;min-width:728px;"> </span> </span> 1\. <code data-enlighter-language="xml">junitpdfreport todir="${junit.output.dir}"</code></p><p>– 这是将生成的 pdf 报告保存的位置。</p><p>2\. <code data-enlighter-language="xml">fileset dir="${junit.output.dir}" </code></p><p>– 提供所有 JUnit 测试结果所在的位置(请记住为执行的每个测试生成的 XML 文件,格式为“TEST-*。xml”)。</p><p>就我而言,我有以下测试文件:TEST-com.blog.junitTests.RadioBtns_Checkboxes.xml,TEST-com.blog.junitTests.SelectItems.xml 和 TESTS-TestSuites.xml 保存在位置'junit / '。</p><h2><strong>步骤 4:</strong></h2><p>右键单击并选择“2 ANT Build”,然后在“编辑配置”弹出窗口中选中“目标”标签。 确保已选中“pdfReport”目标,它是执行顺序中提到的最后一个目标。</p><p><img alt="PDF target configuration" class="alignnone size-full wp-image-13358" data-lazy-src="https://javabeginnerstutorial.com/wp-content/uploads/2018/06/24_pdfTargetConfig.jpg" height="521" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20782%20521'%3E%3C/svg%3E" width="782"/></p><noscript><img alt="PDF target configuration" class="alignnone size-full wp-image-13358" height="521" src="img/3afeff61fc34dbc54a4173a3a68f5898.png" width="782"/><p>点击“运行”以执行构建文件。</p><h2><strong>步骤 5:</strong></h2><p>在指定的输出目录(本例中为“junit /”)中验证生成的 PDF 报告。</p><p><img alt="JUnit Folder" class="alignnone size-full wp-image-13354" data-lazy-src="https://javabeginnerstutorial.com/wp-content/uploads/2018/06/26_pdfJnitFolder.jpg" height="397" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20461%20397'%3E%3C/svg%3E" width="461"/></p><noscript><img alt="JUnit Folder" class="alignnone size-full wp-image-13354" height="397" src="img/aa7d07ec593be85f4cb61b59a93dfac6.png" width="461"/><p>生成的 PDF 文件共有 8 页。 例如,前 5 页如下所示,</p><p><img alt="PDF report part 1" class="alignnone size-full wp-image-13355" data-lazy-src="https://javabeginnerstutorial.com/wp-content/uploads/2018/06/27_pdf_Report1.jpg" height="493" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20872%20493'%3E%3C/svg%3E" width="872"/></p><noscript><img alt="PDF report part 1" class="alignnone size-full wp-image-13355" height="493" src="img/355dee55d351b9aac326eded2118a8db.png" width="872"/><p><img alt="PDF Report part 2" class="alignnone size-full wp-image-13356" data-lazy-src="https://javabeginnerstutorial.com/wp-content/uploads/2018/06/28_pdf_Report2-1.jpg" height="472" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20873%20472'%3E%3C/svg%3E" width="873"/></p><noscript><img alt="PDF Report part 2" class="alignnone size-full wp-image-13356" height="472" src="img/a9d33aeeff32831e2eb61b9318a47817.png" width="873"/><p>最后但并非最不重要的是,该构建文件的快照显示了 HTML 报告和 PDF 报告目标代码,</p><p><img alt="ANT buildfile" class="alignnone size-full wp-image-13357" data-lazy-src="https://javabeginnerstutorial.com/wp-content/uploads/2018/06/29_pdfBuildFile-1.jpg" height="592" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20873%20592'%3E%3C/svg%3E" width="873"/></p><noscript><img alt="ANT buildfile" class="alignnone size-full wp-image-13357" height="592" src="img/42bef927c7f8c0a40ebd7edc15606835.png" width="873"/><p>在您达到本文结尾时,让我们利用练习的力量。 在另一个主题上再见,让您掌握 WebDriver!</p><div class="sticky-nav" style="font-size: 15px;"><div class="sticky-nav-image"></div><div class="sticky-nav-holder"><div class="sticky-nav_item"><h6 class="heading-sm">下一篇文章</h6></div><h5 class="sticky-nav_heading " style="font-size: 15px;"><a href="https://javabeginnerstutorial.com/selenium/10f-advanced-webdriver-taking-screenshot/" title="10f. Advanced WebDriver – Taking a Screenshot"> 10f。 高级 WebDriver – 截屏</a></h5></div></div> </body> </html></noscript>
\ No newline at end of file
将文件内容解压缩到本地文件夹并记下路径。 另外,请确保分发中包含“`build-junitpdfreport.xml`”文件和“`lib`”文件夹以及某些其他文件和文件夹。
## **步骤 2:**
是时候在 Eclipse IDE 中浏览“`Build.xml`”文件了。 有几行要添加。 首先要做的是告诉我们的项目,该`junitpdfreport`基本 zip 文件的内容在哪里提取。 在构建文件的`project`标签中,将以下行及其路径添加到分发位置。
```xml
<!-- JUnit PDF report installation location --> <import file="E:/junitpdfreport_essentials_1_0/build-junitpdfreport.xml"/>
```
## **步骤 3:**
将以下目标也添加到构建文件中,以便 ANT 知道该怎么做。
```xml
<!-- PDF Report --> <target name="pdfReport"> <junitpdfreport todir="${junit.output.dir}" styledir="default"> <fileset dir="${junit.output.dir}"> <include name="TEST-*.xml"/> </fileset> </junitpdfreport> </target>
```
让我们尝试一次解密这一行,
1\. `junitpdfreport todir="${junit.output.dir}"`
这是将生成的 pdf 报告保存的位置。
2\. `fileset dir="${junit.output.dir}"`
提供所有 JUnit 测试结果所在的位置(请记住为执行的每个测试生成的 XML 文件,格式为“`TEST-*.xml`”)。
就我而言,我有以下测试文件:`TEST-com.blog.junitTests.RadioBtns_Checkboxes.xml``TEST-com.blog.junitTests.SelectItems.xml``TESTS-TestSuites.xml`保存在位置`junit/`
## **步骤 4:**
右键单击并选择“2 ANT Build”,然后在“编辑配置”弹出窗口中选中“目标”标签。 确保已选中“pdfReport”目标,它是执行顺序中提到的最后一个目标。
![PDF target configuration](img/3afeff61fc34dbc54a4173a3a68f5898.png)
点击“运行”以执行构建文件。
## **步骤 5:**
在指定的输出目录(本例中为“`junit/`”)中验证生成的 PDF 报告。
![JUnit Folder](img/aa7d07ec593be85f4cb61b59a93dfac6.png)
生成的 PDF 文件共有 8 页。 例如,前 5 页如下所示,
![PDF report part 1](img/355dee55d351b9aac326eded2118a8db.png)
![PDF Report part 2](img/a9d33aeeff32831e2eb61b9318a47817.png)
最后但并非最不重要的是,该构建文件的快照显示了 HTML 报告和 PDF 报告目标代码,
![ANT buildfile](img/42bef927c7f8c0a40ebd7edc15606835.png)
在您达到本文结尾时,让我们利用练习的力量。 在另一个主题上再见,让您掌握 WebDriver!
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册