ReportNg测试报告的定制修改（二）

上一篇文章 ReportNg测试报告的定制修改 中我们能够成功的实现了图片的截图的分栏显示。但是其实ReportNg还存在着几个在使用上不太方便的地方。

问题

---

1、Reportng在生成的报告是以字母序对执行的方法进行排序的，而并不是按照执行的顺序
进行排序的。

解决：修改 TestResultComparator.java 。

class TestResultComparator implements Comparator<ITestResult>{    public int compare(ITestResult result1, ITestResult result2)    {//        return result1.getName().compareTo(result2.getName());        if (result1.getStartMillis()<result2.getStartMillis()) {            return -1;        }else {            return 1;        }    }}

将名字的比较修改成开始时间的比较即可。

2、ReportNg生成的图片过小，能够通过点击放大查看。如：

解决：由于对html那块不熟悉，所以只能通过点击生成新的标签页方法来查看。 这一个不需要去修改Reportng的代码，只需要修改生成图片的html就可以了。如下：

Reporter.log("<img src=../../../screenShots/" + fileName + ".png onclick='window.open(\"../../../screenShots/"+fileName+".png\")' height='108' width='192'/>");

这样子就解决了图片查看的问题了。

3、测试用例添加 description的注释，能够实现对用例的说明，但是生成的html是鼠标划上才显示内容，很不方面查看。如：

其实我们更需要的是让他直接显示出来，这样子我们更能够直观的知道这个是什么测试用例。我们需要修改 class-results.html.vm

 #if ($testResult.method.description && $testResult.method.description.length() > 0)      <span class="description" title="$testResult.method.description">$testResult.name$testInstanceName ($testResult.method.description)</span>

以上直接将title的内容写到内容里面即可了。结果就会变成如下：

这样子是不是变的很直观多了。

总结

多想想，多动手。带给你的就是工作效率的提高了。