WebDriver+TestNG测试报告美化步骤

Cherish308

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

清晨一缕阳光

支持分享！

梦想家

支持分享