build.yml

name: Build, Test & Trigger Deploy

on:
  push:
  pull_request:

jobs:
  build:
    runs-on: ubuntu-latest

    # define node version
    strategy:
      matrix:
        node-version: [18.x]

    steps:
      - uses: actions/checkout@v3

      # setting up node
      - name: Setup Node.js
        uses: actions/setup-node@v3
        with:
          node-version: ${{ matrix.node-version }}
          cache: 'npm'

      # install
      - name: Install Dependencies
        if: steps.cache-nodemodules.outputs.cache-hit != 'true'
        run: |
          npm ci

      # install playwright
      - name: Install Playwright with Chrome
        run: |
          npx playwright install --with-deps

      # build
      - name: Build
        run: |
          npm run build:prod

      # unit tests (single run - headless chrome)
      - name: Unit Tests
        run: |
          npm run test:ci

      # Run E2E Tests
      - name: PlayWright Test
        run: |
          npm run e2e:playwright:ci

      - name: WebdriverIO Test
        run: |
          npm run e2e:wdio:ci

  deploy:
    # only deploy when PR has been merged to main branch & build job was successfully finished
    if: github.event.pull_request.merged == true
    needs: build

    runs-on: ubuntu-latest
    steps:
      # Deploy recent build and push it to branch 'gh-pages'
      # this will trigger the action 'pages build & deployment' to host the recent build
      - name: Deploy to GitHub Pages
        uses: peaceiris/actions-gh-pages@v3
        with:
          github_token: ${{ secrets.GITHUB_TOKEN }}
          publish_dir: ./dist/angular-redux-shop
          publish_branch: gh-pages