Add Chromatic to PR checks

Author: colinrotherham

.github/workflows/ci.yml

@@ -10,9 +10,16 @@ jobs:
   build:
     runs-on: ubuntu-latest
 
+    env:
+      CHROMATIC_BRANCH: ${{ github.event.pull_request.head.ref || github.ref_name }}
+      CHROMATIC_SHA: ${{ github.event.pull_request.head.sha || github.ref }}
+      CHROMATIC_SLUG: ${{ github.repository }}
+
     steps:
       - name: Checkout
         uses: actions/checkout@v5
+        with:
+          fetch-depth: 0
 
       - name: Enable corepack
         run: corepack enable
@@ -37,3 +44,14 @@ jobs:
 
       - name: Storybook build
         run: yarn build-storybook
+
+      - name: Switch to PR branch SHA
+        if: ${{ github.event.pull_request.head.ref }}
+        run: git switch --detach ${{ github.event.pull_request.head.ref }}
+
+      - name: Storybook deploy
+        uses: chromaui/action@v11
+        with:
+          autoAcceptChanges: main
+          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
+          token: ${{ secrets.GITHUB_TOKEN }}