Template for CSS regression test with Phantomcss over multiple sites

PhantomCSS-default-test

// This is my default template for a test with PhantomCSS

/*
	Require and initialise PhantomCSS module
	Paths are relative to CasperJs directory
*/

var fs = require( 'fs' );
var path = fs.absolute( fs.workingDirectory + '/phantomcss.js' );
var phantomcss = require( path );

casper.test.begin( 'test title', function ( test ) {

	phantomcss.init( {
		rebase: casper.cli.get( "rebase" ),
		// SlimerJS needs explicit knowledge of this Casper, and lots of absolute paths
		casper: casper,
		libraryRoot: fs.absolute( fs.workingDirectory + '' ),
		screenshotRoot: fs.absolute( fs.workingDirectory + '/test/screenshots' ),
		failedComparisonsRoot: fs.absolute( fs.workingDirectory + '/test/failures' ),
		addLabelToFailedImage: false,
	} );

	casper.on( 'remote.message', function ( msg ) {
		this.echo( msg );
	} )

	casper.on( 'error', function ( err ) {
		this.die( "PhantomJS has errored: " + err );
	} );

	casper.on( 'resource.error', function ( err ) {
		casper.log( 'Resource load error: ' + err, 'warning' );
	} );

  // Take screenshots of these sites
  var links = [
    "http://webwork/clients/local-test/wordpress",
    "http://webwork/clients/local-test/wordpress/about1.htm",
    "http://webwork/clients/local-test/wordpress/products.htm"
  ];

  casper.start();
  var i = 0;

  casper.each(links, function(self, link) {
    this.thenOpen(link, function() {
      i++;

  		/*
  			The test scenario
  		*/
  		casper.viewport( 1024, 768 );

  		casper.then( function () {
  			phantomcss.screenshot( 'body', 'Body' );
  		} );

  		casper.then( function now_check_the_screenshots() {
  			// compare screenshots
  			phantomcss.compareAll();
  		} );
    });
  });

	/*
	Casper runs tests
	*/
	casper.run( function () {
		console.log( '\nTHE END.' );
		// phantomcss.getExitStatus() // pass or fail?
		casper.test.done();
	} );
} );