Advanced Usage

# .github/workflows/playwright.yml
name: Playwright Tests with Pulse Report
on: [push]
jobs:
  test:
    timeout-minutes: 60
    runs-on: ubuntu-latest
    strategy:
      fail-fast: false
      matrix:
        shard: [1, 2, 3, 4]
    steps:
      - uses: actions/checkout@v4
      - uses: actions/setup-node@v4
        with:
          node-version: 18
      - run: npm ci
      - run: npx playwright install --with-deps
      - run: npx playwright test --shard=${{ matrix.shard }}/${{ strategy.job-total }}
      - uses: actions/upload-artifact@v4
        if: always()
        with:
          name: pulse-report-shard-${{ matrix.shard }}
          path: pulse-report/
          retention-days: 1

  merge-report:
    needs: test
    if: always()
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - uses: actions/setup-node@v4
        with:
          node-version: 18
      - run: npm ci
      - uses: actions/download-artifact@v4
        with:
          path: pulse-report
          pattern: pulse-report-shard-*
          merge-multiple: true
      - run: npx merge-pulse-report
      - run: npx generate-pulse-report
      - uses: actions/upload-artifact@v4
        with:
          name: final-playwright-pulse-report
          path: pulse-report/playwright-pulse-static-report.html
          retention-days: 7

# .gitlab-ci.yml
stages:
  - test
  - merge

playwright-test:
  stage: test
  parallel: 4
  image: node:18
  script:
    - npm ci
    - npx playwright install --with-deps
    - npx playwright test --shard=$CI_NODE_INDEX/$CI_NODE_TOTAL
  artifacts:
    when: always
    paths: [pulse-report/]
    expire_in: 1 day

merge-and-publish:
  stage: merge
  needs: ["playwright-test"]
  image: node:18
  script:
    - npm ci
    - npx merge-pulse-report
    - npx generate-pulse-report
  artifacts:
    paths: [pulse-report/playwright-pulse-static-report.html]
    expire_in: 7 days

// Jenkinsfile
pipeline {
    agent any
    stages {
        stage('Setup') {
            steps {
                sh 'npm ci'
                sh 'npx playwright install --with-deps'
            }
        }
        stage('Parallel Tests') {
            parallel {
                stage('Shard 1') { steps { sh 'npx playwright test --shard=1/4' } }
                stage('Shard 2') { steps { sh 'npx playwright test --shard=2/4' } }
                stage('Shard 3') { steps { sh 'npx playwright test --shard=3/4' } }
                stage('Shard 4') { steps { sh 'npx playwright test --shard=4/4' } }
            }
            post {
                always {
                    archiveArtifacts artifacts: 'pulse-report/**', allowEmptyArchive: true
                }
            }
        }
        stage('Merge and Publish Report') {
            steps {
                // Logic to unstash artifacts from all shards would go here
                sh 'npx merge-pulse-report'
                sh 'npx generate-pulse-report'
                archiveArtifacts artifacts: 'pulse-report/playwright-pulse-static-report.html'
            }
        }
    }
}

npx playwright test test1.spec.ts && npx playwright test test2.spec.ts

# playwright.config.ts


import { defineConfig } from "@playwright/test";
import * as path from "path";
              
// Define where the final report JSON and HTML should go
const PULSE_REPORT_DIR = path.resolve(__dirname, "pulse-report"); // Example: a directory in your project root
              
export default defineConfig({
  reporter: [
    ["list"],
    [
      "@arghajit/playwright-pulse-report",
      {
        outputDir: PULSE_REPORT_DIR,
        // Add this option
        resetOnEachRun: false, // Default is true
      },
    ],
  ],
  // ...
});