build.yml

name: 🏗️ Build

on: [push]

concurrency:
  group: ${{ github.workflow }}-${{ github.ref }}
  cancel-in-progress: true

jobs:
  lint:
    name: 👖 Lint
    runs-on: ubuntu-latest
    steps:
      - name: ⬇️ Checkout repo
        uses: actions/checkout@v3

      - name: 😻 Setup node
        uses: actions/setup-node@v3
        with:
          cache: npm
          node-version-file: .node-version

      - name: 📥 Install deps
        run: npm install

      - name: 👖 Lint
        run: npm run lint

  types:
    name: 🔎 Types
    runs-on: ubuntu-latest
    steps:
      - name: ⬇️ Checkout repo
        uses: actions/checkout@v3

      - name: 😻 Setup node
        uses: actions/setup-node@v3
        with:
          cache: npm
          node-version-file: .node-version

      - name: 📥 Install deps
        run: npm install

      - name: 🔎 Type check
        run: npm run types

  test:
    name: ⚡ Test
    runs-on: ubuntu-latest
    steps:
      - name: ⬇️ Checkout repo
        uses: actions/checkout@v3

      - name: 😻 Setup node
        uses: actions/setup-node@v3
        with:
          cache: npm
          node-version-file: .node-version

      - name: 📥 Install deps
        run: npm install

      - name: ⚡ Run vitest
        run: npm run test

  playwright:
    name: 🧑‍🎤 Playwright
    runs-on: ubuntu-latest
    env:
      DATABASE_URL: postgresql://postgres:postgres@localhost:5432/test
    steps:
      - name: ⬇️ Checkout repo
        uses: actions/checkout@v3

      - name: 😻 Setup node
        uses: actions/setup-node@v3
        with:
          cache: npm
          node-version-file: .node-version

      - name: 📥 Install deps
        run: npm install

      - name: 🐳 Docker
        run: npm run docker

      - name: 🧑‍🎤 Install Playwright Browsers
        run: npx playwright install chromium --with-deps

      - name: Run Playwright tests
        run: npm run test:e2e

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

  storybook:
    name: 📚 Storybook
    runs-on: ubuntu-latest
    steps:
      - name: ⬇️ Checkout repo
        uses: actions/checkout@v3
        with:
          # FIXME: remove fetch-depth if you're not using Chromatic.
          fetch-depth: 0

      - name: 😻 Setup node
        uses: actions/setup-node@v3
        with:
          cache: npm
          node-version-file: .node-version

      - name: 📥 Install deps
        run: npm install

      - name: 📚 Build storybook
        run: npm run storybook:build

      - name: 🧑‍🎤 Install Playwright Browsers
        run: npx playwright install chromium --with-deps

      - name: 🤟 Accessibility tests
        run: npm run test:axeOnly

      # To use Chromatic for visual regression testing:
      # 1. Un-comment this section.
      # 2. Log in to Chromatic - https://www.chromatic.com/
      # 3. Create a new project - https://www.chromatic.com/docs/setup#sign-up
      # 4. Add its unique project token to Github as a `CHROMATIC_PROJECT_TOKEN` secret
      # - name: 🌈 Publish to Chromatic
      #   uses: chromaui/action@v1
      #   with:
      #     autoAcceptChanges: main
      #     exitOnceUploaded: true
      #     onlyChanged: true
      #     projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
      #     storybookBuildDir: storybook-static