feat: add chromatic

.github/workflows/build.yml

@@ -2,21 +2,28 @@ name: CI
 
 on:
   push:
-    branches: [ master ]
+    branches: [master]
   pull_request:
-    branches: [ master ]
+    branches: [master]
 
 jobs:
   build:
     runs-on: ubuntu-latest
 
     steps:
-    # Checks-out your repository under $GITHUB_WORKSPACE, so your job can access it
-    - uses: actions/checkout@v2
+      # Checks-out your repository under $GITHUB_WORKSPACE, so your job can access it
+      - uses: actions/checkout@v2
+        with:
+          fetch-depth: 0 # Required to retrieve git history
 
-    - name: install dependencies
-      run: yarn
+      - name: Install dependencies
+        run: yarn
 
-    # Build packages
-    - name: Run a one-line script
-      run: npx lerna run build
+      - name: Build
+        run: npx lerna run build
+
+      - uses: chromaui/action@v1
+        with:
+          token: ${{ secrets.GITHUB_TOKEN }}
+          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
+          exitZeroOnChanges: true,

.gitignore

@@ -1 +1,3 @@
-/node_modules
+/node_modules
+
+build-storybook.log

package.json

@@ -4,6 +4,9 @@
   "workspaces": [
     "packages/*"
   ],
+  "scripts": {
+    "build-storybook": "lerna run build-storybook --scope=compare-image-slider --"
+  },
   "devDependencies": {
     "@commitlint/cli": "^9.1.1",
     "@commitlint/config-conventional": "^9.1.1",

packages/compare-image-slider/package.json

@@ -22,7 +22,8 @@
     "build": "rollup -c",
     "prepublishOnly": "yarn run build",
     "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook"
+    "build-storybook": "build-storybook",
+    "chromatic": "npx chromatic --project-token yhpi7jhkjh"
   },
   "types": "build/types/compare-image-slider.d.ts",
   "dependencies": {
@@ -37,6 +38,7 @@
     "@storybook/preset-typescript": "^3.0.0",
     "@storybook/web-components": "^5.3.19",
     "babel-loader": "^8.1.0",
+    "chromatic": "^5.1.0",
     "fork-ts-checker-webpack-plugin": "^5.0.5",
     "lit-html": "^1.2.1",
     "rollup": "^2.18.1",