Merge pull request #1159 from gathercontent/feature/add-chromatic

add chromatic

Author: AmeeMorris

.github/workflows/chromatic.yml

@@ -0,0 +1,25 @@
+name: 'Chromatic Publish'
+
+on: push
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [16.x]
+
+    steps:
+      - name: Checking out project
+        uses: actions/checkout@v2
+        with:
+          fetch-depth: 0 # 👈 Required to retrieve git history
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v1
+        with:
+          node-version: ${{ matrix.node-version }}
+      - name: install
+        run: npm install --ignore-scripts
+      - name: 'Build chromatic'
+        run: npm run chromatic

package-lock.json

@@ -58,7 +58,9 @@
     "lint": "eslint -c .eslintrc.json 'lib/**/*.js' 'tests/**/*.js' --fix",
     "prepare": "npm run build",
     "storybook": "start-storybook -p 6006 -c .storybook",
-    "test": "jest --notify"
+    "build-storybook": "build-storybook",
+    "test": "jest --notify",
+    "chromatic": "chromatic --project-token=1f9e13b797f2 --auto-accept-changes"
   },
   "husky": {
     "hooks": {
@@ -139,6 +141,7 @@
     "babel-loader": "^8.2.2",
     "babel-plugin-inline-react-svg": "^0.2.0",
     "babel-plugin-module-resolver": "^3.2.0",
+    "chromatic": "^6.11.4",
     "copyfiles": "^1.2.0",
     "css-loader": "^4.3.0",
     "cssnano": "^5.0.11",