Chauffeur
A cross browser library for writing functional tests. Based around the page object pattern, it improves the ease of writing functional tests. The general priniciple is that instead of explicity asserting on a specific value, you pass in the values you expect and the assertation is done implicitly. If you prefer callback syntax chauffeur allows that too.
Dependencies:
Chauffeur requires a webdriver library in order to run tests in a browser. Currently support is for the following of which only one is needed.
- webdriverio [Default]
- selenium webdriverjs
Usage
An example of what a functional test can look like with chauffeur:
client;
and with callbacks:
client;
Installation
This module can be installed via npm:
$ npm install page-chauffeur
or via a git clone :
$ cd page-chauffeur$ npm install .
Once installed, require it like so:
var chauffeur = ;
Examples
The examples are setup with their own package.json file and dependecies. First install the dependencies.
$ cd examples$ npm install
TodoMVC
The TodoMVC subdirectory is an ported example of the tests that exist for the TodoMVC project. Running the todomvc grunt task runs the tests against the default library, Backbone. At the time of writing, phantomjs does not support localstorage so the tests need to run in something other than phantomjs eg firefox:
cd examples/TodoMVCCHAUFFEUR_BROWSER=firefox grunt todomvc
The tests can also be setup to run against another framework supported by the TodoMVC project. Just set the mvcLib property to the relevant url (without the domain):
cd examples/TodoMVCCHAUFFEUR_BROWSER=firefox mvcLib=mvcLib=architecture-examples/angularjs/ grunt todomvc
Github example
The examples/Github directory, following the example given by the webdriverjs project, provides a few examples of how to run tests using various test frameworks. See the following code snippet for information on how to run each:
$ cd Github$ node github-with-buster.js$ mocha github-with-jasmine.js$ mocha github-with-mocha.js$ mocha github-with-mocha-with-chai.js
There is a single command, defined in the scripts section of examples/package.json
which will run all the examples in a specific browser(s).
$ cd examples/Github$ npm run examples$ npm run examples-ff$ npm run examples-chrome$ npm run examples-all # all the above
Running under other browsers
By default these examples (and the integration tests for chauffeur) will run under phantomjs. Other browsers can be specified using the CHAUFFEUR_BROWSER
environment variable.
CHAUFFEUR_BROWSER=firefox grunt test-intcd examplesCHAUFFEUR_BROWSER=firefox grunt github
Specifying different webdriver library
Chauffeur can switch which webdriver library it uses via a env var called CHAUFFEUR_WEBDRIVER_LIB
. The valid values for this var is webdriverio
or webdriverjs
. The default is webdriverio.
CHAUFFEUR_BROWSER=firefox CHAUFFEUR_WEBDRIVER_LIB=webdriverjs grunt test-int
API
The following is an example of the current supported API. This snippet is for documentation purposes only as the ContentSpec integration test shows working code example of every method currently supported.
client;
Tests
Unit tests
$ grunt test
Integration tests
The integration tests run against a browser using a running instance of selenium server.
The grunt task test-int runs a selenium server (via grunt-selenium-webdriver) prior to running the tests and since npm test-int is 'aliased' to grunt test-int both can be used to run the integration tests:
$ npm run test-int
or
$ grunt test-int
To run the integration tests using a different browser i.e Chrome
$ CHAUFFEUR_BROWSER=chrome grunt test-int
Coverage
A coverage report can be found in target/unit/lcov-report/index.html after the following command (requires global and non-global install of mocha)
$ grunt coverage
Todo
- Provide CucumberJS examples
Provide alternative to webdriverjs.io (selenium webdriverjs)