[feature] 홍보 게시판 페이지를 구현한다 #56
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| name: Chromatic | |
| on: | |
| push: | |
| branches: [main] | |
| paths: | |
| - 'frontend/src/**' | |
| - 'frontend/.storybook/**' | |
| - 'frontend/package*.json' | |
| - '.github/workflows/chromatic.yml' | |
| pull_request: | |
| branches: [main, develop-fe] | |
| paths: | |
| - 'frontend/src/**' | |
| - 'frontend/.storybook/**' | |
| - 'frontend/package*.json' | |
| - '.github/workflows/chromatic.yml' | |
| workflow_dispatch: | |
| jobs: | |
| chromatic: | |
| runs-on: ubuntu-latest | |
| defaults: | |
| run: | |
| working-directory: frontend | |
| steps: | |
| - name: Checkout | |
| uses: actions/checkout@v4 | |
| with: | |
| fetch-depth: 0 | |
| - name: Setup Node.js | |
| uses: actions/setup-node@v4 | |
| with: | |
| node-version: 20 | |
| cache: 'npm' | |
| cache-dependency-path: frontend/package-lock.json | |
| - name: Install dependencies | |
| run: npm ci | |
| - name: Run Chromatic | |
| id: chromatic | |
| uses: chromaui/action@latest | |
| with: | |
| workingDir: frontend | |
| projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }} | |
| autoAcceptChanges: "main" | |
| - name: Comment PR (변경 있음) | |
| if: github.event_name == 'pull_request' && steps.chromatic.outputs.changeCount > 0 | |
| uses: marocchino/sticky-pull-request-comment@v2 | |
| with: | |
| header: chromatic | |
| message: | | |
| ## 🎨 UI 변경사항을 확인해주세요 | |
| > 변경된 스토리를 Chromatic에서 확인해주세요. | |
| | 구분 | 링크 | | |
| |---|---| | |
| | 🔍 변경사항 리뷰 | ${{ steps.chromatic.outputs.buildUrl }} | | |
| | 📖 Storybook | ${{ steps.chromatic.outputs.storybookUrl }} | | |
| **${{ steps.chromatic.outputs.changeCount }}개** 스토리 변경 · 전체 **${{ steps.chromatic.outputs.specCount }}개** 스토리 · **${{ steps.chromatic.outputs.componentCount }}개** 컴포넌트 | |
| - name: Comment PR (변경 없음) | |
| if: github.event_name == 'pull_request' && steps.chromatic.outputs.changeCount == 0 | |
| uses: marocchino/sticky-pull-request-comment@v2 | |
| with: | |
| header: chromatic | |
| message: | | |
| ## ✅ UI 변경사항 없음 | |
| | 구분 | 링크 | | |
| |---|---| | |
| | 📖 Storybook | ${{ steps.chromatic.outputs.storybookUrl }} | | |
| 전체 **${{ steps.chromatic.outputs.specCount }}개** 스토리 · **${{ steps.chromatic.outputs.componentCount }}개** 컴포넌트 |