WhereYouAd-Frontend/.github/workflows/chromatic.yml at 5a44fd4653fc3ad5cde27eab236f30d1b349bf61 · WhereYouAd/WhereYouAd-Frontend · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
name: Chromatic Deployment

on:
  push:
    branches:
      - "develop"
  pull_request:
    branches:
      - develop

jobs:
  chromatic-deploy:
    runs-on: ubuntu-latest
    permissions:
      contents: read
      pull-requests: write
    steps:
      - name: Checkout repository
        uses: actions/checkout@v4
        with:
          fetch-depth: 0

      - name: Setup pnpm
        uses: pnpm/action-setup@v4
        with:
          version: 10

      - name: Setup Node.js
        uses: actions/setup-node@v4
        with:
          node-version: 20
          cache: pnpm

      - name: Install dependencies
        run: pnpm install --frozen-lockfile

      - name: Run Chromatic
        id: chromatic
        uses: chromaui/action@latest
        with:
          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
          token: ${{ secrets.GITHUB_TOKEN }}

      - name: Comment Storybook URL on PR
        if: github.event_name == 'pull_request'
        uses: thollander/actions-comment-pull-request@v2
        with:
          message: |
            ## 📚 Storybook 배포 완료

            | 항목 | 링크 |
            |------|------|
            | 📖 Storybook | ${{ steps.chromatic.outputs.storybookUrl }} |
            | 🔍 Chromatic | ${{ steps.chromatic.outputs.buildUrl }} |
          comment_tag: storybook-url
          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}