Difference between revisions of "7CC005 Workshop w6"

From mi-linux
Jump to navigationJump to search
Line 3: Line 3:
 
== Official Google Angular testing guide ==
 
== Official Google Angular testing guide ==
  
* [ https://angular.io/docs/ts/latest/guide/testing.html https://angular.io/docs/ts/latest/guide/testing.html]
+
* [https://angular.io/docs/ts/latest/guide/testing.html https://angular.io/docs/ts/latest/guide/testing.html]
  
 
== Adding PhantomJS into the mix ==
 
== Adding PhantomJS into the mix ==

Revision as of 09:58, 1 March 2017

Main Page >> Web Technologies >> Workbook >> Week 07 - Automated Web Testing

Official Google Angular testing guide

Adding PhantomJS into the mix

This is how to get the QuickStart project to work with Karma and PhantomJS.

Clone the repository

$ git clone https://github.com/angular/quickstart.git
$ cd quickstart

Install phantomjs and phantomjs launcher

$ npm install --save-dev phantomjs
$ npm install --save-dev karma-phantomjs-launcher

Change karma.conf.js

// First change
require('karma-chrome-launcher') => require('karma-phantomjs-launcher')

// Second change
browsers: ['Chrome'] => browsers: ['PhantomJS']

Install Quickstart App

$ npm install

Run tests

$ npm test

TypeError: undefined is not a function error

If you get this error:

PhantomJS 2.1.1 (Linux 0.0.0) ERROR
TypeError: undefined is not a function (evaluating 'System.config')
at karma-test-shim.js:30

Append system-polyfills.js to karma.conf.js:

files: [
  // System.js for module loading
  'node_modules/systemjs/dist/system.src.js',
  'node_modules/systemjs/dist/system-polyfills.js',