🚧 Attempts and fails to add storyshots

I'm going to have to call in the big guns.

Author: skellock

.storybook/config.js

@@ -1,4 +1,5 @@
-import { configure } from '@storybook/react'
+// switched to commonjs, but this should work fine with ts too
+const { configure } = require('@storybook/react')
 
 const req = require.context('../src', true, /story\.tsx?$/)
 

.storybook/webpack.config.js

@@ -10,6 +10,10 @@ module.exports = (config, env) => {
     exclude: /node_modules/,
     include: path.resolve(__dirname, '..', 'src'),
   })
+  
+  // i tried adding url-loader and file-loader
+  // but that only seems to break storybooks
+  // rather than fix storyshots
 
   myConfig.resolve.extensions.unshift('.tsx')
   myConfig.resolve.extensions.unshift('.ts')

package.json

@@ -79,6 +79,9 @@
     "react-transition-group": "^2.2.1"
   },
   "devDependencies": {
+    "@storybook/addon-actions": "^3.2.15",
+    "@storybook/addon-links": "^3.2.15",
+    "@storybook/addon-storyshots": "^3.2.15",
     "@storybook/react": "^3.2.15",
     "@types/electron-is-dev": "^0.3.0",
     "@types/electron-store": "^1.2.0",
@@ -92,19 +95,23 @@
     "coveralls": "^3.0.0",
     "electron": "^1.7.9",
     "electron-builder": "^19.45.4",
+    "file-loader": "^1.1.5",
     "fuse-box": "^2.4.0",
     "husky": "^0.14.3",
     "jest": "^21.2.1",
     "jest-expect-contain-deep": "^1.0.1",
     "lint-staged": "^5.0.0",
     "npm-run-all": "^4.1.2",
     "prettier": "^1.8.2",
+    "raf": "^3.4.0",
+    "react-powerplug": "^0.1.2",
     "react-test-renderer": "^16.0.0",
     "ts-jest": "^21.2.1",
     "ts-loader": "^3.1.1",
     "ts-node": "^3.3.0",
     "tslint": "^5.8.0",
-    "typescript": "~2.6.1"
+    "typescript": "~2.6.1",
+    "url-loader": "^0.6.2"
   },
   "jest": {
     "setupFiles": [
@@ -117,14 +124,15 @@
     "moduleFileExtensions": [
       "ts",
       "tsx",
-      "js"
+      "js",
+      "json"
     ],
     "coveragePathIgnorePatterns": [
       "/node_modules/",
-      "/test/",
       "/out/",
       "/build/",
       "/dist/",
+      "/test/",
       "/docs/"
     ],
     "coverageThreshold": {

test/setup.ts

@@ -1,3 +1,5 @@
+// import 'raf/polyfill'
+
 jest.mock('electron-window-state-manager', () => {
   return jest.fn().mockImplementation(() => ({
     saveState: jest.fn(),

test/storyshots.test.js

@@ -0,0 +1,21 @@
+// switched to js & common to rule out ts issues? should i don't think
+// it matters, the same error appears.
+const initStoryshots = require("@storybook/addon-storyshots").default
+
+/**
+ * Poor man's polyfill for raf.
+ */
+global.window = global
+window.addEventListener = () => {}
+window.requestAnimationFrame = () => {
+  throw new Error("requestAnimationFrame is not supported in Node")
+}
+
+/**
+ * I believe we should be able to call initStoryshots() with just
+ * the default parameters, but I was trying a few things to help
+ * troubleshoot.
+ */
+const { resolve } = require("path")
+const configPath = resolve(__dirname, "..", ".storybook")
+initStoryshots({ configPath, framework: "react" })

yarn.lock

@@ -43,6 +43,15 @@
   dependencies:
     "@storybook/addons" "^3.2.15"
 
+"@storybook/addon-storyshots@^3.2.15":
+  version "3.2.15"
+  resolved "https://registry.yarnpkg.com/@storybook/addon-storyshots/-/addon-storyshots-3.2.15.tgz#98c26e0b429a4da03b0a5eeca12949af09c235b2"
+  dependencies:
+    babel-runtime "^6.26.0"
+    global "^4.3.2"
+    prop-types "^15.6.0"
+    read-pkg-up "^3.0.0"
+
 "@storybook/addons@^3.2.15":
   version "3.2.15"
   resolved "https://registry.yarnpkg.com/@storybook/addons/-/addons-3.2.15.tgz#120fc3e34454b9e6c779f25b945d354511168abc"
@@ -4818,7 +4827,7 @@ memorystream@^0.3.1:
   version "0.3.1"
   resolved "https://registry.yarnpkg.com/memorystream/-/memorystream-0.3.1.tgz#86d7090b30ce455d63fbae12dda51a47ddcaf9b2"
 
-meow@^3.1.0, meow@^3.7.0:
+meow@^3.1.0:
   version "3.7.0"
   resolved "https://registry.yarnpkg.com/meow/-/meow-3.7.0.tgz#72cb668b425228290abbfa856892587308a801fb"
   dependencies:
@@ -5130,14 +5139,6 @@ npm-run-path@^2.0.0:
   dependencies:
     path-key "^2.0.0"
 
-npm-scripts-info@^0.3.6:
-  version "0.3.6"
-  resolved "https://registry.yarnpkg.com/npm-scripts-info/-/npm-scripts-info-0.3.6.tgz#14e7c78c1288bd6d82078769c7aa9583fc413c03"
-  dependencies:
-    chalk "^1.1.1"
-    meow "^3.7.0"
-    unquote "^1.1.0"
-
 npm-which@^3.0.1:
   version "3.0.1"
   resolved "https://registry.yarnpkg.com/npm-which/-/npm-which-3.0.1.tgz#9225f26ec3a285c209cae67c3b11a6b4ab7140aa"
@@ -6032,6 +6033,12 @@ radium@^0.19.0:
     inline-style-prefixer "^2.0.5"
     prop-types "^15.5.8"
 
+raf@^3.4.0:
+  version "3.4.0"
+  resolved "https://registry.yarnpkg.com/raf/-/raf-3.4.0.tgz#a28876881b4bc2ca9117d4138163ddb80f781575"
+  dependencies:
+    performance-now "^2.1.0"
+
 ramda@^0.25.0:
   version "0.25.0"
   resolved "https://registry.yarnpkg.com/ramda/-/ramda-0.25.0.tgz#8fdf68231cffa90bc2f9460390a0cb74a29b29a9"
@@ -6149,6 +6156,10 @@ react-modal@^3.1.2:
     exenv "^1.2.0"
     prop-types "^15.5.10"
 
+react-powerplug@^0.1.2:
+  version "0.1.2"
+  resolved "https://registry.yarnpkg.com/react-powerplug/-/react-powerplug-0.1.2.tgz#070e97f7f064cf7a5e2f2db5d0003aae84adf1df"
+
 react-simple-di@^1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/react-simple-di/-/react-simple-di-1.2.0.tgz#dde0e5bf689f391ef2ab02c9043b213fe239c6d0"
@@ -6255,6 +6266,13 @@ read-pkg-up@^2.0.0:
     find-up "^2.0.0"
     read-pkg "^2.0.0"
 
+read-pkg-up@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/read-pkg-up/-/read-pkg-up-3.0.0.tgz#3ed496685dba0f8fe118d0691dc51f4a1ff96f07"
+  dependencies:
+    find-up "^2.0.0"
+    read-pkg "^3.0.0"
+
 read-pkg@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/read-pkg/-/read-pkg-1.1.0.tgz#f5ffaa5ecd29cb31c0474bca7d756b6bb29e3f28"
@@ -7373,10 +7391,6 @@ unpipe@1.0.0, unpipe@~1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/unpipe/-/unpipe-1.0.0.tgz#b2bf4ee8514aae6165b4817829d21b2ef49904ec"
 
-unquote@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/unquote/-/unquote-1.1.0.tgz#98e1fc608b6b854c75afb1b95afc099ba69d942f"
-
 unzip-response@^1.0.0:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/unzip-response/-/unzip-response-1.0.2.tgz#b984f0877fc0a89c2c773cc1ef7b5b232b5b06fe"