如何仅在global tear down阶段生成Playwright HTML报告？

可以实现仅在global tear down阶段生成HTML报告，具体步骤如下：

• 禁用自动HTML报告生成
  在Playwright配置文件（如playwright.config.js/ts）中，先将报告器设置为仅收集测试结果（比如JSON格式），不自动生成HTML：

  // playwright.config.js
  module.exports = {
    reporter: [['json', { outputFile: 'test-results.json' }]],
    // 其他配置项...
  };
  

• 编写全局清理脚本手动生成报告
  创建全局清理文件（如global-teardown.js），在里面调用Playwright的generateReportAPI，基于之前收集的JSON测试结果生成HTML报告：

  // global-teardown.js
  const { generateReport } = require('@playwright/test/reporter');
  
  module.exports = async () => {
    // 读取之前输出的测试结果JSON文件
    const testResults = require('./test-results.json');
    // 生成HTML报告到指定目录
    await generateReport(testResults, [
      ['html', { outputFolder: 'playwright-report' }]
    ]);
  };
  

  接着在配置文件中指定这个全局清理脚本：

  // playwright.config.js
  module.exports = {
    globalTeardown: './global-teardown.js',
    reporter: [['json', { outputFile: 'test-results.json' }]],
    // 其他配置项...
  };
  

• 关键注意点

  • 确保你的@playwright/test版本足够新，generateReportAPI在v1.20+版本才正式提供
  • 如果使用TypeScript，需将脚本改为.ts格式，并配置对应的TS编译规则
  • 测试结果JSON文件的路径要和全局清理脚本中的读取路径保持一致，避免找不到文件

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