@alanlu-dev/playwright-config

A playwright configuration for monorepo.

Installation

pnpm add -wD @alanlu-dev/playwright-config

# install supported browsers
npx playwright install

Usage

Create a playwright.config.ts file in the root of your project:

import config from '@alanlu-dev/playwright-config'

export default config

Add the following scripts to the package.json of the package:

{
  "scripts": {
    "e2e-test": "playwright test",
  }
}

Add the following scripts to the package.json in the root directory:

{
  "scripts": {
     "e2e-test": "turbo run e2e-test",
  }
}

CI/CD

You can use the following GitHub Actions workflow to automate the testing process:

name: Playwright Tests
on:
  push:
    branches: [ main, master ]
  pull_request:
    branches: [ main, master ]
jobs:
  test:
    timeout-minutes: 60
    runs-on: ubuntu-latest
    steps:
    - uses: actions/checkout@v4
    - uses: actions/setup-node@v4
      with:
        node-version: lts/*
    - name: Install dependencies
      run: npm install -g pnpm && pnpm install
    - name: Install Playwright Browsers
      run: pnpm exec playwright install --with-deps
    - name: Run Playwright tests
      run: pnpm exec playwright test
    - uses: actions/upload-artifact@v4
      if: ${{ !cancelled() }}
      with:
        name: playwright-report
        path: playwright-report/
        retention-days: 30