casperjs 1.0.0.RC1

data/samples/timeout.coffee

@@ -0,0 +1,39 @@
+###
+Just a silly game.
+
+$ casperjs samples/timeout.js 500
+Will google.com load in less than 500ms?
+NOPE.
+
+$ casperjs samples/timeout.js 1000
+Will google.com load in less than 1000ms?
+NOPE.
+
+$ casperjs samples/timeout.js 1500
+Will google.com load in less than 1500ms?
+NOPE.
+
+$ casperjs samples/timeout.js 2000
+Will google.com load in less than 2000ms?
+YES!
+###
+
+casper = require("casper").create
+    onTimeout: ->
+        @echo "NOPE.", "RED_BAR"
+        @exit()
+
+timeout = ~~casper.cli.get 0
+if timeout < 1
+    casper
+        .echo("You must pass a valid timeout value")
+        .exit(1)
+
+casper.echo "Will google.com load in less than #{timeout}ms?"
+casper.options.timeout = timeout
+
+casper.start "http://www.google.com/", ->
+    @echo "YES!", "GREEN_BAR"
+    @exit()
+
+casper.run()

data/samples/timeout.js

@@ -0,0 +1,47 @@
+/*
+ * Just a silly game.
+ *
+ * $ casperjs samples/timeout.js 500
+ * Will google.com load in less than 500ms?
+ * NOPE.
+ *
+ * $ casperjs samples/timeout.js 1000
+ * Will google.com load in less than 1000ms?
+ * NOPE.
+ *
+ * $ casperjs samples/timeout.js 1500
+ * Will google.com load in less than 1500ms?
+ * NOPE.
+ *
+ * $ casperjs samples/timeout.js 2000
+ * Will google.com load in less than 2000ms?
+ * YES!
+ */
+
+var casper = require("casper").create({
+    onTimeout: function() {
+        this
+            .echo("NOPE.", "RED_BAR")
+            .exit()
+        ;
+    }
+});
+
+var timeout = ~~casper.cli.get(0);
+
+if (timeout < 1) {
+    casper
+        .echo("You must pass a valid timeout value")
+        .exit(1)
+    ;
+}
+
+casper.echo("Will google.com load in less than " + timeout + "ms?");
+casper.options.timeout = timeout;
+
+casper.start("http://www.google.com/", function() {
+    this.echo("YES!", "GREEN_BAR");
+    this.exit();
+});
+
+casper.run();

data/tests/run.js

@@ -0,0 +1,76 @@
+if (!phantom.casperLoaded) {
+    console.log('This script must be invoked using the casperjs executable');
+    phantom.exit(1);
+}
+
+var fs = require('fs');
+var utils = require('utils');
+var f = utils.format;
+var includes = [];
+var tests = [];
+var casper = require('casper').create({
+    exitOnError: false
+});
+
+// local utils
+function checkIncludeFile(include) {
+    var absInclude = fs.absolute(include.trim());
+    if (!fs.exists(absInclude)) {
+        casper.warn("%s file not found, can't be included", absInclude);
+        return;
+    }
+    if (!utils.isJsFile(absInclude)) {
+        casper.warn("%s is not a supported file type, can't be included", absInclude);
+        return;
+    }
+    if (fs.isDirectory(absInclude)) {
+        casper.warn("%s is a directory, can't be included", absInclude);
+        return;
+    }
+    if (tests.indexOf(include) > -1 || tests.indexOf(absInclude) > -1) {
+        casper.warn("%s is a test file, can't be included", absInclude);
+        return;
+    }
+    return absInclude;
+}
+
+// parse some options from cli
+casper.options.verbose = casper.cli.get('direct') || false;
+casper.options.logLevel = casper.cli.get('log-level') || "error";
+
+// overriding Casper.open to prefix all test urls
+casper.setFilter('open.location', function(location) {
+    if (!/^http/.test(location)) {
+        return f('file://%s/%s', fs.workingDirectory, location);
+    }
+    return location;
+});
+
+// test paths are passed as args
+if (casper.cli.args.length) {
+    tests = casper.cli.args.filter(function(path) {
+        return fs.isFile(path) || fs.isDirectory(path);
+    });
+} else {
+    casper.echo('No test path passed, exiting.', 'RED_BAR', 80);
+    casper.exit(1);
+}
+
+// includes handling
+if (casper.cli.has('includes')) {
+    includes = casper.cli.get('includes').split(',').map(function(include) {
+        // we can't use filter() directly because of abspath transformation
+        return checkIncludeFile(include);
+    }).filter(function(include) {
+        return utils.isString(include);
+    });
+    casper.test.includes = utils.unique(includes);
+}
+
+// test suites completion listener
+casper.test.on('tests.complete', function() {
+    this.renderResults(true, undefined, casper.cli.get('xunit') || undefined);
+});
+
+// run all the suites
+casper.test.runSuites.apply(casper.test, tests);

data/tests/site/alert.html

@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+        <title>CasperJS test alert</title>
+    </head>
+    <body>
+        <script>alert('plop')</script>
+    </body>
+</html>

data/tests/site/click.html

@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+        <title>CasperJS test click</title>
+    </head>
+    <body>
+        <a id="test1" href="javascript:results.test1 = true;">test1</a>
+        <a id="test2" href="#" onclick="results.test2 = true;">test2</a>
+        <a id="test3" href="page1.html" onclick="results.test3 = true; return false">test3</a>
+        <a id="test4" href="http://www.google.com/">test4</a>
+        <script>
+            (function(window) {
+                window.results = {
+                    test1: false,
+                    test2: false,
+                    test3: false,
+                    test4: false,
+                    testdown:  [],
+                    testup:    [],
+                    testmove:  [],
+                    testclick: []
+                };
+                document.querySelector('#test4').onclick = function(event) {
+                    results.test4 = true;
+                    event.preventDefault();
+                };
+                window.onmousedown = function(event) {
+                    results.testdown = [event.x, event.y];
+                };
+                window.onmouseup = function(event) {
+                    results.testup = [event.x, event.y];
+                };
+                window.onmousemove = function(event) {
+                    results.testmove = [event.x, event.y];
+                };
+            })(window);
+        </script>
+    </body>
+</html>

data/tests/site/confirm.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+        <title>CasperJS test confirm</title>
+    </head>
+    <body>
+        <script>
+        var confirmed = confirm('are you sure?');
+        </script>
+    </body>
+</html>

data/tests/site/elementattribute.html

@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<html>
+    <body>
+        <div class="tester testo testme" data-stuff="beautiful string"></div>
+    </body>
+</html>

data/tests/site/error.html

@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+        <title>CasperJS error test</title>
+    </head>
+    <body>
+        <script>plop(); // intentional error here</script>
+    </body>
+</html>

data/tests/site/form.html

@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+        <title>CasperJS test form</title>
+    </head>
+    <body>
+        <form action="result.html" enctype="multipart/form-data">
+            <input type="text" name="email" placeholder="email">
+            <input type="password" name="password" placeholder="password">
+            <textarea name="content"></textarea>
+            <select name="topic">
+                <option>foo</option>
+                <option value="bar">baz</option>
+            </select>
+            <input type="checkbox" name="check">
+            <input type="radio" name="choice" value="yes">
+            <input type="radio" name="choice" value="no">
+            <input type="file" name="file">
+            <input type="checkbox" name="checklist[]" value="1">
+            <input type="checkbox" name="checklist[]" value="2">
+            <input type="checkbox" name="checklist[]" value="3">
+            <input type="submit" name="submit" value="submit">
+        </form>
+    </body>
+</html>

data/tests/site/global.html

@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+    <body>
+        <script type="text/javascript">
+            var myGlobal = 'awesome string';
+            var myUnencodableGlobal = document;
+        </script>
+    </body>
+</html>

data/tests/site/index.html

@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+        <title>CasperJS test index</title>
+    </head>
+    <body>
+        <img src="images/phantom.png"/>
+        <a href="test.html">test</a>
+        <a href="form.html">form</a>
+        <ul>
+            <li>one</li>
+            <li>two</li>
+            <li>three</li>
+        </ul>
+    </body>
+</html>

data/tests/site/mouse-events.html

@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+        <title>CasperJS test mouse events</title>
+    </head>
+    <body>
+        <a id="test1" href="#" onmousedown="results.test1 = true;">test</a>
+        <a id="test2" href="#">test</a>
+        <a id="test3" href="#" onmouseup="results.test3 = true;">test</a>
+        <a id="test4" href="#">test</a>
+        <a id="test5" href="#" onmouseover="results.test5 = true;">test</a>
+        <a id="test6" href="#">test</a>
+        <a id="test7" href="#" onmouseout="results.test7 = true;">test</a>
+        <a id="test8" href="#">test</a>
+        <script>
+            (function(window) {
+                window.results = {
+                    test1: false,
+                    test2: false,
+                    test3: false,
+                    test4: false,
+                    test5: false,
+                    test6: false,
+                    test7: false,
+                    test8: false
+                };
+                document.querySelector('#test2').onmousedown = function(event) {
+                    results.test2 = true;
+                    event.preventDefault();
+                };
+                document.querySelector('#test4').onmouseup = function(event) {
+                    results.test4 = true;
+                    event.preventDefault();
+                };
+                document.querySelector('#test6').onmouseover = function(event) {
+                    results.test6 = true;
+                    event.preventDefault();
+                };
+                document.querySelector('#test8').onmouseout = function(event) {
+                    results.test8 = true;
+                    event.preventDefault();
+                };
+            })(window);
+        </script>
+    </body>
+</html>

data/tests/site/multiple-forms.html

@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Multiple forms test</title>
+</head>
+<body>
+    <form name="f1">
+        <input type="hidden" name="f" value="f1">
+        <input type="text" name="yo">
+    </form>
+    <form name="f2">
+        <input type="hidden" name="f" value="f2">
+        <input type="text" name="yo">
+    </form>
+</body>
+</html>

data/tests/site/page1.html

@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+        <title>CasperJS test page 1</title>
+    </head>
+    <body>Booh.</body>
+</html>

data/tests/site/page2.html

@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+        <title>CasperJS test page 2</title>
+    </head>
+    <body>Booh.</body>
+</html>

data/tests/site/page3.html

@@ -0,0 +1,8 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+        <title>CasperJS test page 1</title>
+    </head>
+    <body>Booh.</body>
+</html>

data/tests/site/prompt.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+        <title>CasperJS test prompt</title>
+    </head>
+    <body>
+        <script>
+        var name = prompt('what is your name?', 'Norris');
+        </script>
+    </body>
+</html>

data/tests/site/resources.html

@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+        <title>CasperJS test resource</title>
+        <script>
+          setTimeout(function () {
+            var path = "images/phantom.png?" + new Date();
+            document.querySelector("img").setAttribute("src", path);
+          }, 1000);
+        </script>
+    </head>
+    <body>
+      <img width="55" height="55" border="1">
+    </body>
+</html>

data/tests/site/result.html

@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+        <title>CasperJS test form result</title>
+    </head>
+    <body>
+        <p>this is the result page</p>
+        <p><a href="index.html">Return back home</a></p>
+    </body>
+</html>