casperjs 1.0.0.RC1

data/samples/googlepagination.js

@@ -0,0 +1,51 @@
+/*
+ * Capture multiple pages of google search results
+ *
+ * Usage: $ casperjs googlepagination.coffee my search terms
+ *
+ * (all arguments will be used as the query)
+ */
+
+var casper = require("casper").create();
+var currentPage = 1;
+
+if (casper.cli.args.length === 0) {
+    casper
+        .echo("Usage: $ casperjs googlepagination.js my search terms")
+        .exit(1)
+    ;
+}
+
+var processPage = function() {
+    var url;
+    this.echo("capturing page " + currentPage);
+    this.capture("google-results-p" + currentPage + ".png");
+
+    // don't go too far down the rabbit hole
+    if (currentPage >= 5) {
+        return;
+    }
+
+    if (this.exists("#pnnext")) {
+        currentPage++;
+        this.echo("requesting next page: " + currentPage);
+        url = this.getCurrentUrl();
+        this.thenClick("#pnnext").then(function() {
+            this.waitFor(function() {
+                return url !== this.getCurrentUrl();
+            }, processPage);
+        });
+    } else {
+        this.echo("that's all, folks.");
+    }
+};
+
+casper.start("http://google.fr/", function() {
+    this.fill('form[action="/search"]', {
+        q: casper.cli.args.join(" ")
+    }, true);
+});
+
+casper.then(processPage);
+
+casper.run();

data/samples/googletesting.coffee

@@ -0,0 +1,17 @@
+casper = require("casper").create
+    logLevel: "debug"
+
+casper.start "http://www.google.fr/", ->
+    @test.assertTitle "Google", "google homepage title is the one expected"
+    @test.assertExists 'form[action="/search"]', "main form is found"
+    @fill 'form[action="/search"]', q: "foo", true
+
+casper.then ->
+    @test.assertTitle "foo - Recherche Google", "google title is ok"
+    @test.assertUrlMatch /q=foo/, "search term has been submitted"
+    @test.assertEval (->
+        __utils__.findAll("h3.r").length >= 10
+    ), "google search for \"foo\" retrieves 10 or more results"
+
+casper.run ->
+    @test.renderResults true

data/samples/googletesting.js

@@ -0,0 +1,23 @@
+var casper = require("casper").create({
+    logLevel: "debug"
+});
+
+casper.start("http://www.google.fr/", function() {
+    this.test.assertTitle("Google", "google homepage title is the one expected");
+    this.test.assertExists('form[action="/search"]', "main form is found");
+    this.fill('form[action="/search"]', {
+        q: "foo"
+    }, true);
+});
+
+casper.then(function() {
+    this.test.assertTitle("foo - Recherche Google", "google title is ok");
+    this.test.assertUrlMatch(/q=foo/, "search term has been submitted");
+    this.test.assertEval((function() {
+        return __utils__.findAll("h3.r").length >= 10;
+    }), "google search for \"foo\" retrieves 10 or more results");
+});
+
+casper.run(function() {
+    this.test.renderResults(true);
+});

data/samples/logcolor.coffee

@@ -0,0 +1,10 @@
+casper = require("casper").create
+    verbose: true
+    logLevel: "debug"
+
+casper.log "this is a debug message", "debug"
+casper.log "and an informative one", "info"
+casper.log "and a warning", "warning"
+casper.log "and an error", "error"
+
+casper.exit()

data/samples/logcolor.js

@@ -0,0 +1,11 @@
+var casper = require("casper").create({
+    verbose: true,
+    logLevel: "debug"
+});
+
+casper.log("this is a debug message", "debug");
+casper.log("and an informative one", "info");
+casper.log("and a warning", "warning");
+casper.log("and an error", "error");
+
+casper.exit();

data/samples/metaextract.coffee

@@ -0,0 +1,23 @@
+casper = require("casper").create()
+url = casper.cli.get 0
+metas = []
+
+if not url
+    casper
+        .echo("Usage: $ casperjs metaextract.coffee <url>")
+        .exit 1
+
+casper.start url, ->
+    metas = @evaluate ->
+        metas = []
+        castarray = (arr) -> [].slice.call(arr)
+        for elem in castarray document.querySelectorAll "meta"
+            meta = {}
+            for attr in castarray elem.attributes
+                meta[attr.name] = attr.value
+            metas.push meta
+        metas
+
+casper.run ->
+    require("utils").dump metas
+    this.exit()

data/samples/metaextract.js

@@ -0,0 +1,29 @@
+var casper = require("casper").create();
+var url = casper.cli.get(0);
+var metas = [];
+
+if (!url) {
+    casper
+        .echo("Usage: $ casperjs metaextract.js <url>")
+        .exit(1)
+    ;
+}
+
+casper.start(url, function() {
+    metas = this.evaluate(function() {
+        var metas = [];
+        [].forEach.call(document.querySelectorAll("meta"), function(elem) {
+            var meta = {};
+            [].slice.call(elem.attributes).forEach(function(attr) {
+                meta[attr.name] = attr.value;
+            });
+            metas.push(meta);
+        });
+        return metas;
+    });
+});
+
+casper.run(function() {
+    require("utils").dump(metas);
+    this.exit();
+});

data/samples/multirun.coffee

@@ -0,0 +1,37 @@
+casper = require("casper").create verbose: true
+
+countLinks = ->
+    document.querySelectorAll('a').length
+
+suites = [
+    ->
+        @echo "Suite 1"
+        @start "http://google.com/", -> @echo "Page title: #{@getTitle()}"
+        @then -> @echo "#{@evaluate(countLinks)} links"
+    ->
+        @echo "Suite 2"
+        @start "http://yahoo.com/", -> @echo "Page title: #{@getTitle()}"
+        @then -> @echo "#{@evaluate(countLinks)} links"
+    ->
+        @echo "Suite 3"
+        @start "http://bing.com/", -> @echo "Page title: #{@getTitle()}"
+        @then -> @echo "#{@evaluate(countLinks)} links"
+]
+
+casper.start()
+
+casper.then ->
+    @echo("Starting")
+
+currentSuite = 0;
+
+check = ->
+    if suites[currentSuite]
+        suites[currentSuite].call @
+        currentSuite++;
+        casper.run check
+    else
+        @echo "All done."
+        @exit()
+
+casper.run check

data/samples/multirun.js

@@ -0,0 +1,56 @@
+var casper = require("casper").create({
+    verbose: true
+});
+
+var countLinks = function() {
+    return document.querySelectorAll('a').length;
+};
+
+var suites = [
+    function() {
+        this.echo("Suite 1");
+        this.start("http://google.com/", function() {
+            this.echo("Page title: " + (this.getTitle()));
+        });
+        this.then(function() {
+            this.echo((this.evaluate(countLinks)) + " links");
+        });
+    }, function() {
+        this.echo("Suite 2");
+        this.start("http://yahoo.com/", function() {
+            this.echo("Page title: " + (this.getTitle()));
+        });
+        this.then(function() {
+            this.echo((this.evaluate(countLinks)) + " links");
+        });
+    }, function() {
+        this.echo("Suite 3");
+        this.start("http://bing.com/", function() {
+            this.echo("Page title: " + (this.getTitle()));
+        });
+        this.then(function() {
+            this.echo((this.evaluate(countLinks)) + " links");
+        });
+    }
+];
+
+casper.start();
+
+casper.then(function() {
+    this.echo("Starting");
+});
+
+var currentSuite = 0;
+
+var check = function() {
+    if (suites[currentSuite]) {
+        suites[currentSuite].call(this);
+        currentSuite++;
+        casper.run(check);
+    } else {
+        this.echo("All done.");
+        this.exit();
+    }
+};
+
+casper.run(check);

data/samples/screenshot.coffee

@@ -0,0 +1,28 @@
+###
+This script will capture a screenshot of a twitter account page
+Usage: $ casperjs screenshot.coffee <twitter-account> <filename.[jpg|png|pdf]>
+###
+
+casper = require("casper").create
+    viewportSize:
+        width: 1024
+        height: 768
+
+twitterAccount = casper.cli.get 0
+filename       = casper.cli.get 1
+
+if not twitterAccount or not filename or not /\.(png|jpg|pdf)$/i.test filename
+    casper
+        .echo("Usage: $ casperjs screenshot.coffee <twitter-account> <filename.[jpg|png|pdf]>")
+        .exit(1)
+
+casper.start "https://twitter.com/#!/#{twitterAccount}", ->
+    @waitForSelector ".tweet-row", (->
+        @captureSelector filename, "html"
+        @echo "Saved screenshot of #{@getCurrentUrl()} to #{filename}"
+    ), (->
+        @die("Timeout reached. Fail whale?")
+        @exit()
+    ), 12000
+
+casper.run()

data/samples/screenshot.js

@@ -0,0 +1,33 @@
+/*
+ * This script will capture a screenshot of a twitter account page
+ * Usage: $ casperjs screenshot.coffee <twitter-account> <filename.[jpg|png|pdf]>
+ */
+
+var casper = require("casper").create({
+    viewportSize: {
+        width: 1024,
+        height: 768
+    }
+});
+
+var twitterAccount = casper.cli.get(0);
+var filename       = casper.cli.get(1);
+
+if (!twitterAccount || !filename || !/\.(png|jpg|pdf)$/i.test(filename)) {
+    casper
+        .echo("Usage: $ casperjs screenshot.coffee <twitter-account> <filename.[jpg|png|pdf]>")
+        .exit(1)
+    ;
+}
+
+casper.start("https://twitter.com/#!/" + twitterAccount, function() {
+    this.waitForSelector(".tweet-row", (function() {
+        this.captureSelector(filename, "html");
+        this.echo("Saved screenshot of " + (this.getCurrentUrl()) + " to " + filename);
+    }), (function() {
+        this.die("Timeout reached. Fail whale?");
+        this.exit();
+    }), 12000);
+});
+
+casper.run();

data/samples/statushandlers.coffee

@@ -0,0 +1,15 @@
+###
+This script will add a custom HTTP status code handler, here for 404 pages.
+###
+
+casper = require("casper").create
+    httpStatusHandlers:
+        404: (self, resource) ->
+            @echo "Resource at #{resource.url} not found (404)", "COMMENT"
+    verbose: true
+
+casper.start "http://www.google.com/plop", ->
+    @echo "Done."
+    @exit()
+
+casper.run()

data/samples/statushandlers.js

@@ -0,0 +1,19 @@
+/*
+ * This script will add a custom HTTP status code handler, here for 404 pages.
+ */
+
+var casper = require("casper").create({
+    httpStatusHandlers: {
+        404: function(self, resource) {
+            this.echo("Resource at " + resource.url + " not found (404)", "COMMENT");
+        }
+    },
+    verbose: true
+});
+
+casper.start("http://www.google.com/plop", function() {
+    this.echo("Done.");
+    this.exit();
+});
+
+casper.run();

data/samples/steptimeout.coffee

@@ -0,0 +1,37 @@
+failed = []
+start = null
+links = [
+    "http://google.com/"
+    "http://akei.com/"
+    "http://lemonde.fr/"
+    "http://liberation.fr/"
+    "http://cdiscount.fr/"
+]
+
+casper = require("casper").create
+    onStepTimeout: ->
+        failed.push @requestUrl
+        @test.fail "#{@requestUrl} loads in less than #{timeout}ms."
+
+casper.on "load.finished", ->
+    @echo "#{@requestUrl} loaded in #{new Date() - start}ms", "PARAMETER"
+
+timeout = ~~casper.cli.get(0)
+timeout = 1000 if timeout < 1
+casper.options.stepTimeout = timeout
+
+casper.echo "Testing with timeout=#{timeout}ms, please be patient."
+
+casper.start()
+
+casper.each links, (self, link) ->
+    @then ->
+        @test.comment "Loading #{link}"
+        start = new Date()
+        @open link
+    @then ->
+        if @requestUrl not in failed
+            @test.pass "#{@requestUrl} loaded in less than #{timeout}ms."
+
+casper.run ->
+    @test.renderResults true

data/samples/steptimeout.js

@@ -0,0 +1,45 @@
+var failed = [];
+var start = null;
+var links = [
+    "http://google.com/'",
+    "http://akei.com/'",
+    "http://lemonde.fr/'",
+    "http://liberation.fr/'",
+    "http://cdiscount.fr/"
+];
+
+var casper = require("casper").create({
+    onStepTimeout: function() {
+        failed.push(this.requestUrl);
+        this.test.fail(this.requestUrl + " loads in less than " + timeout + "ms.");
+    }
+});
+
+casper.on("load.finished", function() {
+    this.echo(this.requestUrl + " loaded in " + (new Date() - start) + "ms", "PARAMETER");
+});
+
+var timeout = ~~casper.cli.get(0);
+casper.options.stepTimeout = timeout > 0 ? timeout : 1000;
+
+casper.echo("Testing with timeout=" + casper.options.stepTimeout + "ms, please be patient.");
+
+casper.start();
+
+casper.each(links, function(casper, link) {
+    this.then(function() {
+        this.test.comment("Loading " + link);
+        start = new Date();
+        this.open(link);
+    });
+    this.then(function() {
+        var message = this.requestUrl + " loads in less than " + timeout + "ms.";
+        if (failed.indexOf(this.requestUrl) === -1) {
+            this.test.pass(message);
+        }
+    });
+});
+
+casper.run(function() {
+    this.test.renderResults(true);
+});