use Chrome Headless for unit tests

src/Umbraco.Web.UI.Client/gulp/tasks/test.js

@@ -6,11 +6,23 @@ var karmaServer = require('karma').Server;
  * Build tests
  **************************/
 
- // Karma test
+// Karma test
 function testUnit() {
 
+    return new karmaServer({
+        configFile: __dirname + "/../../test/config/karma.conf.js"
+    })
+    .start();
+};
+
+// Run karma test server
+function runUnitTestServer() {
+
     return new karmaServer({
         configFile: __dirname + "/../../test/config/karma.conf.js",
+        autoWatch: true,
+        port: 9999,
+        singleRun: false,
         keepalive: true
     })
     .start();
@@ -24,4 +36,4 @@ function testE2e() {
     .start();
 };
 
-module.exports = { testUnit: testUnit, testE2e: testE2e };
+module.exports = { testUnit: testUnit, testE2e: testE2e, runUnitTestServer: runUnitTestServer };

src/Umbraco.Web.UI.Client/gulpfile.js

@@ -17,7 +17,7 @@ const { setDevelopmentMode } = require('./gulp/modes');
 const { dependencies } = require('./gulp/tasks/dependencies');
 const { js } = require('./gulp/tasks/js');
 const { less } = require('./gulp/tasks/less');
-const { testE2e, testUnit } = require('./gulp/tasks/test');
+const { testE2e, testUnit, runUnitTestServer } = require('./gulp/tasks/test');
 const { views } = require('./gulp/tasks/views');
 const { watchTask } = require('./gulp/tasks/watchTask');
 
@@ -32,5 +32,5 @@ exports.dev = series(setDevelopmentMode, parallel(dependencies, js, less, views)
 exports.watch = series(watchTask);
 // 
 exports.runTests = series(js, testUnit);
-exports.testUnit = series(testUnit);
+exports.runUnit = series(runUnitTestServer);
 exports.testE2e = series(testE2e);

src/Umbraco.Web.UI.Client/package.json

@@ -2,7 +2,7 @@
   "private": true,
   "scripts": {
     "test": "gulp runTests",
-    "unit": "gulp testUnit",
+    "unit": "gulp runUnit",
     "e2e": "gulp testE2e",
     "build": "gulp build",
     "dev": "gulp dev",
@@ -39,7 +39,7 @@
     "moment": "2.22.2",
     "ng-file-upload": "12.2.13",
     "nouislider": "14.1.1",
-    "npm": "6.13.6",
+    "npm": "^6.14.0",
     "signalr": "2.4.0",
     "spectrum-colorpicker": "1.8.0",
     "tinymce": "4.9.7",
@@ -72,6 +72,7 @@
     "gulp-wrap-js": "0.4.1",
     "jasmine-core": "3.5.0",
     "karma": "4.4.1",
+    "karma-chrome-launcher": "^3.1.0",
     "karma-jasmine": "2.0.1",
     "karma-junit-reporter": "2.0.1",
     "karma-phantomjs-launcher": "1.0.4",

src/Umbraco.Web.UI.Client/test/config/karma.conf.js

@@ -98,7 +98,7 @@ module.exports = function (config) {
         // - PhantomJS
         // - IE (only Windows)
         // CLI --browsers Chrome,Firefox,Safari
-        browsers: ['PhantomJS'],
+        browsers: ['ChromeHeadless'],
 
         // allow waiting a bit longer, some machines require this
 
@@ -115,6 +115,7 @@ module.exports = function (config) {
         plugins: [
             require('karma-jasmine'),
             require('karma-phantomjs-launcher'),
+            require('karma-chrome-launcher'),
             require('karma-junit-reporter'),
             require('karma-spec-reporter')