Separate storyshots (#155)

* Add editorconfig

* Load custom babelrc in web storybook

* Separate storyshots

* Fix permission for CI

.circleci/config.yml

@@ -38,8 +38,8 @@ jobs:
           name: Install Dependencies
           command: |
             sudo npm install -g yarn
-            yarn config set cache-folder .yarn-cache
-            yarn install --pure-lockfile
+            sudo yarn config set cache-folder .yarn-cache
+            sudo yarn install --pure-lockfile
       - run: yarn cache dir
       - save_cache:
           key: yarn-cache-{{ checksum "yarn.lock" }}

.editorconfig

@@ -0,0 +1,8 @@
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+insert_final_newline = true

.eslintrc

@@ -28,5 +28,8 @@
         ]
       }
     }
+  },
+  "env": {
+    "jest": true
   }
 }

packages/web/.storybook/.babelrc

@@ -0,0 +1,3 @@
+{
+  "extends": "../../../.babelrc"
+}

packages/web/.storybook/storyshots.test.js

@@ -0,0 +1,19 @@
+/* eslint-disable import/no-extraneous-dependencies */
+
+import initStoryshots, {
+  multiSnapshotWithOptions,
+} from '@storybook/addon-storyshots';
+import 'jest-styled-components'
+
+/**
+ * Mock methods of addon-info so that "Show Info" button don't go into snapshots.
+ * https://github.com/storybooks/storybook/issues/1011#issuecomment-322698049
+ */
+jest.mock('@storybook/addon-info', () => ({
+  withInfo: () => storyFn => storyFn,
+  setDefaults: () => {},
+}));
+
+initStoryshots({
+  test: multiSnapshotWithOptions({})
+});