interface: add chromatic to CI

.github/workflows/chromatic.yml

@@ -0,0 +1,22 @@
+name: Chromatic Deployment
+
+on:
+  pull_request:
+    paths:
+      - 'pkg/interface/**'
+
+jobs:
+  chromatic-deployment:
+    runs-on: ubuntu-latest
+    name: "Deploy Chromatic"
+    steps:
+      - uses: actions/checkout@v2
+        with:
+          fetch-depth: 0
+      - run: cd 'pkg/interface' && npm i
+      - name: Publish to Chromatic
+        uses: chromaui/action@v1
+        with:
+          token: ${{ secrets.GITHUB_TOKEN }}
+          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
+          working-directory: pkg/interface

pkg/interface/package.json

@@ -86,6 +86,7 @@
     "babel-loader": "^8.2.2",
     "babel-plugin-lodash": "^3.3.4",
     "babel-plugin-root-import": "^6.6.0",
+    "chromatic": "^5.8.3",
     "clean-webpack-plugin": "^3.0.0",
     "cross-env": "^7.0.3",
     "eslint": "^7.26.0",
@@ -117,7 +118,8 @@
     "test": "echo \"Error: no test specified\" && exit 1",
     "prepare": "cd ../.. && husky install pkg/interface/.husky",
     "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook"
+    "build-storybook": "build-storybook",
+    "chromatic": "chromatic --exit-zero-on-changes"
   },
   "author": "",
   "license": "MIT",