frontend-ci.yml

name: 🍔 Celuveat Frontend CI 🍔

on:
  push:
    branches:
      - develop-frontend*
      - main
    paths:
      - 'frontend/**'

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

jobs:
  frontend-test:
    runs-on: ubuntu-latest
    env:
      working-directory: ./frontend

    name: 🍔테스트 딱 대라 💢👊

    steps:
      - uses: actions/checkout@v3
      - uses: actions/setup-node@v3
        with:
          node-version: '18.16.1'

      - name: 🍔 Get npm cache directory
        id: npm-cache-dir
        run: echo "dir=$(npm config get cache)" >> ${GITHUB_OUTPUT}
      - uses: actions/cache@v3
        id: npm-cache
        with:
          path: ${{ steps.npm-cache-dir.outputs.dir }}
          key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
          restore-keys: |
            ${{ runner.os }}-node-
              - uses: actions/cache@v3

      - name: 🍔 Get yarn cache directory path
        id: yarn-cache-dir-path
        run: echo "dir=$(yarn cache dir)" >> ${GITHUB_OUTPUT}
      - uses: actions/cache@v3
        id: yarn-cache
        with:
          path: ${{ steps.yarn-cache-dir-path.outputs.dir }}
          key: ${{ runner.os }}-yarn-${{ hashFiles('**/yarn.lock') }}
          restore-keys: |
            ${{ runner.os }}-yarn-

      - name: 🍔 yarn install
        run: rm -rf ./node_modules yarn.lock && yarn cache clean && yarn install
        working-directory: ${{ env.working-directory }}

      - name: 🍔 eslint 테스트
        run: yarn lint
        working-directory: ${{ env.working-directory }}

      - name: 🍔 React 프로젝트 빌드
        run: yarn build:prod
        working-directory: ${{ env.working-directory }}