2016-05-17 23:05:47 +00:00
|
|
|
# Testing on Headless CI Systems (Travis CI, Jenkins)
|
2016-02-24 20:19:43 +00:00
|
|
|
|
2016-02-28 16:38:32 +00:00
|
|
|
Being based on Chromium, Electron requires a display driver to function.
|
2018-05-08 05:16:09 +00:00
|
|
|
If Chromium can't find a display driver, Electron will fail to launch -
|
2016-02-28 16:38:32 +00:00
|
|
|
and therefore not executing any of your tests, regardless of how you are running
|
|
|
|
them. Testing Electron-based apps on Travis, Circle, Jenkins or similar Systems
|
|
|
|
requires therefore a little bit of configuration. In essence, we need to use
|
|
|
|
a virtual display driver.
|
2016-02-24 20:19:43 +00:00
|
|
|
|
|
|
|
## Configuring the Virtual Display Server
|
|
|
|
|
2016-02-28 16:38:32 +00:00
|
|
|
First, install [Xvfb](https://en.wikipedia.org/wiki/Xvfb).
|
|
|
|
It's a virtual framebuffer, implementing the X11 display server protocol -
|
|
|
|
it performs all graphical operations in memory without showing any screen output,
|
|
|
|
which is exactly what we need.
|
|
|
|
|
|
|
|
Then, create a virtual xvfb screen and export an environment variable
|
|
|
|
called DISPLAY that points to it. Chromium in Electron will automatically look
|
|
|
|
for `$DISPLAY`, so no further configuration of your app is required.
|
|
|
|
This step can be automated with Paul Betts's
|
2016-04-19 16:31:04 +00:00
|
|
|
[xvfb-maybe](https://github.com/paulcbetts/xvfb-maybe): Prepend your test
|
|
|
|
commands with `xvfb-maybe` and the little tool will automatically configure
|
2018-05-08 05:16:09 +00:00
|
|
|
xvfb, if required by the current system. On Windows or macOS, it will
|
2016-02-28 16:38:32 +00:00
|
|
|
do nothing.
|
2016-02-24 20:19:43 +00:00
|
|
|
|
2017-11-20 06:18:24 +00:00
|
|
|
```sh
|
2018-05-08 05:16:09 +00:00
|
|
|
## On Windows or macOS, this invokes electron-mocha
|
2016-02-24 20:19:43 +00:00
|
|
|
## On Linux, if we are in a headless environment, this will be equivalent
|
|
|
|
## to xvfb-run electron-mocha ./test/*.js
|
|
|
|
xvfb-maybe electron-mocha ./test/*.js
|
|
|
|
```
|
|
|
|
|
|
|
|
### Travis CI
|
2016-02-28 16:38:32 +00:00
|
|
|
|
2016-02-24 20:19:43 +00:00
|
|
|
On Travis, your `.travis.yml` should look roughly like this:
|
|
|
|
|
2016-06-16 22:26:58 +00:00
|
|
|
```yml
|
2016-02-24 20:19:43 +00:00
|
|
|
addons:
|
|
|
|
apt:
|
|
|
|
packages:
|
|
|
|
- xvfb
|
|
|
|
|
|
|
|
install:
|
|
|
|
- export DISPLAY=':99.0'
|
|
|
|
- Xvfb :99 -screen 0 1024x768x24 > /dev/null 2>&1 &
|
|
|
|
```
|
|
|
|
|
|
|
|
### Jenkins
|
2016-02-28 16:38:32 +00:00
|
|
|
|
2016-04-19 16:31:04 +00:00
|
|
|
For Jenkins, a [Xvfb plugin is available](https://wiki.jenkins-ci.org/display/JENKINS/Xvfb+Plugin).
|
2016-02-24 20:19:43 +00:00
|
|
|
|
|
|
|
### Circle CI
|
2016-02-28 16:38:32 +00:00
|
|
|
|
|
|
|
Circle CI is awesome and has xvfb and `$DISPLAY`
|
|
|
|
[already setup, so no further configuration is required](https://circleci.com/docs/environment#browsers).
|
2016-02-24 20:19:43 +00:00
|
|
|
|
|
|
|
### AppVeyor
|
2016-02-28 16:38:32 +00:00
|
|
|
|
|
|
|
AppVeyor runs on Windows, supporting Selenium, Chromium, Electron and similar
|
|
|
|
tools out of the box - no configuration is required.
|