chore: Setup Chromatic

storybookjs · Aug 5, 2024 · 8ef5a8f · 8ef5a8f
1 parent c7ea084
commit 8ef5a8f
Show file tree

Hide file tree

Showing 3 changed files with 38 additions and 4 deletions.
diff --git a/.github/workflows/chromatic.yml b/.github/workflows/chromatic.yml
@@ -0,0 +1,30 @@
+name: "Chromatic"
+
+on: push
+
+jobs:
+  chromatic:
+    name: Run Chromatic
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 18
+      - uses: pnpm/action-setup@v4
+        with:
+          version: 9.4.0
+          run_install: true
+      - name: Install dependencies
+        run: pnpm install
+      - name: Build the plugin
+        run: pnpm build
+      - name: Run Chromatic
+        uses: chromaui/action@latest
+        with:
+          # ⚠️ Make sure to configure a `CHROMATIC_PROJECT_TOKEN` repository secret
+          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
+          workingDir: example
diff --git a/example/package.json b/example/package.json
@@ -42,6 +42,7 @@
     "@vitest/browser": "^2.0.5",
     "autoprefixer": "^10.4.19",
     "bootstrap": "^5.3.3",
+    "chromatic": "^11.7.0",
     "happy-dom": "^14.12.3",
     "jsdom": "^24.1.1",
     "playwright": "^1.45.3",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml