Update README with instructions, use headless version of browsers

Rija Menage · Rija Menage · commit 61848a871253 · 2019-12-18T15:38:00.000+08:00
diff --git a/README.md b/README.md
@@ -16,12 +16,25 @@ $ npm install
 $ npm run build
 ```
 
-## Run the test
+## Running the tests
 
+On one terminal window/tab, start the Karma server:
+
+```
+$ npx cross-env BABEL_ENV=test karma start --no-watch --no-progress
+```
+
+Then on your main terminal, to run the test, type:
 ```
 $ npm run test
 ```
 
+If you don't want to start a server, you can do a single run of karma. Not advised though as it's a bit fragile
+
+```
+$ npx cross-env BABEL_ENV=test karma start -no-watch --no-progress --single-run
+```
+
 ## Background
 
 This is a follow up to my single web page CodePen example for testing a VueJS app using Jasmine: 
diff --git a/karma.conf.js b/karma.conf.js
@@ -40,7 +40,7 @@ module.exports = function(config) {
     // start these browsers
     // available browser launchers: https://npmjs.org/browse/keyword/karma-launcher
     browsers: [
-        'Chrome','Firefox'
+        'ChromeHeadless','FirefoxHeadless'
     ],
   })
 }
diff --git a/package.json b/package.json
@@ -31,7 +31,7 @@
     "webpack-cli": "^3.3.10"
   },
   "scripts": {
-    "test": "cross-env BABEL_ENV=test karma start --no-watch --no-progress",
+    "test": "cross-env BABEL_ENV=test karma run",
     "build": "webpack"
   },
   "author": "Rija Menage",

Original file line number	Diff line number	Diff line change
`@@ -40,7 +40,7 @@ module.exports = function(config) {`
`40`	`40`	`// start these browsers`
`41`	`41`	`// available browser launchers: https://npmjs.org/browse/keyword/karma-launcher`
`42`	`42`	`browsers: [`
`43`		`- 'Chrome','Firefox'`
	`43`	`+ 'ChromeHeadless','FirefoxHeadless'`
`44`	`44`	`],`
`45`	`45`	`})`
`46`	`46`	`}`