Fixed storyshots config

コンポーネントのストーリごとにファイルを __snapshots__
フォルダを作成するように修正
storybookjs/storybook#3483
storybookjs/storybook#887

ignore.d.ts

@@ -1,2 +1,4 @@
 declare module 'storybook-addon-smart-knobs';
 declare module 'react-stubber';
+declare module 'jest-styled-components/src/styleSheetSerializer';
+declare module 'jest-specific-snapshot';

package.json

@@ -58,6 +58,7 @@
     "enzyme": "^3.3.0",
     "enzyme-adapter-react-16": "^1.1.1",
     "husky": "^1.0.0-rc.13",
+    "jest-specific-snapshot": "^1.0.0",
     "jest-styled-components": "^6.2.0",
     "lint-staged": "^7.2.0",
     "prettier": "^1.13.7",

src/storyshots.test.ts

@@ -1,7 +1,14 @@
-import initStoryshots from '@storybook/addon-storyshots';
+import initStoryshots, {
+  multiSnapshotWithOptions,
+} from '@storybook/addon-storyshots';
 import { setStubbingMode } from 'react-stubber';
-import 'jest-styled-components';
+import styleSheetSerializer from 'jest-styled-components/src/styleSheetSerializer';
+import { addSerializer } from 'jest-specific-snapshot';
 
 setStubbingMode(true);
 
-initStoryshots({});
+addSerializer(styleSheetSerializer);
+
+initStoryshots({
+  test: multiSnapshotWithOptions({}),
+});

yarn.lock

@@ -6515,6 +6515,12 @@ jest-specific-snapshot@^0.5.0:
   dependencies:
     jest-snapshot ">=20.0.3"
 
+jest-specific-snapshot@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/jest-specific-snapshot/-/jest-specific-snapshot-1.0.0.tgz#157c79e2534a6fea820fd475f5d17740c8f90833"
+  dependencies:
+    jest-snapshot ">=20.0.3"
+
 jest-styled-components@^6.2.0:
   version "6.2.0"
   resolved "https://registry.yarnpkg.com/jest-styled-components/-/jest-styled-components-6.2.0.tgz#a8cbb39ff21a968e11a154c60b6e8c7b284595ff"