visual-test.yml

name: Visual Test (Playwright)
permissions:
  contents: write
  pull-requests: write
  issues: write
on:
  pull_request:
    branches:
      - master
  push:
    branches:
      - master
jobs:
  playwright-run:
    name: Test (${{ matrix.shard }})
    timeout-minutes: 60
    runs-on: macos-latest-xlarge
    strategy:
      fail-fast: false
      matrix:
        shard: ['1/5', '2/5', '3/5', '4/5', '5/5']
    steps:
      - uses: actions/checkout@v3
      - uses: actions/setup-node@v3
        with:
          node-version: '16'
          cache: 'yarn'
      - name: Comment PR with execution number
        uses: mshick/add-pr-comment@v2
        with:
          message: |
            'This is a visual test run. The results will be posted here.'
          message-id: visual-test
          repo-token: ${{ secrets.RYAN_GITHUB_PERSONAL_TOKEN }}
          GITHUB_TOKEN: ${{ secrets.RYAN_GITHUB_PERSONAL_TOKEN }}
      - name: Install dependencies
        run: yarn install --frozen-lockfile
      - name: Install Playwright
        run: npx playwright install --with-deps chromium
      - name: Build
        run: yarn build
      - name: Run your tests
        id: results
        uses: mathiasvr/command-output@v2.0.0
        with:
          run: npx playwright test playwright/visual-test --config=playwright/playwright.config.js --workers=2 --quiet --reporter='playwright/reporters/reporter.js' --shard=${{ matrix.shard }} || true
      - name: Comment PR with execution number
        uses: mshick/add-pr-comment@v2
        with:
          message: |
            ${{ steps.results.outputs.stdout }}
          message-id: visual-test
          repo-token: ${{ secrets.RYAN_GITHUB_PERSONAL_TOKEN }}
          GITHUB_TOKEN: ${{ secrets.RYAN_GITHUB_PERSONAL_TOKEN }}