Setup Chromatic.

Author: ghengeveld

.circleci/config.yml

@@ -86,6 +86,13 @@ jobs:
               yarn deploy:examples --token $NOW_API_TOKEN
             fi
           no_output_timeout: 30m
+  chromatic:
+    <<: *defaults
+    steps:
+      - checkout
+      - attach_workspace:
+          at: .
+      - run: yarn test:chromatic
 
 workflows:
   version: 2
@@ -103,4 +110,7 @@ workflows:
             - test
       - examples:
           requires:
-            - build
+            - build
+      - chromatic:
+          requires:
+            - build

.storybook/config.js

@@ -1,4 +1,6 @@
 import { configure } from "@storybook/react"
 
+import "storybook-chromatic"
+
 const req = require.context("../stories", true, /\.stories\.js$/)
 configure(() => req.keys().forEach(filename => req(filename)), module)

package.json

@@ -25,6 +25,7 @@
     "test:latest": "yarn add -D -W react@latest react-dom@latest && yarn test",
     "test:compat": "yarn test:backwards && yarn test:forwards && yarn test:latest",
     "test:examples": "CI=1 lerna run --scope '*-example' test -- --passWithNoTests --watchAll=false",
+    "test:chromatic": "chromatic test --app-code k5pzlywcw7c --build-script-name build:storybook",
     "ci": "yarn lint && yarn test:compat && yarn test:examples",
     "build:packages": "lerna run --scope 'react-async*' build",
     "build:examples": "lerna run --scope '*-example' build",
@@ -66,6 +67,7 @@
     "prop-types": "15.7.2",
     "react": "16.9.0",
     "react-async": "^8.0.0-alpha.0",
-    "react-dom": "16.9.0"
+    "react-dom": "16.9.0",
+    "storybook-chromatic": "^2.2.2"
   }
 }