Add support for Saucelabs. Add a method of logging for when console.log isn’t available.

savetheclocktower · savetheclocktower · commit f729107eb5d3 · 2014-10-29T18:49:23.000-05:00
diff --git a/test.new/static/js/test_helpers.js b/test.new/static/js/test_helpers.js
@@ -20,8 +20,24 @@
     }
   }
 
+  function info_IE6() {
+    var log = $('log');
+    log.show();
+    var results = [];
+    for (var i = 0, len = arguments.length; i < len; i++) {
+      results.push(arguments[i].toString());
+    }
+    var html = results.join(' ');
+    var p = new Element('p', { 'class': 'log-item' });
+    p.update(html);
+
+    log.insert(p);
+    // Force the log to scroll to the bottom whenever new stuff happens.
+    log.scrollTop = log.offsetHeight;
+  }
+
   if (!CONSOLE_LOG_SUPPORTED) {
-    info = Prototype.emptyFunction;
+    info = info_IE6;
   } else {
     try {
       console.log.apply(console, [""]);
@@ -246,7 +262,7 @@
       // Calling `remove` on this node has been known to crash the tests in
       // IE6-7.
       if (this.currentFixtures) {
-        $('current_fixtures').update();
+        document.getElementById('current_fixtures').innerHTML = '';
       }
 
       if (this.fixtures[suite]) {
@@ -259,6 +275,35 @@
       if (CONSOLE_GROUP_SUPPORTED) {
         console.groupEnd();
       }
+    },
+
+    configureRunner: function (runner) {
+      var failedTests = [];
+      runner.on('end', function(){
+        window.mochaResults = runner.stats;
+        window.mochaResults.reports = failedTests;
+      });
+
+      runner.on('fail', logFailure);
+
+      function logFailure (test, err) {
+        function flattenTitles (test) {
+          var titles = [];
+          while (test.parent.title) {
+            titles.push(test.parent.title);
+            test = test.parent;
+          }
+          return titles.reverse();
+        }
+
+        failedTests.push({
+          name:    test.title,
+          result:  false,
+          message: err.message,
+          stack:   err.stack,
+          titles:  flattenTitles(test)
+        });
+      }
     }
   };
 
diff --git a/test.new/views/layout.erb b/test.new/views/layout.erb
@@ -39,6 +39,17 @@
     #mocha li.test {
       clear: both;
     }
+
+    #log {
+      width: 350px;
+      position: absolute;
+      top: 10px;
+      left: 10px;
+      height: 500px;
+      overflow-y: auto;
+      background: #fff;
+      border: 2px solid #eee;
+    }
   </style>
 
   <!--[if lt IE 8]>
@@ -77,6 +88,9 @@
 </head>
 
 <body data-suites="<%= suites.join(',') %>">
+
+  <!-- A DIV that we log into whenever console.log isn't available. -->
+  <div id="log" style="display: none"></div>
   <div id="mocha"></div>
 
   <div id="current_fixtures"></div>
@@ -90,9 +104,11 @@
     if (window.mochaPhantomJS) {
       mochaPhantomJS.run();
     } else {
-      mocha.run();
+      var runner = mocha.run();
     }
 
+    Test.configureRunner(runner);
+
     mocha.suite.suites.each(function (suite) {
       suite.beforeAll(function () {
         Test.startSuite(suite.name);
