Jenkins新手求助：如何生成Playwright测试的HTML或其他格式报告？

针对你的需求，这里有两个简单易用的方案，能解决Jenkins控制台输出测试结果不清晰的问题：

方案1：使用Playwright自带HTML报告（直观可视化） #

Playwright原生支持生成美观的交互式HTML报告，只需修改测试命令，再配合Jenkins插件展示即可：

步骤1：修改Jenkinsfile的测试阶段 #

在npx playwright test命令后添加--reporter html参数，指定生成HTML报告，同时新增发布报告的阶段：

pipeline {
  agent { 
    docker { 
      image 'mcr.microsoft.com/playwright:v1.17.2-focal'
    } 
  }
  stages {
    stage('install playwright') {
      steps {
        sh '''
          npm i -D @playwright/test
          npx playwright install
        '''
      }
    }
    stage('test') {
      steps {
        sh '''
          npx playwright test jenkins-homepage.spec.ts --reporter html
        '''
      }
    }
    stage('publish html report') {
      steps {
        // 用HTML Publisher插件发布报告
        publishHTML(target: [
            allowMissing: false,
            alwaysLinkToLastBuild: false,
            keepAll: true,
            reportDir: 'playwright-report',
            reportFiles: 'index.html',
            reportName: 'Playwright HTML Test Report'
        ])
      }
    }
  }
}

步骤2：安装Jenkins插件 #

在Jenkins的「插件管理」页面搜索并安装HTML Publisher Plugin，用于展示生成的HTML报告。

注意事项 #

• 生成的报告默认存放在playwright-report目录下，无需额外配置路径
• 如果报告加载样式异常，可在Jenkins全局安全配置中，调整「Content Security Policy」为：default-src 'self' 'unsafe-inline' 'unsafe-eval'; img-src 'self' data:;

方案2：生成JUnit XML报告（适配Jenkins原生测试统计） #

如果需要和Jenkins的测试体系更紧密集成（比如查看测试通过率历史、快速定位失败用例），可以生成JUnit格式的XML报告，用Jenkins自带的JUnit插件解析：

步骤1：修改Jenkinsfile的测试阶段 #

指定生成JUnit报告，同时新增解析报告的阶段：

pipeline {
  agent { 
    docker { 
      image 'mcr.microsoft.com/playwright:v1.17.2-focal'
    } 
  }
  stages {
    stage('install playwright') {
      steps {
        sh '''
          npm i -D @playwright/test
          npx playwright install
        '''
      }
    }
    stage('test') {
      steps {
        sh '''
          npx playwright test jenkins-homepage.spec.ts --reporter junit
        '''
      }
    }
    stage('publish junit report') {
      steps {
        // 用JUnit插件解析报告
        junit 'playwright-report/junit.xml'
      }
    }
  }
}

步骤2：确认JUnit插件状态 #

Jenkins默认自带JUnit插件，如果未安装，在插件管理页面搜索安装JUnit Plugin即可。

优势 #

• 在Jenkins的「测试结果」页面能直接看到通过/失败/跳过的用例数量统计
• 点击失败用例可查看结构化的报错信息，比控制台输出更清晰
• 支持查看历史测试趋势图，便于跟踪测试稳定性

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