Auditor accepts arguments, update config and tests

- Use webpack and babel to package/transpile.
- Use karma for running tests.
- Use mocha/chai/sinon for testing and assertions.
- Add test for auditor.
- Auditor supports arguments to specify environment and exception behavior

Author: ckundo

.babelrc

@@ -0,0 +1,3 @@
+{
+  "presets": ["es2015"]
+}

.gitignore

@@ -1,3 +1,2 @@
 node_modules
-build/*
-test/public/build*
+dist/*

.hound.yml

@@ -0,0 +1,5 @@
+javascript:
+  enabled: false
+jshint:
+  enabled: true
+  config_file: .javascript-style.json

.javascript-style.json

@@ -0,0 +1,34 @@
+{
+  "asi": false,
+  "bitwise": true,
+  "browser": true,
+  "camelcase": true,
+  "curly": true,
+  "esnext": true,
+  "forin": true,
+  "immed": true,
+  "latedef": "nofunc",
+  "maxlen": 80,
+  "newcap": true,
+  "noarg": true,
+  "node": true,
+  "noempty": true,
+  "nonew": true,
+  "predef": [
+    "__dirname",
+    "$",
+    "jQuery",
+    "beforeEach",
+    "describe",
+    "expect",
+    "it",
+    "angular",
+    "inject",
+    "module",
+    "require"
+  ],
+  "quotmark": true,
+  "trailing": true,
+  "undef": true,
+  "unused": true
+}

.travis.yml

@@ -4,7 +4,5 @@ node_js:
   - stable
 before_script:
   - npm install -g gulp
-script:
-  - gulp
 notifications:
   email: false

README.md

@@ -16,3 +16,32 @@ NewRelic or Google Analytics in the way it is included and run on your website.
 When a visitor arrives at a page that has the script installed, an audit will
 run in the background automatically. If there are any accessibility issues on
 that page, AccessLint Monitor track the error for review.
+
+## Development
+
+AccessLint Monitor uses babel and webpack to transpile and package ES2105
+code for inclusion clientside. It uses karma and mocha to run tests.
+
+### Setup
+
+    $ bin/setup
+
+### Building
+
+#### Development
+
+    $ gulp build-dev
+
+#### Production
+
+    $ gulp build
+
+### Testing
+
+From the application root: `$ karma start`
+
+#### Smoke testing
+
+1. Start the node test app `$ DEBUG=express:* node test/integration/app.js`.
+1. Visit `localhost:3000`.
+1. Open the network panel and review the response from the host.

bin/setup

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+
+npm install -g webpack gulp-cli
+npm install

gulpfile.js

@@ -1,41 +1,66 @@
 var gulp = require("gulp");
-var sourcemaps = require("gulp-sourcemaps");
-var source = require("vinyl-source-stream");
-var buffer = require("vinyl-buffer");
-var browserify = require("browserify");
-var watchify = require("watchify");
-var babel = require("babelify");
-
-function compile(watch) {
-  var bundler = watchify(browserify("./src/index.js", { debug: true })
-      .transform(babel));
-
-  function rebundle() {
-    bundler.bundle()
-      .on("error", function(err) { console.error(err); this.emit("end"); })
-      .pipe(source("build.js"))
-      .pipe(buffer())
-      .pipe(sourcemaps.init({ loadMaps: true }))
-      .pipe(sourcemaps.write("./"))
-      .pipe(gulp.dest("./build"))
-      .pipe(gulp.dest("./test/public"));
-  }
-
-  if (watch) {
-    bundler.on("update", function() {
-      console.log("-> bundling...");
-      rebundle();
-    });
-  }
-
-  rebundle();
-}
-
-function watch() {
-  return compile(true);
-};
-
-gulp.task("build", function() { return compile(); });
-gulp.task("watch", function() { return watch(); });
-
-gulp.task("default", ["watch"]);
+var gutil = require("gulp-util");
+var karma = require("karma").server;
+var path = require("path");
+var webpack = require("webpack");
+var webpackConfig = require("./webpack.config.js");
+
+var devConfig = Object.create(webpackConfig);
+devConfig.devtool = "sourcemap";
+devConfig.debug = true;
+
+var devCompiler = webpack(devConfig);
+
+gulp.task("webpack:build-dev", function(callback) {
+  devCompiler.run(function(err, stats) {
+    if(err) {
+      throw new gutil.PluginError("webpack:build-dev", err);
+    }
+
+    gutil.log("[webpack:build-dev]", stats.toString({
+      colors: true
+    }));
+
+    callback();
+  });
+});
+
+gulp.task("webpack:build", function(callback) {
+  var config = Object.create(webpackConfig);
+
+  config.plugins = config.plugins.concat(
+      new webpack.DefinePlugin({
+        "process.env": {
+          "NODE_ENV": JSON.stringify("production")
+        }
+      }),
+      new webpack.optimize.DedupePlugin(),
+      new webpack.optimize.UglifyJsPlugin()
+      );
+
+  webpack(config, function(err, stats) {
+    if(err) {
+      throw new gutil.PluginError("webpack:build", err);
+    }
+
+    gutil.log("[webpack:build]", stats.toString({
+      colors: true
+    }));
+
+    callback();
+  });
+});
+
+gulp.task("test", function(callback) {
+  karma.start({
+    configFile: path.resolve("karma.conf.js"),
+    singleRun: true
+  }, callback);
+});
+
+gulp.task("build", ["webpack:build"]);
+gulp.task("default", ["webpack:build-dev", "test"]);
+
+gulp.task("build-dev", ["webpack:build-dev"], function() {
+  gulp.watch(["src/**/*"], ["webpack:build-dev"]);
+});

karma.conf.js

@@ -0,0 +1,60 @@
+module.exports = function(config) {
+  config.set({
+    frameworks: [
+      "chai",
+      "mocha",
+    ],
+    files: [
+      "test/*_test.js",
+      "test/**/*_test.js",
+    ],
+    plugins: [
+      require("karma-chai"),
+      require("karma-phantomjs-launcher"),
+      require("karma-mocha"),
+      require("karma-webpack"),
+    ],
+    preprocessors: {
+      "test/*_test.js": ["webpack"],
+      "test/**/*_test.js": ["webpack"],
+    },
+    webpack: {
+      devtool: "source-map",
+      module: {
+        loaders: [
+        {
+          test: /\.js$/,
+          exclude: /node_modules/,
+          loader: "babel-loader",
+          query: {
+            presets: ["es2015"]
+          }
+        },
+        {
+          test: /\.json$/,
+          loader: "json",
+        }
+        ]
+      },
+      node: {
+        console: true,
+        fs: "empty",
+        net: "empty",
+        tls: "empty",
+      },
+    },
+    webpackMiddleware: {
+      stats: {
+        colors: true,
+      },
+    },
+    reporters: ["progress"],
+    port: 9876,
+    colors: true,
+    logLevel: config.LOG_INFO,
+    autoWatch: true,
+    browsers: ["PhantomJS"],
+    singleRun: false,
+    concurrency: Infinity,
+  });
+};

package.json

@@ -12,24 +12,41 @@
     "testing",
     "a11y"
   ],
+  "script": {
+    "test": "gulp build-dev && ./node_modules/.bin/karma start --single-run"
+  },
   "author": "Cameron Cundiff",
   "license": "MIT",
   "bugs": {
     "url": "https://github.com/accesslint/monitor/issues"
   },
   "devDependencies": {
     "axe-core": "~1.1.0",
-    "babelify": "^6.2.0",
-    "browserify": "^11.0.1",
-    "cors": "~2.7.1",
+    "babel-core": "^6.2.1",
+    "babel-loader": "^6.2.0",
+    "babel-preset-es2015": "^6.1.18",
+    "babel-runtime": "^6.2.0",
+    "body-parser": "^1.14.1",
+    "browser-request": "^0.3.3",
+    "chai": "^3.4.1",
     "express": "~4.13.3",
     "gulp": "^3.9.0",
-    "gulp-babel": "^5.2.1",
-    "gulp-concat": "^2.6.0",
-    "gulp-sourcemaps": "^1.5.2",
+    "json-loader": "^0.5.4",
+    "karma": "^0.13.15",
+    "karma-babel-preprocessor": "^6.0.1",
+    "karma-chai": "^0.1.0",
+    "karma-mocha": "^0.2.1",
+    "karma-phantomjs-launcher": "^0.2.1",
+    "karma-webpack": "^1.7.0",
+    "mocha": "^2.3.4",
+    "phantomjs": "^1.9.19",
     "request": "~2.61.0",
-    "vinyl-buffer": "^1.0.0",
-    "vinyl-source-stream": "^1.1.0",
-    "watchify": "^3.3.1"
+    "sinon": "git://github.com/cjohansen/Sinon.JS#b672042043517b9f84e14ed0fb8265126168778a",
+    "sinon-chai": "^2.8.0",
+    "webpack": "^1.12.9"
+  },
+  "dependencies": {
+    "babel-polyfill": "^6.2.0",
+    "babel-runtime": "^6.2.0"
   }
 }