introduce Storybook Storyshots with Story to Snapshot Test

rwieruch · rwieruch · commit a1890a348bd8 · 2018-05-17T13:30:36.000+08:00
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -20,6 +20,7 @@
   "devDependencies": {
     "@storybook/addon-actions": "^4.0.0-alpha.6",
     "@storybook/addon-knobs": "^4.0.0-alpha.6",
+    "@storybook/addon-storyshots": "^4.0.0-alpha.6",
     "@storybook/react": "^4.0.0-alpha.6",
     "babel-core": "^6.26.0",
     "babel-loader": "^7.1.4",
diff --git a/src/__snapshots__/App.snapshot.js.snap b/src/__snapshots__/App.snapshot.js.snap
@@ -28,3 +28,27 @@ exports[`Counter Snapshot renders 1`] = `
   1
 </p>
 `;
+
+exports[`Storyshots Checkbox with checked 1`] = `
+<label>
+  My Checkbox Label
+  :
+  <input
+    checked={true}
+    onChange={[Function]}
+    type="checkbox"
+  />
+</label>
+`;
+
+exports[`Storyshots Checkbox with unchecked 1`] = `
+<label>
+  My Checkbox Label
+  :
+  <input
+    checked={false}
+    onChange={[Function]}
+    type="checkbox"
+  />
+</label>
+`;
diff --git a/test/jest.config.json b/test/jest.config.json
@@ -1,4 +1,5 @@
 {
   "testRegex": "((\\.|/*.)(snapshot))\\.js?$",
-  "rootDir": ".."
+  "rootDir": "..",
+  "setupTestFrameworkScriptFile": "<rootDir>/test/jest.setup.js"
 }
diff --git a/test/jest.setup.js b/test/jest.setup.js
@@ -0,0 +1,3 @@
+import initStoryshots from '@storybook/addon-storyshots';
+
+initStoryshots();

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,5 @@`
`1`	`1`	`{`
`2`	`2`	`"testRegex": "((\\.\|/*.)(snapshot))\\.js?$",`
`3`		`- "rootDir": ".."`
	`3`	`+ "rootDir": "..",`
	`4`	`+ "setupTestFrameworkScriptFile": "<rootDir>/test/jest.setup.js"`
`4`	`5`	`}`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+import initStoryshots from '@storybook/addon-storyshots';`
	`2`	`+`
	`3`	`+initStoryshots();`