51Testing软件测试论坛

标题: WebDriver+TestNG测试报告美化步骤 [打印本页]

作者: Cherish308 时间: 2016-12-26 17:56
标题: WebDriver+TestNG测试报告美化步骤
利用selenium+testng做自动化测试时，默认生成的测试报告比较难看，也不实用。通过TestNG+XSlT插件可以生成比较实用的测试报告。
使用TestNG跑完测试用例后，会在测试工程的根目录下生成一个test-output的文件夹，该文件夹下的index.html文件就是默认生成的测试报告，也即是我们要需要美化的测试报告；默认index.html文件显示如下：
[attach]104039[/attach]
下面，我们就来说一下如何进行美化TestNG的测试报告：
前提条件是，我们已经配置好Eclipse+WebDriver+TestNG的相关环境；
1.下载testng-xslt-1.1，百度云盘地址：http://pan.baidu.com/s/1jHOufyQ
2.将step1文件解压到testng-xslt-1.1文件夹下，将该文件夹下saxon-8.7.jar放到测试工程的lib目录下，并附加到工程中（附加的过程不再多说）；
备注：lib文件在我的测试工程师手动创建，用来存放外部引用的jar包；
3.然后再把testng-xslt-1.1/src/main/sources/testng-results.xsl拷贝到测试工程的test-output目录下，我们的测试报告就是依赖这个style生成的。
4.在测试工程根目录下创建一个build.xml文件，内容如下图所示：
<?xml version="1.0" encoding="UTF-8"?>

<project name= "myproject" basedir= "." default="transform">

<property name= "lib.dir" value= "lib" />

<path id= "test.classpath" >

      

      <fileset dir= "${lib.dir}" includes= "*.jar" />

</path>

<target name= "transform" >

      <xslt in= "E:/worksplace/TestWebdriver/test-output/testng-results.xml"
                        style= "E:/worksplace/TestWebdriver/test-output/testng-results.xsl"
                        out= "E:/worksplace/TestWebdriver/test-output/index1.html" >

         

         <param name= "testNgXslt.outputDir" expression= "E:/worksplace/TestWebdriver/test-output" />

         <classpath refid= "test.classpath" />

      </xslt>

</target>

</project>

参数简介：
a. value:也即是外部引用的jar包所在文件名；如果jar包都在测试工程的根目录下，可以写成"/"
b. in: 测试工程下test-ouput/testng-results.xml文件所在的路径；
c. style: 测试工程下test-output/testng-results.xsl文件所在的路径；
d. out：测试工程下testng输出美化后测试报告所在路径，新的测试报告名称可以自己重新定义；
5.最后在eclipse中，选中build.xml文件右键ant运行，再重新运行测试用例，打开index1.html就是完善后的测试报告了，如下图所示：
[attach]104040[/attach]

作者: 清晨一缕阳光 时间: 2016-12-27 08:55
支持分享！

作者: 梦想家 时间: 2016-12-27 09:06
支持分享

欢迎光临 51Testing软件测试论坛 (http://bbs.51testing.com/)