Add snapshotting support

build/test-app-runtime.js

@@ -7,6 +7,7 @@ module.exports.TestAppRuntime = function({
   watch = false,
   match,
   env,
+  updateSnapshot,
   configPath,
 }) {
   const state = {procs: []};
@@ -27,6 +28,10 @@ module.exports.TestAppRuntime = function({
         args.push(match);
       }
 
+      if (updateSnapshot) {
+        args.push('--updateSnapshot');
+      }
+
       return args;
     };
 

commands/test-app.js

@@ -24,15 +24,34 @@ exports.builder = {
     describe:
       'Comma-separated list of environments to run tests in. Defaults to running both node and browser tests.',
   },
+  updateSnapshot: {
+    type: 'boolean',
+    default: false,
+    describe: 'Updates snapshots',
+  },
   configPath: {
     type: 'string',
     default: './node_modules/fusion-cli/build/jest-config.js',
     describe: 'Path to the jest configuration',
   },
 };
 
-exports.run = async function({dir = '.', watch, match, env, configPath}) {
-  const testRuntime = new TestAppRuntime({dir, watch, match, env, configPath});
+exports.run = async function({
+  dir = '.',
+  watch,
+  match,
+  env,
+  updateSnapshot,
+  configPath,
+}) {
+  const testRuntime = new TestAppRuntime({
+    dir,
+    watch,
+    match,
+    env,
+    updateSnapshot,
+    configPath,
+  });
 
   await testRuntime.run();
 

package.json

@@ -96,6 +96,7 @@
     "prettier": "1.4.2",
     "react": "^16.2.0",
     "react-dom": "^16.2.0",
+    "react-test-renderer": "^16.2.0",
     "request-promise": "^4.2.1",
     "strip-indent": "^2.0.0",
     "tape": "^4.7.0"

test/cli/test-app.js

@@ -1,5 +1,6 @@
 /* eslint-env node */
 
+const fs = require('fs');
 const path = require('path');
 const test = require('tape');
 
@@ -69,3 +70,35 @@ test('`fusion test-app` expected tests fail when run in browser/node', async t =
     t.end();
   }
 });
+
+test('`fusion test-app` snapshotting', async t => {
+  const dir = path.resolve(__dirname, '../fixtures/test-jest-app');
+  const args = `test-app --dir=${dir} --configPath=../../../build/jest-config.js --match=snapshot-no-match`;
+
+  const snapshotFile =
+    __dirname +
+    '/../fixtures/test-jest-app/__tests__/__snapshots__/snapshot-no-match.js.snap';
+  const backupSnapshot =
+    __dirname + '/../fixtures/snapshots/snapshot-no-match.js.snap';
+
+  const cmd = `require('${runnerPath}').run('${args}')`;
+  try {
+    await exec(`node -e "${cmd}"`);
+    t.fail('should not succeed');
+  } catch (e) {
+    t.notEqual(e.code, 0, 'exits with non-zero status code');
+    t.equal(countTests(e.message), 2, 'ran 2 tests');
+  }
+
+  const updateSnapshot = `require('${runnerPath}').run('${args} --updateSnapshot')`;
+  await exec(`node -e "${updateSnapshot}"`);
+
+  const newSnapshotCode = fs.readFileSync(snapshotFile);
+  const originalSnapshotCode = fs.readFileSync(backupSnapshot);
+  t.notEqual(newSnapshotCode, originalSnapshotCode, 'snapshot is updated');
+
+  // Restore the failing snapshot
+  fs.createReadStream(backupSnapshot).pipe(fs.createWriteStream(snapshotFile));
+
+  t.end();
+});

test/fixtures/snapshots/snapshot-no-match.js.snap

@@ -0,0 +1,3 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Does not match snapshot 1`] = `<div />`;

test/fixtures/test-jest-app/__tests__/__snapshots__/snapshot-no-match.js.snap

@@ -0,0 +1,3 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Does not match snapshot 1`] = `<div />`;

test/fixtures/test-jest-app/__tests__/snapshot-no-match.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import renderer from 'react-test-renderer';
+import {test} from 'fusion-test-utils';
+
+test('Does not match snapshot', assert => {
+  const tree = renderer
+    .create(<div data-should-fail />)
+    .toJSON();
+  assert.matchSnapshot(tree);
+});

test/fixtures/test-jest-app/snapshot.js

@@ -0,0 +1 @@
+null

yarn.lock

@@ -5463,7 +5463,7 @@ react-proxy@^3.0.0-alpha.0:
   dependencies:
     lodash "^4.6.1"
 
-react-test-renderer@^16.0.0-0:
+react-test-renderer@^16.0.0-0, react-test-renderer@^16.2.0:
   version "16.2.0"
   resolved "https://registry.npmjs.org/react-test-renderer/-/react-test-renderer-16.2.0.tgz#bddf259a6b8fcd8555f012afc8eacc238872a211"
   dependencies: