如何在Playwright中生成多类型报告文件夹且避免被覆盖？

Playwright默认会将不同类型的报告输出到同一目录（默认是playwright-report），不做配置的话会互相覆盖。你可以通过以下两种方式解决：

方法1：通过配置文件指定独立输出路径 #

修改playwright.config.ts配置文件，给每种报告类型指定父文件夹下的不同子目录：

import { defineConfig, devices } from '@playwright/test';

export default defineConfig({
  reporter: [
    ['junit', { outputFile: 'test-results/junit-results/results.xml' }],
    ['html', { outputFolder: 'test-results/html-report' }]
  ],
  // 其他测试配置...
});

运行测试后，test-results父文件夹下会自动生成junit-results和html-report两个子文件夹，分别对应两种报告，不会互相覆盖。

方法2：通过命令行参数指定输出路径 #

无需修改配置文件，直接在运行测试时通过命令行指定不同报告的输出位置：

npx playwright test --reporter=junit:test-results/junit-results/results.xml,html:test-results/html-report

这条命令会将JUnit报告输出到test-results/junit-results，HTML报告输出到test-results/html-report，两者独立存储。

注意事项 #

• 指定的文件夹如果不存在，Playwright会自动创建，无需手动提前建立。
• 若之前有残留的旧报告文件，建议先清空父文件夹再运行测试，避免文件混淆。

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