chore(gulp): Added test coverage generator

- Added coverage generator to Karma config
- Added coverage remapper (from JS to TS)
- Updated dependencies

Author: itsdevdom

.gitignore

@@ -27,6 +27,9 @@
 /demo/*.js
 !/demo/systemjs.config.js
 
+# Test coverage
+/test-coverage
+
 # Development
 /.vscode
 

.npmignore

@@ -30,6 +30,9 @@
 /tsconfig-aot.json
 /tslint.json
 
+# Test coverage
+/test-coverage
+
 # GitHub templates
 /.github
 

gulpfile.js

@@ -40,7 +40,8 @@ gulp.task( 'clean',
 	gulp.parallel( [
 		'env:clean--lib',
 		'env:clean--bundles',
-		'env:clean--demo'
+		'env:clean--demo',
+		'env:clean--coverage'
 	] )
 );
 
@@ -62,10 +63,7 @@ gulp.task( 'build--dev',
  */
 gulp.task( 'build--publish',
     gulp.series( [
-		gulp.parallel( [
-			'env:clean--lib',
-			'env:clean--bundles'
-		] ),
+		'clean',
         gulp.parallel( [
             'ts:lint',
             'sass:lint',
@@ -102,12 +100,16 @@ gulp.task( 'build--demo',
  */
 gulp.task( 'test',
 	gulp.series( [
-		'env:clean--lib',
+		gulp.parallel( [
+			'env:clean--lib',
+			'env:clean--coverage',
+		] ),
 		gulp.parallel( [
 			'ts:build--dev',
 			'ts:build--tests'
 		] ),
-    	'ts:spec'
+    	'ts:test--spec',
+		'ts:test--coverage'
 	] )
 );
 

karma.config.js

@@ -17,15 +17,38 @@ module.exports = function( config ) {
 		// List of used plugins
 		plugins: [
 			require( 'karma-chrome-launcher' ),
+			require( 'karma-coverage' ),
 			require( 'karma-jasmine' ),
 			require( 'karma-mocha-reporter' )
 		],
 
+		// Preprocessors
+		preprocessors: {
+			'src/**/!(*spec).js': 'coverage'
+		},
+
 		// List of reporters, e.g. 'dots', 'progress' (see https://npmjs.org/browse/keyword/karma-reporter)
 		reporters: [
+			'coverage',
 			'mocha'
 		],
 
+		// Test coverage settings
+		coverageReporter: {
+			dir : './test-coverage/js',
+			reporters: [
+				{
+					type: 'json', // For remapping back to TypeScript
+					subdir: '.',
+					file: 'coverage.json'
+				},
+				{
+					type: 'html', // For viewing in the browser
+					subdir: '.' // Prevent browser-specific folder naming
+				}
+			]
+		},
+
 		// Web server port
 		port: 9876,
 

package.json

@@ -40,7 +40,7 @@
     "peerDependencies": {
         "@angular/core": "2.x",
         "@angular/common": "2.x",
-        "rxjs": "5.0.0-beta.12"
+        "rxjs": "5.0.0-rc.4"
     },
     "devDependencies": {
         "@angular/core": "2.x",
@@ -51,7 +51,7 @@
         "@angular/platform-browser-dynamic": "2.x",
         "@types/jasmine": "2.5.x",
         "browser-sync": "2.18.x",
-        "codelyzer": "2.0.0-beta.1",
+        "codelyzer": "2.0.0-beta.3",
         "conventional-github-releaser": "1.1.x",
         "conventional-recommended-bump": "0.3.x",
         "core-js": "2.4.x",
@@ -76,19 +76,21 @@
         "karma": "1.3.x",
         "karma-chrome-launcher": "2.0.x",
         "karma-cli": "1.0.x",
+        "karma-coverage": "1.1.x",
         "karma-jasmine": "1.0.x",
         "karma-mocha-reporter": "2.2.x",
         "merge2": "1.0.x",
         "progress-bar-webpack-plugin": "1.9.x",
         "reflect-metadata": "0.1.x",
+        "remap-istanbul": "0.8.x",
         "require-dir": "0.3.x",
-        "rxjs": "5.0.0-beta.12",
+        "rxjs": "5.0.0-rc.4",
         "source-map-loader": "0.1.x",
         "systemjs": "0.19.x",
         "tslint": "4.0.x",
         "typescript": "2.0.x",
         "web-animations-js": "2.2.x",
         "webpack": "2.1.0-beta.27",
-        "zone.js": "0.6.x"
+        "zone.js": "0.7.x"
     }
 }

tools/gulp/env/env-clean.task.js

@@ -54,3 +54,12 @@ gulp.task( 'env:clean--demo', () => {
         '!demo/systemjs.config.js'
     ] );
 } );
+
+/**
+ * gulp task: Clean test coverage
+ */
+gulp.task( 'env:clean--coverage', () => {
+    return del( [
+        'test-coverage'
+    ] );
+} );

tools/gulp/ts/ts-test.task.js

@@ -3,14 +3,34 @@
 const gulp = require( 'gulp' );
 const karma = require( 'karma' );
 const path = require( 'path' );
+const remapIstanbul = require( 'remap-istanbul/lib/gulpRemapIstanbul' ).default;
 
 /**
  * Gulp task: Run TypeScript unit tests
  */
-gulp.task( 'ts:spec', ( done ) => {
+gulp.task( 'ts:test--spec', ( done ) => {
+
 	new karma.Server( {
 		configFile: path.resolve( 'karma.config.js' ), // Absolute path necessary
 		singleRun: true, // Overwrite
 		autoWatch: false // Overwrite
 	}, done ).start();
+
+} );
+
+/**
+ * Gulp task: Generate test coverage for TypeScript files
+ */
+gulp.task( 'ts:test--coverage', () => {
+
+	return gulp
+		.src( 'test-coverage/js/coverage.json' )
+		.pipe( remapIstanbul( {
+			reports: {
+				'json': 'test-coverage/ts/coverage.json',
+				'html': 'test-coverage/ts/', // For viewing in the browser
+				'text-summary': null // Print coverage summary to the console
+			}
+		} ) );
+
 } );