ci: Setup Chromatic

CBIIT · May 13, 2024 · f7f94a0 · f7f94a0
1 parent 99202c9
commit f7f94a0
Show file tree

Hide file tree

Showing 3 changed files with 54 additions and 0 deletions.
diff --git a/.github/workflows/chromatic.yml b/.github/workflows/chromatic.yml
@@ -0,0 +1,29 @@
+name: 'Storybook Publish'
+
+on:
+  # TODO: Remove the push event before merging this PR
+  push:
+    branches:
+      - storybook
+  workflow_dispatch:
+  pull_request:
+    branches: "*"
+    paths:
+      - "*.stories.*"
+
+jobs:
+  chromatic:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+        with:
+          fetch-depth: 0
+      - uses: actions/setup-node@v3
+        with:
+          node-version: "20.x"
+          cache: 'npm'
+      - run: npm install
+      - uses: chromaui/action@v1
+        with:
+          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
+          token: ${{ secrets.GITHUB_TOKEN }}
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -104,6 +104,7 @@
     "@typescript-eslint/eslint-plugin": "^5.59.6",
     "@typescript-eslint/parser": "^5.59.6",
     "buffer": "^6.0.3",
+    "chromatic": "^11.3.2",
     "eslint": "^8.40.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-airbnb-typescript": "^17.0.0",