ci: setup chromatic

.github/actions/chromatic/action.yml

@@ -0,0 +1,37 @@
+name: deploy chromatic
+description: Deploy storybook to Chromatic
+
+inputs:
+  TOKEN:
+    description: 'Chromatic token'
+    required: true
+
+runs:
+  using: 'composite'
+
+  steps:
+    - name: Install playwright
+      run: npx playwright install chromium
+      shell: bash
+
+    - name: Tests
+      run: yarn test-storybook:ci
+      shell: bash
+
+    - name: Publish to Chromatic
+      if: github.ref != 'refs/heads/main'
+      uses: chromaui/action@v1
+      with:
+        projectToken: ${{ inputs.TOKEN }}
+        buildScriptName: build-storybook
+        onlyChanged: true
+        exitOnceUploaded: true
+
+    - name: Publish to Chromatic and auto accept changes
+      if: github.ref == 'refs/heads/main'
+      uses: chromaui/action@v1
+      with:
+        projectToken: ${{ inputs.TOKEN }}
+        autoAcceptChanges: true
+        onlyChanged: true
+        exitOnceUploaded: true

.github/workflows/ci.yml

@@ -54,3 +54,8 @@ jobs:
 
       - name: Typecheck
         run: yarn type-check
+
+      - name: Chromatic
+        uses: ./.github/actions/chromatic
+        with:
+          TOKEN: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}

.github/workflows/publish.yml

@@ -53,6 +53,11 @@ jobs:
       - name: Typecheck
         run: yarn type-check
 
+      - name: Chromatic
+        uses: ./.github/actions/chromatic
+        with:
+          TOKEN: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
+
       - name: Build
         run: yarn build
 

package.json

@@ -32,7 +32,7 @@
     "lint": "yarn eslint --ext .ts,.tsx,.js,.jsx .",
     "lint:fix": "yarn eslint --ext .ts,.tsx,.js,.jsx --fix .",
     "storybook": "NODE_OPTIONS=--openssl-legacy-provider; start-storybook -p 6006",
-    "test": "echo \"@lace/ui: no test command specified\"",
+    "test": "echo \"No test command specified\"",
     "test-storybook": "test-storybook",
     "test-storybook:ci": "NODE_OPTIONS=--openssl-legacy-provider; export STORYBOOK_TEST=1; concurrently -k -s first -n \"SB,TEST\" -c \"magenta,blue\" \"yarn build-storybook && http-server storybook-static --port 6006\" \"wait-on http://127.0.0.1:6006/ && yarn test-storybook\"",
     "type-check": "tsc --noEmit",