Configuring karma to work with webpack

karma.conf.js

@@ -1,30 +1,21 @@
-var _ = require('lodash'),
+var webpack = require('./webpack.config.js');
-    config = require('./config');
 
 module.exports = function(karma) {
-  var globs = _.flatten([
-    config.globs.js,
-    config.globs.spec
-  ]);
-
   karma.set({
     frameworks: ['browserify', 'jasmine'],
-    files: globs,
+    files: [ 'spec/test_index.js' ],
-    preprocessors: _(globs)
+    preprocessors: {
-      .zipObject()
+      'spec/test_index.js': ['webpack', 'sourcemap']
-      .mapValues(_.constant(['browserify']))
+    },
-      .valueOf(),
     reporters: ['progress', 'notify'],
     colors: true,
     logLevel: karma.LOG_INFO,
     browsers: ['Firefox'],
     autoWatch: true,
     singleRun: false,
-    browserify: _.extend({
+    webpack: {
-      configure: function(bundler) {
+      devtool: 'inline-source-map',
-        bundler.transform(require('./lib/canopy-transform'));
+      module: webpack.module
-        bundler.transform(require('babelify'));
+    }
-      }
-    }, config.browserify)
   });
 };

package.json

@@ -33,10 +33,11 @@
     "imports-loader": "^0.6.5",
     "jasmine-core": "^2.4.1",
     "karma": "^1.1.2",
-    "karma-browserify": "^5.0.2",
     "karma-firefox-launcher": "^1.0.0",
     "karma-jasmine": "^1.0.2",
     "karma-notify-reporter": "^1.0.1",
+    "karma-sourcemap-loader": "^0.3.7",
+    "karma-webpack": "^1.8.0",
     "lodash": "^4.6.1",
     "node-bourbon": "^4.2.3",
     "snapsvg": "^0.4.0",

spec/test_index.js

@@ -0,0 +1,2 @@
+var testsContext = require.context(".", true, /_spec$/);
+testsContext.keys().forEach(testsContext);