Merged PR 139686: Add kjhtml

Add kjhtml to the Javascript SDK to make debugging tests easier.
## Know issues:
1) An old version (0.2.2) is used because newer versions are incompatible with our jasmine karma versions, trying to update them causes issues both in the tests themselves and in test coverage reporting.
2) Closing the test page doesn't close the running command in the terminal, need a couple of `cntrl + c`, this is the same in other repositories.

For reference check [karma.baseconf.js](https://powerbi.visualstudio.com/PowerBIClients/_git/PowerBIClients?path=%2Fsrc%2FModern%2FIntegrationTesting%2FDesktopIntegrationTestHost%2Fkarma.baseconf.js&_a=contents&version=GBmaster) and [karma.conf.js](https://powerbi.visualstudio.com/PowerBIClients/_git/PowerBIClients?path=%2Fsrc%2FClients%2FPowerBIPlayground%2FAngular%2Fkarma.conf.js&_a=contents&version=GBmaster)

![khjtml.PNG](https://powerbi.visualstudio.com/4c7b5adb-c2d0-4f18-b23c-edc4ac30f4e1/_apis/git/repositories/1dd63332-e003-46a3-ac6f-70213a1bcc2e/pullRequests/139686/attachments/khjtml.PNG)

Author: Shahak Yosef

gulpfile.js

@@ -211,5 +211,7 @@ gulp.task('test:js', 'Run js tests', function (done) {
         configFile: __dirname + '/karma.conf.js',
         singleRun: argv.watch ? false : true,
         captureTimeout: argv.timeout || 60000
-    }, done).start();
+    },  function() {
+      done();
+  }).start();
 });

karma.conf.js

@@ -2,12 +2,18 @@ var argv = require('yargs').argv;
 
 var browserName = 'PhantomJS';
 if (argv.chrome) {
-  browserName = 'Chrome'
+  browserName = 'Chrome_headless'
 }
 else if (argv.firefox) {
   browserName = 'Firefox'
 }
-
+const flags = [
+  '--disable-gpu',
+  '--disable-extensions',
+  '--no-proxy-server',
+  '--js-flags="--max_old_space_size=6500"',
+  '--high-dpi-support=1',
+];
 module.exports = function (config) {
   config.set({
     frameworks: ['jasmine'],
@@ -18,7 +24,7 @@ module.exports = function (config) {
       { pattern: './test/**/*.html', served: true, included: false }
     ],
     exclude: [],
-    reporters: argv.debug ? ['spec'] : ['spec', 'coverage'],
+    reporters: argv.debug ? ['spec', 'kjhtml'] : ['spec', 'coverage', 'kjhtml'],
     autoWatch: true,
     browsers: [browserName],
     plugins: [
@@ -27,8 +33,15 @@ module.exports = function (config) {
       'karma-jasmine',
       'karma-spec-reporter',
       'karma-phantomjs-launcher',
-      'karma-coverage'
+      'karma-coverage',
+      'karma-jasmine-html-reporter',
     ],
+    customLaunchers: {
+      'Chrome_headless': {
+        base: 'Chrome',
+        flags: flags.concat("--no-sandbox", "--window-size=800,800"),
+      },
+    },
     preprocessors: { './tmp/**/*.js': ['coverage'] },
     coverageReporter: {
       reporters: [
@@ -37,7 +50,9 @@ module.exports = function (config) {
       ]
     },
     logLevel: argv.debug ? config.LOG_DEBUG : config.LOG_INFO,
+    retryLimit: 0,
     client: {
+      clearContext: false, // leave Jasmine Spec Runner output visible in browser
       args: argv.logMessages ? ['logMessages'] : []
     }
   });

package.json

@@ -15,7 +15,8 @@
     "start": "http-server ./demo",
     "prestart": "cd demo && npm install",
     "test": "gulp test",
-    "gulp": "gulp"
+    "gulp": "gulp",
+    "testc": "npm test -- --chrome --watch"
   },
   "keywords": [
     "microsoft",
@@ -65,6 +66,7 @@
     "karma-coverage": "^2.0.3",
     "karma-firefox-launcher": "^1.2.0",
     "karma-jasmine": "^0.3.8",
+    "karma-jasmine-html-reporter": "^0.2.2",
     "karma-phantomjs-launcher": "^1.0.4",
     "karma-spec-reporter": "0.0.32",
     "moment": "^2.14.1",