Merge pull request #16 from RobotlegsJS/headless-chrome

Migrate to Headless Chrome and improve performance of Karma

Author: tiagoschenkel

.travis.yml

@@ -1,3 +1,6 @@
+dist: trusty
+addons:
+  chrome: stable
 language: node_js
 node_js:
   - stable

CHANGELOG.md

@@ -26,6 +26,8 @@
 
 - Improve webpack configuration used to run example project. The `npm start` script will generate hashed files (to avoid browser cache) and open the broswer automatically (see #5).
 
+- Migrate to Headless Chrome and improve performance of Karma (see #16).
+
 - Update dev dependencies to latest version.
 
 ### [v0.2.0](https://github.com/RobotlegsJS/RobotlegsJS-CreateJS/releases/tag/0.2.0) - 2018-08-08

karma.conf.js

@@ -1,30 +1,38 @@
+const puppeteer = require("puppeteer");
+
 process.env.TEST = true;
 process.env.NODE_ENV = "test";
+process.env.CHROME_BIN = puppeteer.executablePath();
 
 const webpackConfig = require("./webpack.config.js")({ production: false, karma: true });
 
 delete webpackConfig.entry;
 
 module.exports = config => {
+  "use strict";
 
   var configuration = {
+    client: {
+      mocha: {
+        timeout : 5000
+      }
+    },
     basePath: "",
     frameworks: [
       "mocha",
-      "chai",
-      "sinon",
+      "sinon-chai",
       "es6-shim"
     ],
     files: [
       { pattern: "node_modules/reflect-metadata/Reflect.js", include: true },
       { pattern: "node_modules/bluebird/js/browser/bluebird.js", include: true },
       { pattern: "node_modules/easeljs/lib/easeljs.js", include: true },
-      { pattern: "./test/**/**/**.test.ts", include: true },
+      { pattern: "./test/index.ts", include: true },
       { pattern: '**/*.map', served: true, included: false, watched: true }
     ],
     preprocessors: {
-      "./**/**/**/**.ts": ["sourcemap"],
-      "./test/**/**/**.test.ts": ["webpack"]
+      "./test/index.ts": ["webpack"],
+      "./**/**/**/**.ts": ["sourcemap"]
     },
     webpack: webpackConfig,
     webpackMiddleware: {
@@ -37,11 +45,13 @@ module.exports = config => {
       "karma-remap-istanbul",
       "karma-mocha-reporter",
       "karma-mocha",
-      "karma-chai",
-      "karma-sinon",
+      "karma-sinon-chai",
       "karma-es6-shim",
       "karma-coverage-istanbul-reporter"
     ],
+    mime: {
+      "text/x-typescript": ["ts","tsx"]
+    },
     reporters: (
       config.singleRun ?
         ["dots", "mocha", "coverage-istanbul"] :
@@ -61,16 +71,17 @@ module.exports = config => {
     colors: true,
     logLevel: config.LOG_INFO,
     autoWatch: true,
+    concurrency: Infinity,
     browsers: [],
     browserNoActivityTimeout: 50000
   };
 
   if (process.env.TRAVIS) {
-    configuration.browsers.push("PhantomJS");
-    configuration.plugins.push("karma-phantomjs-launcher");
+    configuration.browsers.push("ChromeHeadless");
+    configuration.plugins.push("karma-chrome-launcher");
   } else {
-    configuration.browsers.push("PhantomJS");
-    configuration.plugins.push("karma-phantomjs-launcher");
+    configuration.browsers.push("ChromeHeadless");
+    configuration.plugins.push("karma-chrome-launcher");
   }
 
   config.set(configuration);

package.json

@@ -62,6 +62,7 @@
     "@types/easeljs": "^1.0.0",
     "@types/mocha": "^5.2.5",
     "@types/sinon": "^5.0.7",
+    "@types/webpack-env": "^1.13.6",
     "bluebird": "^3.5.3",
     "browserify-versionify": "^1.0.6",
     "chai": "^4.2.0",
@@ -74,15 +75,12 @@
     "istanbul": "^0.4.5",
     "istanbul-instrumenter-loader": "^3.0.1",
     "karma": "^3.1.1",
-    "karma-chai": "^0.1.0",
     "karma-chrome-launcher": "^2.2.0",
     "karma-coverage-istanbul-reporter": "^2.0.4",
     "karma-es6-shim": "^1.0.0",
     "karma-mocha": "^1.3.0",
     "karma-mocha-reporter": "^2.2.5",
-    "karma-phantomjs-launcher": "^1.0.4",
     "karma-remap-istanbul": "^0.6.0",
-    "karma-sinon": "^1.0.5",
     "karma-sinon-chai": "^2.0.2",
     "karma-sourcemap-loader": "^0.3.7",
     "karma-sourcemap-writer": "^0.1.2",
@@ -91,6 +89,7 @@
     "open-browser-webpack-plugin": "^0.0.5",
     "prettier": "^1.15.2",
     "publish-please": "^5.3.0",
+    "puppeteer": "^1.10.0",
     "reflect-metadata": "^0.1.12",
     "remap-istanbul": "^0.12.0",
     "rimraf": "^2.6.2",

test/index.ts

@@ -0,0 +1,7 @@
+/// <reference types="webpack-env" />
+
+// require all modules ending in ".test.ts" from the
+// current directory and all subdirectories
+const testsContext = require.context(".", true, /\.test\.ts$/);
+
+testsContext.keys().forEach(testsContext);