frontend-test.yml

name: Frontend Tests
on:
  push:
    branches: 
      - main
    paths:
      - frontend/**

  pull_request:
    branches: 
      - main
    paths:
      - frontend/**

  workflow_dispatch:

jobs:
  test:
    timeout-minutes: 60
    runs-on: windows-latest
    steps:
      - uses: actions/checkout@v3
      - uses: actions/setup-node@v3
        with:
          node-version: 20

      - name: Setup pnpm
        uses: pnpm/action-setup@v3
        with:
          version: 8.15.5

      # - name: Get pnpm cache directory
      #   id: pnpm-cache-dir
      #   run: echo "::set-output name=dir::$(pnpm cache dir)"

      # - name: Cache pnpm modules
      #   uses: actions/cache@v3
      #   with:
      #     path: ${{ steps.pnpm-cache-dir.outputs.dir }}
      #     key: ${{ runner.os }}-pnpm-${{ hashFiles('**/pnpm-lock.yaml') }}
      #     restore-keys: |
      #       ${{ runner.os }}-pnpm-

      - name: Install Dependencies
        run: pnpm install

      - name: Compile code
        run: pnpm run compile

      # https://radekmie.dev/blog/on-playwright-in-github-actions/
      - name: Install Playwright Browsers
        working-directory: frontend
        run: |
          npx playwright install --with-deps

# Uncomment the following lines and add them to the to the next step to see what happens when as the server is started.
# This can make it easier to see problem.
#         pnpm run start-for-e2e-tests
#         echo "Waiting for the server to start"
#         npx wait-on --interval 1000 8080
#         echo "Server started"

      - name: Run Playwright tests
        working-directory: frontend
        run: |          
          pnpm run test-e2e

      - uses: actions/upload-artifact@v3
        if: always()
        with:
          name: playwright-report
          path: playwright-report/
          retention-days: 30