visual-testing.yml

name: Run visual testing

on:
  pull_request:
    types: [opened, synchronize, reopened]

env:
  ASTRO_PREVIEW_SERVER_PORT_FOR_VISUAL_TESTING: 4321

jobs:
  visual-testing:
    if: ${{ contains(github.event.pull_request.labels.*.name, 'visual-testing') || startsWith(github.head_ref, 'renovate/') }}
    runs-on: ubuntu-latest

    steps:
      - name: Checkout your repository using git
        uses: actions/checkout@v4

      - name: Setup Node
        uses: actions/setup-node@v4
        with:
          node-version-file: .nvmrc

      # should be temporary. fix: https://vercel.com/guides/corepack-errors-github-actions
      - name: Install corepack
        shell: "bash"
        run: npm install -g corepack@latest

      - name: Setup PNPM using corepack
        shell: "bash"
        run: |
          corepack enable
          corepack install

      - name: Install
        shell: "bash"
        run: pnpm i

      - name: Build
        shell: "bash"
        run: pnpm build

      - name: Start website preview server for visual testing
        run: pnpm preview --port $ASTRO_PREVIEW_SERVER_PORT_FOR_VISUAL_TESTING &

      - name: Take yuna.work screenshots and upload them to Percy
        run: |
          pnpm wait-on tcp:$ASTRO_PREVIEW_SERVER_PORT_FOR_VISUAL_TESTING 
          pnpm percy snapshot .percy.mjs --debug
        env:
          PERCY_TOKEN: ${{ secrets.PERCY_TOKEN }}