如何让Playwright HTML报告index.html显示所有测试文件的用例结果？

核心原因 #

每次单独运行测试文件时，测试报告工具默认是覆盖已有index.html文件，而非追加内容，导致之前的测试结果被清空，只留下最后一次运行的输出。

具体解决方法 #

1. 一次性运行所有测试文件 #

不要逐个执行测试文件，而是通过命令一次性指定所有目标文件，让工具统一收集所有用例结果并生成完整报告。比如使用Mocha框架时：

mocha test/**/*.test.js --reporter mochawesome --reporter-options reportDir=reports,reportFilename=index.html

2. 先收集中间结果再合并报告 #

如果必须分开运行测试文件，可以先将每个文件的结果输出为独立的JSON/XML文件，最后用工具合并成一个HTML报告：

• 分步生成独立结果文件（以Mochawesome为例）：

mocha test/file1.test.js --reporter mochawesome --reporter-options reportDir=reports,reportFilename=result1.json
mocha test/file2.test.js --reporter mochawesome --reporter-options reportDir=reports,reportFilename=result2.json

• 合并结果并生成最终HTML：

mochawesome-merge reports/*.json > reports/combined.json
marge reports/combined.json --reportDir reports --reportFilename index.html

3. 配置报告工具的写入模式 #

部分测试框架支持通过配置参数将报告写入模式从默认的“覆盖”改为“追加”。比如JUnit风格的工具中，可设置append=true参数，确保每次运行的结果追加到报告中而非覆盖原有内容。

验证方式 #

生成报告后打开index.html，检查页面中的测试用例列表、成功/失败统计数，确认是否与所有测试文件的用例总数匹配。

内容的提问来源于stack exchange，提问作者rabave