snapshots test

TrigenSoftware · Sep 6, 2019 · e819064 · e819064
1 parent 2fd7521
commit e819064
Show file tree

Hide file tree

Showing 13 changed files with 59 additions and 11 deletions.
diff --git a/.babelrc b/.babelrc
@@ -23,6 +23,9 @@
 						"transformDynamicImport": true
 					}
 				]
+			],
+			"plugins": [
+				"require-context-hook"
 			]
 		}
 	}

diff --git a/.gitignore b/.gitignore
@@ -44,5 +44,6 @@ node_modules
 lib
 package
 build
+storybook-build
 
 .env
diff --git a/.storybook/config.js b/.storybook/config.js
@@ -1,16 +1,12 @@
-import React from 'react';
 import {
 	configure
 } from '@trigen/scripts-preset-react-app/storybook/config';
-import {
-	addDecorator
-} from '@storybook/react';
 import '@flexis/ui/reboot.st.css';
 
-addDecorator(story => (
-	<div>
-		{story()}
-	</div>
-));
+const stories = require.context(
+	process.env.PROJECT_SRC,
+	true,
+	/\.stories\.tsx$/
+);
 
-configure(module);
+configure(module, stories);
diff --git a/jest.config.json b/jest.config.json
@@ -1,9 +1,13 @@
 {
-	"testRegex": "/src/App/.*(\\.|/)spec\\.(jsx?|tsx?)$",
+	"setupFiles": [
+		"@trigen/scripts-plugin-storybook/jest/registerContext"
+	],
+	"testRegex": "/(src/App|test)/.*(\\.|/)spec\\.(jsx?|tsx?)$",
 	"transform": {
 		"^.+\\.(jsx?|tsx?)$": "babel-jest"
 	},
 	"moduleNameMapper": {
+		"\\.(css|svg)$": "@trigen/scripts-plugin-storybook/jest/mockFile",
 		"~(.*)$": "<rootDir>/src/App/$1"
 	},
 	"collectCoverage": true,

diff --git a/test/__image_snapshots__/Navigator__with-3-items-snap.png b/test/__image_snapshots__/Navigator__with-3-items-snap.png
diff --git a/test/__image_snapshots__/TodoForm__with-basic-data-snap.png b/test/__image_snapshots__/TodoForm__with-basic-data-snap.png
diff --git a/test/__image_snapshots__/TodoItem__with-basic-data-snap.png b/test/__image_snapshots__/TodoItem__with-basic-data-snap.png
diff --git a/test/__image_snapshots__/TodoList__with-basic-data-snap.png b/test/__image_snapshots__/TodoList__with-basic-data-snap.png
diff --git a/test/__image_snapshots__/WeatherList__with-items-snap.png b/test/__image_snapshots__/WeatherList__with-items-snap.png
diff --git a/test/__image_snapshots__/Weather__with-basic-data-snap.png b/test/__image_snapshots__/Weather__with-basic-data-snap.png
diff --git a/test/__image_snapshots__/Weather__with-small-size-snap.png b/test/__image_snapshots__/Weather__with-small-size-snap.png
diff --git a/test/storyshots.spec.ts b/test/storyshots.spec.ts
@@ -0,0 +1,38 @@
+import initStoryshots, {
+	getMatchOptions
+} from '@trigen/scripts-plugin-storybook/jest/storyshots';
+
+process.env.FLEXISUI_STORIES = JSON.stringify(true);
+
+initStoryshots({
+	getMatchOptions(info) {
+
+		const options = getMatchOptions(info);
+		const failureThreshold = 0.2;
+
+		// switch (options.customSnapshotIdentifier) {
+
+		// 	case 'ScrollArea__with-table':
+		// 		failureThreshold = 5;
+		// 		break;
+
+		// 	case 'Table__with-rows':
+		// 	case 'Table__with-order':
+		// 		failureThreshold = 1;
+		// 		break;
+
+		// 	default:
+		// }
+
+		return {
+			failureThresholdType: 'percent',
+			failureThreshold,
+			...options
+		};
+	},
+	getScreenshotOptions() {
+		return {
+			fullPage: false
+		};
+	}
+});
diff --git a/test/tslint.json b/test/tslint.json
@@ -0,0 +1,6 @@
+{
+	"extends": "../tslint.json",
+	"rules": {
+		"no-magic-numbers": false
+	}
+}
-Original file line number
+Diff line change
@@ Expand Up / @@ -23,6 +23,9 @@ @@
     						"transformDynamicImport": true
     					}
     				]
+    			],
+    			"plugins": [
+    				"require-context-hook"
     			]
     		}
     	}
@@ Expand Down @@