Add task for running mocha tests with webdriver for testing proxies

tests/mocha/background.html

@@ -26,6 +26,7 @@
             width: 200px;
             height: 200px;
             background-image: -webkit-linear-gradient(top, #008000, #008000);
+            background-image:    -moz-linear-gradient(to bottom, #008000, #008000);
             background-image:         linear-gradient(to bottom, #008000, #008000);
         }
     </style>
@@ -126,6 +127,9 @@
     else {
         mocha.run();
     }
+    mocha.suite.afterAll(function() {
+        document.body.setAttribute('data-complete', 'true');
+    });
 </script>
 </body>
 </html>

tests/mocha/colors.html

@@ -136,6 +136,9 @@
     else {
         mocha.run();
     }
+    mocha.suite.afterAll(function() {
+        document.body.setAttribute('data-complete', 'true');
+    });
 </script>
 </body>
 </html>

tests/mocha/cropping.html

@@ -136,6 +136,9 @@
     else {
         mocha.run();
     }
+    mocha.suite.afterAll(function() {
+        document.body.setAttribute('data-complete', 'true');
+    });
 </script>
 </body>
 </html>

tests/mocha/form-rendering.html

@@ -158,6 +158,9 @@
     else {
         mocha.run();
     }
+    mocha.suite.afterAll(function() {
+        document.body.setAttribute('data-complete', 'true');
+    });
 </script>
 </body>
 </html>

tests/mocha/gradients.js

@@ -102,6 +102,9 @@ describe("Gradients", function() {
         var value = container.css("backgroundImage");
         it(value, function() {
             var parsedBackground = parseBackgrounds(value);
+            if (parsedBackground[0].args[0] === "0% 50%") {
+                parsedBackground[0].args[0] = 'left';
+            }
             expect(parsedBackground[0].args).to.eql(expected[i].args);
             expect(parsedBackground[0].method).to.eql(expected[i].method);
         });

tests/mocha/multiple-renders.html

@@ -27,7 +27,7 @@
 <script>
     describe("Multiple renders", function() {
         it("render correctly", function(done) {
-            this.timeout(5000);
+            this.timeout(10000);
             var d = 0;
             var count = 3;
             for (var i = 0; i < count; i++) {
@@ -45,7 +45,7 @@
         });
 
         it("render correctly when non sequential", function(done) {
-            this.timeout(5000);
+            this.timeout(10000);
             var d = 0;
             var count = 3;
             for (var i = 0; i < count; i++) {
@@ -73,13 +73,18 @@
     function validCanvasPixels(canvas) {
         var ctx = canvas.getContext("2d");
         var data = ctx.getImageData(0, 0, canvas.width, canvas.height).data;
-        for (var i = 0, len = data.length; i < len; i+=4) {
+        for (var i = 0, len = 200*199*4; i < len; i+=4) {
             if (data[i] !== 0 || data[i+1] !== 128 || data[i+2] !== 0 || data[i+3] !== 255) {
+                console.log(i, data[i], data[i+1], data[i+2], data[i+3]);
                 expect().fail("Invalid canvas data");
             }
         }
     }
 
+    mocha.suite.afterAll(function() {
+        document.body.setAttribute('data-complete', 'true');
+    });
+
     mocha.checkLeaks();
     mocha.globals(['jQuery']);
     if (window.mochaPhantomJS) {

tests/mocha/options.onclone.html

@@ -66,6 +66,9 @@
     else {
         mocha.run();
     }
+    mocha.suite.afterAll(function() {
+        document.body.setAttribute('data-complete', 'true');
+    });
 </script>
 </body>
 </html>

tests/mocha/parsing.html

@@ -191,6 +191,9 @@
     else {
         mocha.run();
     }
+    mocha.suite.afterAll(function() {
+        document.body.setAttribute('data-complete', 'true');
+    });
 </script>
 </body>
 </html>

tests/mocha/scrolling.html

@@ -61,6 +61,9 @@
     else {
         mocha.run();
     }
+    mocha.suite.afterAll(function() {
+        document.body.setAttribute('data-complete', 'true');
+    });
 </script>
 </body>
 </html>

tests/mocha/selenium.js

@@ -0,0 +1,73 @@
+var wd = require('wd');
+var http = require("http");
+var https = require("https");
+var url = require("url");
+var path = require("path");
+var Promise = require('bluebird');
+var _ = require('lodash');
+var humanizeDuration = require("humanize-duration");
+var utils = require('../utils');
+var colors = utils.colors;
+var port = 8080;
+
+function runTestWithRetries(browser, test, retries) {
+    retries = retries || 0;
+    return runTest(browser, test)
+        .timeout(30000)
+        .catch(Promise.TimeoutError, function() {
+            if (retries < 3) {
+                console.log(colors.violet, "Retry", (retries + 1), test);
+                return runTestWithRetries(browser, test, retries + 1);
+            } else {
+                throw new Error("Couldn't run test after 3 retries");
+            }
+        });
+}
+
+function getResults(browser) {
+    return function() {
+        return Promise.props({
+            dataUrl: browser.waitForElementByCss("body[data-complete='true']", 90000).then(function() {
+                return browser.elementsByCssSelector('.test.fail');
+            }).then(function(nodes) {
+                return Array.isArray(nodes) ? Promise.map(nodes, function(node) {
+                    return browser.text(node).then(function(error) {
+                        return Promise.reject(error);
+                    });
+                }) : Promise.resolve([]);
+            })
+        });
+    };
+}
+
+function runTest(browser, test) {
+    return Promise.resolve(browser
+        .then(utils.loadTestPage(browser, test, port))
+        .then(getResults(browser))
+    ).cancellable();
+}
+
+exports.tests = function(browsers, singleTest) {
+    var path = "tests/mocha";
+    return (singleTest ? Promise.resolve([singleTest]) : utils.getTests(path)).then(function(tests) {
+        return Promise.map(browsers, function(settings) {
+            var name = [settings.browserName, settings.version, settings.platform].join("-");
+            var count = 0;
+            var browser = utils.initBrowser(settings);
+            return Promise.using(browser, function() {
+                return Promise.map(tests, function(test, index, total) {
+                    console.log(colors.green, "STARTING", "(" + (++count) + "/" + total + ")", name, test, colors.clear);
+                    var start = Date.now();
+                    return runTestWithRetries(browser, test).then(function() {
+                        console.log(colors.green, "COMPLETE", humanizeDuration(Date.now() - start), "(" + count + "/" + total + ")", name, colors.clear);
+                    });
+                }, {concurrency: 1})
+                    .settle()
+                    .catch(function(error) {
+                        console.error(colors.red, "ERROR", name, error);
+                        throw error;
+                    });
+            });
+        }, {concurrency: 3});
+    });
+};