Eclipse上TestNG结果展示.png

Eclipse控制台的TestNG结果输出.png

基于TestNG的结果展示，还会保存到HTML网页，展示如下

TestNG在HTML上的结果展示.png

但似乎，仅仅基于TestNG框架的结果展示，并不是很美观，此时，我们需要另一个工具ReportNG（ReportNG 是一个配合TestNG运行case后自动帮你在test-output文件内生成一个相对较为美观的测试报告）的辅助，美化测试报告，利用ReportNG美化后的测试报告，如下

ReportNG美化后结果展示.png

是否觉得报告更美观和更有条理性了？
那么，这是怎么做到的呢？
首先我们要先安装TestNG插件，这里的开发工具，我用的是eclipse，那么我就在eclipse上安装TestNG插件，安装方法请参考https://jingyan.baidu.com/article/86f4a73ea6116f37d6526980.html
而我用的是maven工程，maven工程的创建，不懂的请参考https://jingyan.baidu.com/article/c85b7a644ba689003bac9509.html，因为需要用到的是TestNG，所以我们
需要在pom.xml文件上的 <dependencies> </dependencies>关键字中配置依赖库，如下

<!-- https://mvnrepository.com/artifact/org.testng/testng -->
<dependency>
    <groupId>org.testng</groupId>
    <artifactId>testng</artifactId>
    <version>6.14.3</version>
    <scope>test</scope>
</dependency>

<!-- https://mvnrepository.com/artifact/org.apache.velocity/velocity -->
<dependency>
    <groupId>org.apache.velocity</groupId>
    <artifactId>velocity</artifactId>
    <version>1.7</version>
</dependency>

<dependency>
    <groupId>com.google.inject</groupId>
    <artifactId>guice</artifactId>
    <version>4.1.0</version>
    <classifier>no_aop</classifier>
    <scope>test</scope>
 </dependency>

然后，我们还需要src/test/java目录下创建一个testng.xml文件，<test name="Display">和<class name="com.hq.prodreamer.DisplayTest.test.Display"/>这两句里面的name要根据实际类名和包名来写，如我这个测试类名是Display，第二个name是项目下的目录路径

<?xml version="1.0" encoding="UTF-8"?>
<suite name="Suite" parallel="false">
    <test name="Display">
        <classes>
            <class name="com.hq.prodreamer.DisplayTest.test.Display"/>
        </classes>
    </test> <!-- Test -->
</suite> <!-- Suite -->

但这只是配置到TestNG，还不够，我们还需要配置ReportNG依赖，继续在pom.xml文件中，加入如下内容

<!-- https://mvnrepository.com/artifact/org.uncommons/reportng -->
<dependency>
    <groupId>org.uncommons</groupId>
    <artifactId>reportng</artifactId>
    <version>1.1.4</version>
    <scope>test</scope>
</dependency>

然后同时需要在testng.xml文件中加入ReportNG监听器，代码如下

<?xml version="1.0" encoding="UTF-8"?>
<suite name="Suite" parallel="false">
    <test name="Display">
        <classes>
            <class name="com.hq.prodreamer.DisplayTest.test.Display"/>
        </classes>
    
        <listeners>
        //这是你需要加的东西
            <listener class-name="org.uncommons.reportng.HTMLReporter" />
            <listener class-name="org.uncommons.reportng.JUnitXMLReporter" />
        </listeners>
    </test> <!-- Test -->
</suite> <!-- Suite -->

然后运行时，我们只需要在eclipse里右击testng.xml文件，Run As -->TestNG Suite，然后就可以ReportNG生成的报告，保存到了如下路径

ReportNG报告保存路径.png

大功告成！