use docker container to run phantomcss/casperjs

Author: MartinNowak

.travis.yml

@@ -1,5 +1,6 @@
 language: d
-sudo: false
+services:
+  - docker
 addons:
   apt:
     packages:

test/screenshots/class_main_contents.png

@@ -1,6 +1,9 @@
 var fs = require('fs'),
+    system = require('system'),
     phantomcss = require(fs.workingDirectory + '/node_modules/phantomcss/phantomcss.js');
 
+var listen_addr = system.env['LISTEN_ADDR'];
+
 casper.test.begin('ddox visual test', function(test) {
     var options = {
 	rebase: casper.cli.get( "rebase" ),
@@ -15,7 +18,7 @@ casper.test.begin('ddox visual test', function(test) {
     var tests = ['declaration_prototype', 'function_parameters', 'code_example', 'class_main_contents'];
 
     casper
-        .start('http://localhost:8080/vibe.web.rest/registerRestInterface')
+        .start(listen_addr + '/vibe.web.rest/registerRestInterface')
         .viewport(1024, 768)
         .then(function() {
             phantomcss.screenshot('#main-contents > div:nth-child(3)', tests[0]);
@@ -26,7 +29,7 @@ casper.test.begin('ddox visual test', function(test) {
         .then(function() {
             phantomcss.screenshot('#main-contents > section:nth-child(7)', tests[2]);
         })
-        .thenOpen('http://localhost:8080/vibe.web.rest/RestInterfaceClient')
+        .thenOpen(listen_addr + '/vibe.web.rest/RestInterfaceClient')
         .then(function() {
             phantomcss.screenshot('#main-contents', tests[3]);
         });

test/screenshots/code_example.png

@@ -23,12 +23,10 @@ PID=$!
 cleanup() { kill $PID; }
 trap cleanup EXIT
 
-wget https://github.com/Medium/phantomjs/releases/download/v2.1.1/phantomjs-2.1.1-linux-x86_64.tar.bz2
-tar -C $HOME -jxf phantomjs-2.1.1-linux-x86_64.tar.bz2
-export PATH="$HOME/phantomjs-2.1.1-linux-x86_64/bin/:$PATH"
 
-npm install phantomcss -q
-if ! ./node_modules/phantomcss/node_modules/.bin/casperjs test test/test.js ; then
+bridgeip=$(ip -4 addr show dev docker0 | sed -n 's|.*inet \(.*\)/.*|\1|p')
+if ! docker run --rm --env LISTEN_ADDR="http://$bridgeip:8080" \
+     --volume=$PWD/test:/usr/src/app/test martinnowak/phantomcss-tester test test/test.js; then
     # upload failing screenshots
     cd test/screenshots
     for img in *.{diff,fail}.png; do