TestNG测试报告美化教程:使用testng-xslt-1.1.zip生成可视化HTML报告(附安装包)

42 阅读2分钟

​一、先解压

  1. 安装包下载:pan.quark.cn/s/5861c1d5a…   ,把 testng-xslt-1.1.zip这个压缩包下载下来(比如从网上或者别人给你的)。

  2. 右键点击这个 zip 文件,选择 解压到当前文件夹​ 或者解压到你想要放的目录里。

  3. 解压后会看到一些文件,主要关注里面的:

    • testng-results.xsl
    • 一个 lib文件夹(里面有一些 jar 包)
    • 可能还有一个 example文件夹(可以忽略,是示例)

二、准备好你的 TestNG 测试报告

  1. 你得先跑过一次 TestNG 的测试,跑完之后会生成一个测试报告,通常是 XML 格式的。

  2. 默认情况下,TestNG 会在你的项目目录下的 test-output文件夹中生成一个叫 testng-results.xml​ 的文件(这是关键!)。

    • 如果你没看到这个文件,检查一下是不是测试没跑,或者跑的时候没生成报告。
    • 跑测试的方法一般是右键项目 → Run As → TestNG Test(如果你用的是 Eclipse/IDEA 等 IDE)。

三、把 xsl 文件和报告放一起

  1. 找到你刚才解压出来的 testng-results.xsl文件。
  2. 把这个 testng-results.xsl文件 复制​ 到你 TestNG 报告所在的目录,也就是有 testng-results.xml的那个 test-output文件夹里。

📌 就是让 testng-results.xsl和 testng-results.xml在同一个文件夹里。


四、双击 XML 文件用浏览器打开(变好看的报告)

  1. 找到你的 testng-results.xml文件(在 test-output 文件夹里)。
  2. 双击这个 xml 文件,它通常会用浏览器(比如 Chrome、Edge)打开。
  3. 如果你之前把 testng-results.xsl文件也放在了同一个文件夹,那浏览器打开后看到的 XML 数据就会按照 xsl 样式变成一份 更漂亮、更易懂的 HTML 报告,类似网页一样,有颜色、有表格、清晰展示测试通过/失败情况。

⚠️ 注意:有些浏览器出于安全考虑,可能不允许直接加载本地的 xsl 文件。如果遇到打开后 XML 代码一堆,没有变好看,可以尝试以下方法:


五、如果双击 xml 没变漂亮(解决方法)

方法一:改 xml 文件头部(推荐简单试试)

  1. 用记事本或任意文本编辑器打开 testng-results.xml文件。
  2. 找到类似这样的头部内容(一般在文件最上面):
<?xml version="1.0" encoding="UTF-8"?>
  1. 在这一行 后面加上(注意换行):
<?xml-stylesheet type="text/xsl" href="testng-results.xsl"?>

完整示例:

<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="testng-results.xsl"?>
<testng-results ...>
   ...
</testng-results>
  1. 保存 xml 文件,然后 再次双击它用浏览器打开,一般就能看到美化后的测试报告了。