quay/screenshots/screenshots.js

var width = 993;
var height = 768;

var casper = require('casper').create({
  viewportSize: {
    width: width,
    height: height
  },
  verbose: true,
  logLevel: "debug"
});

var options = casper.cli.options;
var isDebug = !!options['d'];

var rootUrl = isDebug ? 'http://localhost:5000/' : 'https://quay.io/';
var repo = isDebug ? 'complex' : 'r0';

var outputDir = "screenshots/";

casper.on("remote.message", function(msg, trace) {
    this.echo("Message: " + msg, "DEBUG");
});

casper.on("page.error", function(msg, trace) {
    this.echo("Page error: " + msg, "ERROR");
});

casper.start(rootUrl + 'signin', function () {
  this.fill('.form-signin', {
    'username': 'devtable',
    'password': isDebug ? 'password': 'C>K98%y"_=54x"<',
  }, true);
});

casper.then(function() {
  this.waitForText('Your Top Repositories');
});

casper.then(function() {
  this.capture(outputDir + 'user-home.png');
});

casper.thenOpen(rootUrl + 'repository/devtable/' + repo + '?tag=v2.0', function() {
  // Wait for the tree to initialize.
  this.waitForSelector('.image-tree', function() {
    // Wait for the tree's animation to finish.
    this.wait(4000);
  });
});

casper.then(function() {
  this.capture(outputDir + 'repo-view.png');
});

casper.thenClick('#current-image dd a', function() {
  this.waitForSelector('.result-count', function() {
    this.capture(outputDir + 'repo-changes.png', {
      top: 0,
      left: 0,
      width: width,
      height: height
    });
  });
})

casper.thenOpen(rootUrl + 'repository/devtable/' + repo + '/admin', function() {
  this.waitForSelector('.repo-access-state');
});

casper.then(function() {
  this.capture(outputDir + 'repo-admin.png');
});

casper.run();