Difference between revisions of "7CC005 Workshop w6"
| Line 24: | Line 24: | ||
=== Install phantomjs and phantomjs launcher === | === Install phantomjs and phantomjs launcher === | ||
| + | |||
| + | First, you need to install PhantomJS, using a couple of npm commands: | ||
<pre> | <pre> | ||
| Line 31: | Line 33: | ||
=== Change karma.conf.js === | === Change karma.conf.js === | ||
| + | |||
| + | Once PhantomJS installed, you need to to Karma (the test runner) to use PhantomJS instead of Chrome (the default browser in the config file karma.conf.js): | ||
<pre> | <pre> | ||
// First change | // First change | ||
| − | require('karma-chrome-launcher') | + | // require('karma-chrome-launcher') |
| + | require('karma-phantomjs-launcher') | ||
// Second change | // Second change | ||
| − | browsers: ['Chrome'] | + | //browsers: ['Chrome'] |
| + | browsers: ['PhantomJS'] | ||
</pre> | </pre> | ||
Revision as of 11:04, 1 March 2017
Main Page >> Web Technologies >> Workbook >> Week 07 - Automated Web Testing
Official Google Angular testing guide
The main Angular testing guide is located here:
You should probably read up to "Test a component with an async service". Please note that there are links to all live working examples near the beginning of the tutorial.
Adding PhantomJS into the mix
This is how to get the QuickStart project to work with Karma and PhantomJS.
Clone the repository
First you need to get the quickstart project:
$ git clone https://github.com/angular/quickstart.git $ cd quickstart
Important: Obviously don't do this again if you already have it.
Install phantomjs and phantomjs launcher
First, you need to install PhantomJS, using a couple of npm commands:
$ npm install --save-dev phantomjs $ npm install --save-dev karma-phantomjs-launcher
Change karma.conf.js
Once PhantomJS installed, you need to to Karma (the test runner) to use PhantomJS instead of Chrome (the default browser in the config file 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',
