main.yml

name: linting, testing, building
on:
  push:
    branches: [main]
  pull_request:
    branches: [main]
permissions:
  contents: write
  pages: write
  id-token: write
concurrency:
  group: "pages"
  cancel-in-progress: true
jobs:
  pipeline:
    runs-on: ubuntu-latest
    concurrency: ci-${{ github.ref }}
    environment:
      name: github-pages
      url: ${{ steps.deployment.outputs.page_url }}
    strategy:
      matrix:
        node-version: [ 17.x ]

    steps:
      - uses: actions/checkout@v2
      - name: Starting Node.js ${{ matrix.node-version }}
        uses: actions/setup-node@v1
        with:
          node-version: ${{ matrix.node-version }}
      - name: Install modules
        run: npm ci --force
      - name: Build production project
        if: always()
        run: npm run build:prod
      - name: Build storybook
        if: always()
        run: npm run storybook:build
      - name: Screenshot testing
        if: always()
        run: npm run test:ui:ci
      - name: Unit testing
        if: always()
        run: npm run test:unit
      - name: Generate HTML report
        if: always()
        run: npm run test:ui:report
      - name: Move loki
        if: always()
        run: mv .loki reports/
      - name: Setup Pages
        if: always()
        uses: actions/configure-pages@v2
      - name: Upload artifact
        if: always()
        uses: actions/upload-pages-artifact@v1
        with:
          path: 'reports'
      - name: Deploy to GitHub Pages
        id: deployment
        if: always()
        uses: actions/deploy-pages@v1

  checks:
    runs-on: ubuntu-latest
    strategy:
      matrix:
        node-version: [ 17.x ]
    steps:
      - uses: actions/checkout@v2
      - name: Starting Node.js ${{ matrix.node-version }}
        uses: actions/setup-node@v1
        with:
          node-version: ${{ matrix.node-version }}
      - name: Install modules
        run: npm ci --force
      - name: Linting typescript
        if: always()
        run: npm run lint:ts
      - name: Linting scss
        if: always()
        run: npm run lint:scss
      - name: Unit testing
        if: always()
        run: npm run test:unit