test: Add a script to test the demo on webpack 3 and 4 (#17)

Author: brandonocasey

README.md

@@ -176,7 +176,7 @@ This project's Git repository comes with a working demo project.
 1. Move into the directory: `cd player-loader-webpack-plugin`
 1. Install dependencies: `npm i`
 1. Set environment variables that will configure the demo. At a minimum, `BC_ACCOUNT_ID`: `export BC_ACCOUNT_ID="1234567890"` (`BC_PLAYER_ID` and `BC_EMBED_ID` are also supported).
-1. Run the demo: `npm run demo`
+1. Run the demo: `npm run start` to run the demo and a local server
 1. If everything succeeds, wait for the web server to start then open `http://localhost:9999/` in the browser.
 
 ## Options

demo/webpack.config.js

@@ -19,7 +19,6 @@ module.exports = {
     filename: 'dist.js',
     path: path.resolve(__dirname)
   },
-  mode: 'development',
   plugins: [
     new PlayerLoader({accountId, embedId, playerId, prependTo: 'demo.js'})
   ]

package.json

@@ -5,14 +5,15 @@
   "repository": "github:brightcove/player-loader-webpack-plugin",
   "main": "src/index.js",
   "scripts": {
-    "predemo": "rm -f ./demo/dist.js",
+    "clean": "rm -f ./demo/dist.js",
+    "predemo": "npm run clean",
     "demo": "webpack --config ./demo/webpack.config.js",
-    "postdemo": "npm run start",
     "docs": "npm-run-all docs:*",
     "docs:toc": "doctoc README.md",
     "test": "vjsstandard",
     "lint": "vjsstandard",
-    "start": "http-server demo -p 9999",
+    "start": "npm run demo && npm run server",
+    "server": "http-server demo -p 9999",
     "update-changelog": "conventional-changelog -p videojs -i CHANGELOG.md -s",
     "version": "is-prerelease || npm run update-changelog && git add CHANGELOG.md",
     "prepublish": "not-in-install && pkg-ok || in-install"

test-webpack.js

@@ -0,0 +1,73 @@
+/* eslint-disable no-console */
+const spawnSync = require('child_process').spawnSync;
+const spawnOptions = {};
+const path = require('path');
+const fs = require('fs');
+
+let debug = false;
+
+for (let i = 0; i < process.argv.length; i++) {
+  if ((/-d|--debug/).test(process.argv[i])) {
+    debug = true;
+    break;
+  }
+}
+
+if (debug) {
+  spawnOptions.stdio = 'inherit';
+}
+
+const commands = [
+  ['npm', 'i', '--no-save', 'webpack@4'],
+  ['npm', 'run', 'demo'],
+  ['npm', 'run', 'clean'],
+  ['npm', 'i', '--no-save', 'webpack@3'],
+  ['npm', 'run', 'demo'],
+  ['npm', 'run', 'clean']
+];
+
+let exitCode = 0;
+
+for (let i = 0; i < commands.length; i++) {
+  const args = commands[i];
+  const cmd = args.shift();
+  const command = `${path.basename(cmd)} ${args.join(' ')}`;
+
+  const options = Object.assign({}, spawnOptions);
+
+  console.log(`** Running '${command}' **`);
+  const retval = spawnSync(cmd, args, options);
+
+  if (retval.status !== 0) {
+    const output = retval.output
+      .filter((s) => !!s)
+      .map((s) => s.toString())
+      .join('');
+
+    console.error(output);
+    exitCode = 1;
+  }
+
+  if (command === 'npm run demo') {
+    const stat = fs.statSync(path.join(__dirname, 'demo', 'dist.js'));
+
+    if (stat.size < 10000) {
+      console.error('npm run demo failed, demo/dist.js is below 10k bytes');
+      exitCode = 1;
+    }
+  }
+
+  if (exitCode !== 0) {
+    break;
+  }
+}
+
+console.log("** Running 'npm ci' to reset local deps");
+const retval = spawnSync('npm', ['ci'], spawnOptions);
+
+if (retval.status !== 0) {
+  console.error('Failed to reset npm deps');
+  exitCode = 1;
+}
+
+process.exit(exitCode);