feat(test): Add code coverage for karma runs

Author: delasteve

addon/ng2/blueprints/ng2/files/config/karma.conf.js

@@ -7,7 +7,9 @@ module.exports = function (config) {
     frameworks: ['jasmine'],
     plugins: [
       require('karma-jasmine'),
-      require('karma-chrome-launcher')
+      require('karma-chrome-launcher'),
+      require('karma-coverage'),
+      require('karma-remap-istanbul')
     ],
     customLaunchers: {
       // chrome setup for travis CI using chromium
@@ -34,8 +36,18 @@ module.exports = function (config) {
       // Vendor packages might include spec files. We don't want to use those.
       'dist/vendor/**/*.spec.js'
     ],
-    preprocessors: {},
-    reporters: ['progress'],
+    preprocessors: {
+      'dist/!(vendor)/**/!(*spec).js': ['coverage']
+    },
+    reporters: ['progress', 'coverage', 'karma-remap-istanbul'],
+    coverageReporter: {
+      type : 'json',
+      subdir: '.'
+    },
+    remapIstanbulReporter: {
+      src: 'coverage/coverage-final.json',
+      reports: { html: 'coverage/report' },
+    },
     port: 9876,
     colors: true,
     logLevel: config.LOG_INFO,

addon/ng2/blueprints/ng2/files/package.json

@@ -42,7 +42,9 @@
     "jasmine-spec-reporter": "2.5.0",
     "karma": "0.13.22",
     "karma-chrome-launcher": "0.2.3",
+    "karma-coverage": "^1.0.0",
     "karma-jasmine": "0.3.8",
+    "karma-remap-istanbul": "^0.1.1",
     "protractor": "3.3.0",
     "ts-node": "0.5.5",
     "tslint": "3.11.0",

tests/e2e/e2e_workflow.spec.js

@@ -196,6 +196,14 @@ describe('Basic end-to-end Workflow', function () {
     });
   });
 
+  it('Can generate coverage report after test run', function () {
+    var coverageFilePath = path.join(process.cwd(), 'coverage', 'coverage-final.json');
+    var resultsRemapFolderPath = path.join(process.cwd(), 'coverage', 'report');
+
+    expect(existsSync(coverageFilePath)).to.equal(true);
+    expect(existsSync(resultsRemapFolderPath)).to.equal(true);
+  });
+
   it('Can create a test service using `ng generate service test-service`', function () {
     return ng(['generate', 'service', 'test-service']).then(function () {
       var serviceDir = path.join(process.cwd(), 'src', 'app');