Add integration tests for react-server-cli

packages/react-server-cli/.gitignore

@@ -1,2 +1,3 @@
 node_modules
 target
+test/**/tmp

packages/react-server-cli/package.json

@@ -7,7 +7,8 @@
     "prepublish": "gulp",
     "lint": "gulp eslint",
     "test": "npm run ava && gulp test && nsp check",
-    "ava": "ava test",
+    "ava": "ava",
+    "ava-watch": "ava --watch",
     "clean": "rimraf target npm-debug.log*"
   },
   "author": "Sasha Aickin",
@@ -56,18 +57,28 @@
     "babel-plugin-add-module-exports": "^0.2.1",
     "babel-preset-react-server": "^0.4.10",
     "eslint-plugin-react": "^6.4.1",
+    "fs-readdir-recursive": "^1.0.0",
     "gulp": "^3.9.1",
     "gulp-babel": "^6.1.2",
     "gulp-eslint": "^3.0.1",
     "nsp": "^2.6.2",
+    "output-file-sync": "^1.1.2",
+    "react": "^15.4.2",
+    "react-dom": "^15.4.2",
     "react-hot-loader": "^1.3.1",
+    "react-server": "^0.5.1",
     "react-server-gulp-module-tagger": "^0.4.10",
-    "rimraf": "^2.5.4"
+    "rimraf": "^2.5.4",
+    "superagent": "^1.8.4"
   },
   "ava": {
     "require": [
       "babel-core/register"
     ],
-    "tap": true
+    "tap": true,
+    "files": [
+      "test/**/*.js",
+      "!test/fixtures/*.js"
+    ]
   }
 }

packages/react-server-cli/test/commands.js

@@ -0,0 +1,97 @@
+import path from 'path';
+import fs from 'fs';
+import readdirSyncRecursive from 'fs-readdir-recursive';
+import outputFileSync from 'output-file-sync';
+import child_process from 'child_process';
+import test from 'ava';
+import rimraf from 'rimraf';
+
+const fixturesPath = path.join(__dirname, 'fixtures', 'commands');
+
+fs.readdirSync(fixturesPath).forEach(testName => {
+	if (testName[0] === '.') return;
+
+	const [, command, testType] = testName.match(/([^-]+)-(.+)/);
+
+	test(`${command} command: ${testType}`, async t => {
+		const testPath = path.join(fixturesPath, testName);
+		const tmpPath = path.join(testPath, 'tmp');
+		createAndChangeToTempDir(tmpPath);
+
+		// Write files to temporary location
+		Object.entries(readDir(path.join(testPath, 'in-files')))
+			.forEach(([filename, content]) =>
+				outputFileSync(filename, content)
+			);
+
+		const {
+			args,
+			stdoutIncludes,
+			stderrIncludes
+		} = JSON.parse(fs.readFileSync(path.join(testPath, 'options.json')));
+
+		const server = child_process.spawn(
+			process.execPath,
+			[
+				path.join(__dirname, '..', 'bin', 'react-server-cli'),
+				...args
+			]
+		);
+
+		let stdout = '';
+		let stderr = '';
+
+		server.stdout.on('data', chunk => stdout += chunk);
+		server.stderr.on('data', chunk => stderr += chunk);
+
+		const frequency = 100;
+		let elapsed = 0;
+
+		await new Promise(resolve => {
+			const checkForExpectedOutput = setInterval(() => {
+				// Increment the elapsed time if neither stdout nor stderr includes the expected content and the time limit hasn't been reached.
+				if (
+					(
+						(stdoutIncludes && !stdout.includes(stdoutIncludes)) ||
+						(stderrIncludes && !stderr.includes(stderrIncludes))
+					) &&
+					elapsed < 5000
+				) {
+					elapsed += frequency;
+					return;
+				}
+
+				clearInterval(checkForExpectedOutput);
+				resolve();
+			}, frequency);
+		});
+
+		if (stdoutIncludes) t.true(stdout.includes(stdoutIncludes), 'stdout includes expected output');
+		if (stderrIncludes) t.true(stderr.includes(stderrIncludes), 'stderr includes expected output');
+
+		server.kill();
+
+		// Remove temporary directory after the test
+		rimraf.sync(tmpPath);
+	});
+});
+
+function createAndChangeToTempDir(tmpPath){
+	if (fs.existsSync(tmpPath)) rimraf.sync(tmpPath);
+	fs.mkdirSync(tmpPath);
+	process.chdir(tmpPath);
+}
+
+function noDotDirectory(x){
+	return x !== '.';
+}
+
+function readDir(dirPath){
+	const files = {};
+	if (fs.existsSync(dirPath)) {
+		readdirSyncRecursive(dirPath, noDotDirectory).forEach(filename => {
+			files[filename] = fs.readFileSync(path.join(dirPath, filename));
+		});
+	}
+	return files;
+};

packages/react-server-cli/test/fixtures/commands/start-basic/in-files/routes.json

@@ -0,0 +1,4 @@
+{
+  "middleware": [],
+  "routes": {}
+}

packages/react-server-cli/test/fixtures/commands/start-basic/options.json

@@ -0,0 +1,4 @@
+{
+	"args": ["start"],
+	"stdoutIncludes": "Started HTML server over HTTP on"
+}

packages/react-server-cli/test/fixtures/commands/start-missing-routes/options.json

@@ -0,0 +1,4 @@
+{
+	"args": ["start"],
+	"stderrIncludes": "Cannot find module"
+}

packages/react-server-cli/test/fixtures/commands/start-reactserverrc/in-files/.reactserverrc

@@ -0,0 +1,5 @@
+{
+	"routesFile": "customRoutes.js",
+	"port": 4000,
+	"jsPort": 4001
+}

packages/react-server-cli/test/fixtures/commands/start-reactserverrc/in-files/customRoutes.js

@@ -0,0 +1,3 @@
+module.exports = {
+	routes: {}
+};

packages/react-server-cli/test/fixtures/commands/start-reactserverrc/options.json

@@ -0,0 +1,4 @@
+{
+	"args": ["start"],
+	"stdoutIncludes": "Started HTML server over HTTP on"
+}

packages/react-server-cli/test/fixtures/commands/start-routes-with-error/in-files/routes.js

@@ -0,0 +1 @@
+undeclaredVariable();

packages/react-server-cli/test/fixtures/commands/start-routes-with-error/options.json

@@ -0,0 +1,4 @@
+{
+	"args": ["start", "--routes-file", "routes.js"],
+	"stderrIncludes": "ReferenceError: undeclaredVariable is not defined"
+}