Cherish308 发表于 2016-12-26 17:56:47

WebDriver+TestNG测试报告美化步骤

利用selenium+testng做自动化测试时,默认生成的测试报告比较难看,也不实用。通过TestNG+XSlT插件可以生成比较实用的测试报告。
使用TestNG跑完测试用例后,会在测试工程的根目录下生成一个test-output的文件夹,该文件夹下的index.html文件就是默认生成的测试报告,也即是我们要需要美化的测试报告;默认index.html文件显示如下:

下面,我们就来说一下如何进行美化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" >

         <!-- adding the saxon jar to your 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" >

             <!-- you need to specify the directory here again -->

            <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就是完善后的测试报告了,如下图所示:

清晨一缕阳光 发表于 2016-12-27 08:55:59

支持分享!

梦想家 发表于 2016-12-27 09:06:03

支持分享
页: [1]
查看完整版本: WebDriver+TestNG测试报告美化步骤