Simple Karma config for browser testing

.babelrc

@@ -1,3 +1,4 @@
 {
-    "presets": ["es2015"]
-}
+    "presets": ["es2015"],
+    "plugins": ["transform-object-assign"]
+}

karma.conf.js

@@ -0,0 +1,63 @@
+var path = require('path');
+var webpack = require('webpack');
+
+module.exports = function (config) {
+
+  var runCoverage = process.env.COVERAGE === 'true';
+
+  var coverageLoaders = [];
+  var coverageReporters = [];
+
+  if (runCoverage) {
+    coverageLoaders.push({
+      test: /\.js$/,
+      include: path.resolve('src/'),
+      loader: 'isparta'
+    }),
+
+    coverageReporters.push('coverage');
+  }
+
+  config.set({
+
+    browsers: [ 'Firefox' ],
+    frameworks: [ 'mocha' ],
+    reporters: [ 'mocha' ].concat(coverageReporters),
+
+    files: [
+      'tests.webpack.js'
+    ],
+
+    preprocessors: {
+      'tests.webpack.js': [ 'webpack', 'sourcemap' ]
+    },
+
+    singleRun: true,
+
+    webpack: {
+      devtool: 'inline-source-map',
+      module: {
+        preLoaders: [
+          {
+            test: /\.js$/,
+            exclude: [
+              path.resolve('node_modules/')
+            ],
+            loader: 'babel'
+          },
+        ].concat(coverageLoaders)
+      }
+    },
+
+    webpackServer: {
+      noInfo: true
+    },
+
+    coverageReporter: {
+      reporters: [
+        { type: 'text' },
+        { type: 'json', subdir: 'browser-coverage', file: 'coverage.json' }
+      ]
+    }
+  });
+};

package.json

@@ -12,9 +12,14 @@
   ],
   "license": "MIT",
   "scripts": {
-    "build": "mkdir -p lib && babel ./src/index.js --plugins transform-object-assign --out-file ./lib/index.js",
-    "test": "mocha --compilers js:babel-core/register --recursive",
-    "test:cov": "babel-node $(npm bin)/isparta cover $(npm bin)/_mocha -- --recursive",
+    "build": "mkdir -p lib && babel ./src/index.js --out-file ./lib/index.js",
+    "test": "npm run test:node && npm run test:browser",
+    "test:node": "mocha --compilers js:babel-core/register --recursive ./test/node",
+    "test:browser": "karma start",
+    "test:cov": "npm run test:cov:browser && npm run test:cov:node && npm run test:cov:report",
+    "test:cov:node": "babel-node $(npm bin)/isparta cover $(npm bin)/_mocha report --dir ./coverage/node-coverage -- --recursive ./test/node",
+    "test:cov:browser": "COVERAGE=true karma start",
+    "test:cov:report": "$(npm bin)/istanbul report --dir ./coverage --include **/*coverage.json html text",
     "prepublish": "npm run build"
   },
   "tags": [
@@ -29,13 +34,26 @@
   "devDependencies": {
     "babel-cli": "^6.1.2",
     "babel-core": "^6.2.1",
+    "babel-loader": "^6.2.0",
     "babel-plugin-transform-object-assign": "^6.0.14",
     "babel-preset-es2015": "^6.1.2",
     "expect": "^1.13.0",
     "history": "^1.13.1",
     "isparta": "^4.0.0",
+    "isparta-loader": "^2.0.0",
+    "karma": "^0.13.3",
+    "karma-chrome-launcher": "^0.2.0",
+    "karma-coverage": "^0.5.3",
+    "karma-firefox-launcher": "^0.1.7",
+    "karma-ie-launcher": "^0.2.0",
+    "karma-mocha": "^0.2.0",
+    "karma-mocha-reporter": "^1.0.4",
+    "karma-safari-launcher": "^0.1.1",
+    "karma-sourcemap-loader": "^0.3.5",
+    "karma-webpack": "^1.7.0",
     "mocha": "^2.3.4",
-    "redux": "^3.0.4"
+    "redux": "^3.0.4",
+    "webpack": "^1.12.9"
   },
   "dependencies": {
     "deep-equal": "^1.0.1"

test/browser/index.js

@@ -0,0 +1,5 @@
+const { createHashHistory, createHistory } = require('history');
+const createTests = require('../createTests.js');
+
+createTests(createHashHistory, 'Hash History', () => window.location = '#/');
+createTests(createHistory, 'Browser History', () => window.history.replaceState(null, null, '/'));