browserify tests for karma

Author: basti1302

gulpfile.js

@@ -4,6 +4,7 @@ var browserify = require('browserify')
   , clean = require('gulp-clean')
   , connect = require('gulp-connect')
   , eslint = require('gulp-eslint')
+  , glob = require('glob')
   , gulp = require('gulp')
   , mocha = require('gulp-mocha')
   , ngmin = require('gulp-ngmin')
@@ -14,13 +15,26 @@ var browserify = require('browserify')
 
 /*
  * Useful tasks:
- * - gulp fast: browserifies, no minification, does not start server.
- * - gupl watch: starts server, browserify & live reload on changes,
- *               no minification.
- * - gulp: browserifies and minifies, does not start server.
+ * - gulp fast:
+ *   - linting
+ *   - unit tests
+ *   - browserification
+ *   - no minification, does not start server.
+ * - gulp watch:
+ *   - starts server with live reload enabled
+ *   - lints, unit tests, browserifies and live-reloads changes in browser
+ *   - no minification
+ * - gulp:
+ *   - linting
+ *   - unit tests
+ *   - browserification
+ *   - minification and browserification of minified sources
+ *   - start server for e2e tests
+ *   - run Protractor End-to-end tests
+ *   - stop server immediately when e2e tests have finished
  *
- * At development time, you should usually just have run 'gulp watch' in the
- * background.
+ * At development time, you should usually just have 'gulp watch' running in the
+ * background all the time. Use 'gulp' before releases.
  */
 
 var liveReload = true;
@@ -48,7 +62,7 @@ gulp.task('unit', function () {
   .pipe(mocha({ reporter: 'dot' }));
 });
 
-gulp.task('browserify', ['lint', 'unit'], function() {
+gulp.task('browserify', /*['lint', 'unit'],*/ function() {
   return browserify('./app/js/app.js')
   .bundle({ debug: true })
   .pipe(source('app.js'))
@@ -73,6 +87,18 @@ gulp.task('browserify-min', ['ngmin'], function() {
   .pipe(gulp.dest('./app/dist/'));
 });
 
+gulp.task('browserify-tests', function() {
+  var bundler = browserify();
+  glob.sync('./test/unit/**/*.js')
+  .forEach(function(file) {
+    bundler.add(file);
+  })
+  return bundler
+  .bundle({ debug: true })
+  .pipe(source('browserified_tests.js'))
+  .pipe(gulp.dest('./test/browserified'));
+});
+
 gulp.task('server', ['browserify'], function() {
   connect.server({
     root: 'app',

karma.conf.js

@@ -0,0 +1,65 @@
+// Karma configuration
+// Generated on Mon May 26 2014 23:07:02 GMT+0200 (CEST)
+
+module.exports = function(config) {
+  config.set({
+
+    // base path that will be used to resolve all patterns (eg. files, exclude)
+    basePath: '',
+
+
+    // frameworks to use
+    // available frameworks: https://npmjs.org/browse/keyword/karma-adapter
+    frameworks: ['mocha'],
+
+
+    // list of files / patterns to load in the browser
+    files: [
+      'test/browserified/browserified_tests.js'
+    ],
+
+
+    // list of files to exclude
+    exclude: [
+    ],
+
+
+    // preprocess matching files before serving them to the browser
+    // available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor
+    preprocessors: {
+    },
+
+
+    // test results reporter to use
+    // possible values: 'dots', 'progress'
+    // available reporters: https://npmjs.org/browse/keyword/karma-reporter
+    reporters: ['progress'],
+
+
+    // web server port
+    port: 9876,
+
+
+    // enable / disable colors in the output (reporters and logs)
+    colors: true,
+
+
+    // level of logging
+    // possible values: config.LOG_DISABLE || config.LOG_ERROR || config.LOG_WARN || config.LOG_INFO || config.LOG_DEBUG
+    logLevel: config.LOG_INFO,
+
+
+    // enable / disable watching file and executing tests whenever any file changes
+    autoWatch: true,
+
+
+    // start these browsers
+    // available browser launchers: https://npmjs.org/browse/keyword/karma-launcher
+    browsers: ['Chrome', 'Firefox'],
+
+
+    // Continuous Integration mode
+    // if true, Karma captures browsers, runs the tests and exits
+    singleRun: false
+  });
+};

package.json

@@ -15,6 +15,7 @@
   "devDependencies": {
     "browserify": "^3.44.2",
     "chai": "^1.9.1",
+    "glob": "^4.0.0",
     "gulp": "^3.6.2",
     "gulp-clean": "^0.2.4",
     "gulp-connect": "^2.0.5",
@@ -24,9 +25,14 @@
     "gulp-protractor": "0.0.7",
     "gulp-streamify": "0.0.5",
     "gulp-uglify": "^0.2.1",
+    "karma": "^0.12.16",
+    "karma-chai": "^0.1.0",
+    "karma-chrome-launcher": "^0.1.4",
+    "karma-firefox-launcher": "^0.1.3",
+    "karma-mocha": "^0.1.3",
+    "karma-sinon": "^1.0.3",
     "mocha": "^1.18.2",
     "protractor": "^0.22.0",
-    "sandboxed-module": "^0.3.0",
     "sinon": "^1.9.1",
     "sinon-chai": "^2.5.0",
     "vinyl-source-stream": "^0.1.1"