feat(tests): auto run tests with a single command

Auto run tests with `npm run test.watch` and provides source maps for both spec and app files.

Fix mgechev#1180
Fix mgechev#1193

README.md

@@ -117,9 +117,9 @@ Visit the [Wiki page](https://github.com/mgechev/angular2-seed/wiki) of the proj
 ```bash
 npm test
 
-# Debug - In two different shell windows
-npm run build.test.watch      # 1st window
-npm run karma.start           # 2nd window
+# Development. Your app will be watched by karma
+# on each change all your specs will be executed.
+npm run test.watch
 
 # code coverage (istanbul)
 # auto-generated at the end of `npm test`

karma.conf.js

@@ -33,6 +33,7 @@ module.exports = function(config) {
       // RxJs.
       { pattern: 'node_modules/rxjs/**/*.js', included: false, watched: false },
       { pattern: 'node_modules/rxjs/**/*.js.map', included: false, watched: false },
+      { pattern: 'node_modules/@angular/**/*.js.map', included: false, watched: false },
 
       // paths loaded via module imports
       // Angular itself
@@ -62,14 +63,11 @@ module.exports = function(config) {
 
     // preprocess matching files before serving them to the browser
     // available preprocessors: https://npmjs.org/browse/keyword/karma-preprocessor
-    preprocessors: {
-      'dist/**/!(*spec).js': ['coverage']
-    },
 
     // test results reporter to use
     // possible values: 'dots', 'progress'
     // available reporters: https://npmjs.org/browse/keyword/karma-reporter
-    reporters: ['mocha', 'coverage'],
+    reporters: ['mocha'],
 
 
     // web server port
@@ -103,13 +101,6 @@ module.exports = function(config) {
       }
     },
 
-    coverageReporter: {
-      dir: 'coverage/',
-      reporters: [
-        { type: 'json', subdir: '.', file: 'coverage-final.json' }
-      ]
-    },
-
     // Continuous Integration mode
     // if true, Karma captures browsers, runs the tests and exits
     singleRun: false,

tools/tasks/seed/build.js.dev.ts

@@ -2,9 +2,9 @@ import * as gulp from 'gulp';
 import * as gulpLoadPlugins from 'gulp-load-plugins';
 import * as merge from 'merge-stream';
 import * as util from 'gulp-util';
-import { join, sep, relative } from 'path';
+import { join/*, sep, relative*/ } from 'path';
 
-import { APP_DEST, APP_SRC, PROJECT_ROOT, TOOLS_DIR, TYPED_COMPILE_INTERVAL } from '../../config';
+import { APP_DEST, APP_SRC, /*PROJECT_ROOT, */TOOLS_DIR, TYPED_COMPILE_INTERVAL } from '../../config';
 import { makeTsProject, templateLocals } from '../../utils';
 
 const plugins = <any>gulpLoadPlugins();
@@ -57,11 +57,14 @@ export = () => {
   }
 
   return result.js
-    .pipe(plugins.sourcemaps.write('.', {
-      includeContent: false,
-      sourceRoot: (file: any) =>
-        relative(file.path, PROJECT_ROOT + '/' + APP_SRC).replace(sep, '/') + '/' + APP_SRC
-    }))
+    .pipe(plugins.sourcemaps.write())
+// Use for debugging with Webstorm/IntelliJ
+// https://github.com/mgechev/angular2-seed/issues/1220
+//    .pipe(plugins.sourcemaps.write('.', {
+//      includeContent: false,
+//      sourceRoot: (file: any) =>
+//        relative(file.path, PROJECT_ROOT + '/' + APP_SRC).replace(sep, '/') + '/' + APP_SRC
+//    }))
     .pipe(plugins.template(templateLocals()))
     .pipe(gulp.dest(APP_DEST));
 };

tools/tasks/seed/build.js.test.ts

@@ -32,3 +32,4 @@ export = () => {
     .pipe(plugins.sourcemaps.write())
     .pipe(gulp.dest(APP_DEST));
 };
+

tools/tasks/seed/karma.run.ts

@@ -3,5 +3,16 @@ import { startKarma } from '../../utils/seed/karma.start';
  * Executes the build process, running all unit tests using `karma`.
  */
 export = (done: any) => {
-  return startKarma(done);
+  return startKarma(done, {
+    preprocessors: {
+      'dist/**/!(*spec).js': ['coverage']
+    },
+    reporters: ['mocha', 'coverage'],
+    coverageReporter: {
+      dir: 'coverage/',
+      reporters: [
+        { type: 'json', subdir: '.', file: 'coverage-final.json' }
+      ]
+    },
+  });
 };