Save test results to file

Author: kloverde

test/css/test.css

@@ -89,3 +89,8 @@ h1, h2 {
    margin-top: 40px;
    visibility: hidden;
 }
+
+#saveContainer {
+   margin-top: 75px;
+   visibility: hidden;
+}

test/js/testLauncher.js

@@ -42,7 +42,8 @@
        status = null,
        realtimeReadout = null,
        currentTest = null,
-       fieldContainer = null;
+       fieldContainer = null,
+       saveButton = null;
 
    var inputIgnoredEvent = false,
        validationFailedEvent = false,
@@ -56,8 +57,13 @@
       realtimeReadout = $( "#realtimeReadout" );
       currentTest = $( "#currentTest" );
       fieldContainer = $( "#fieldContainer" );
+      saveButton = $( "#saveButton" );
    } );
 
+   function saveReport( xml ) {
+      var uriContent = "data:application/octet-stream," + encodeURIComponent( report );
+   }
+
    function resetEventFlags() {
       log( "resetting event flags" );
 
@@ -144,6 +150,20 @@
       }
    }
 
+   function download( filename, text ) {
+      var a = $( "<a/>", {
+         "href" : "data:text/plain;charset=utf-8," + encodeURIComponent( text ),
+         "download" : filename
+      } );
+
+      // Odd... jQuery.click() doesn't trigger the link, even if it's appended to the page first.
+      // Oh well, regular ol' JS to the rescue.
+
+      var event = document.createEvent( "MouseEvents" );
+      event.initEvent( "click", true, true );
+      a[0].dispatchEvent( event );
+   }
+
    if( validateTestCases(testCases) ) {
       QUnit.config.hidepassed = true;
 
@@ -175,11 +195,28 @@
          }
 
          realtimeReadout.remove();
-         document.getElementById( "done" ).style.visibility = "visible";
+         $( "#done" ).css( "visibility", "visible" );
 
-         if( typeof console !== "undefined" ) {
-            console.log( report.xml );  // TODO:  Export this out of the browser
-         }
+         saveButton.on( "click", function() {
+            function zeroPad( datePart ) {
+               return datePart < 10 ? "0" + datePart : datePart;
+            }
+
+            var d = new Date();
+
+            var year  = d.getFullYear(),
+                month = zeroPad( d.getMonth() + 1 ),
+                day   = zeroPad( d.getDate() ),
+                hour  = zeroPad( d.getHours() ),
+                min   = zeroPad( d.getMinutes() ),
+                sec   = zeroPad( d.getSeconds() );
+
+            var timestamp = year + "-" + month + "-" + day + "_" + hour + "-" + min + "-" + sec;
+
+            download( "RestrictedTextField-TestResult-" + timestamp + ".xml", report.xml );
+         } );
+
+         $( "#saveContainer" ).css( "visibility", "visible" );
       } );
 
       QUnit.cases( testCases ).test( "Test", function(params) {

test/test.html

@@ -74,6 +74,13 @@ <h4 id="currentTest"></h4>
          </div>
 
          <div id="done"><h3>Scroll down to view the log.</h3></div>
+
+         <div id="saveContainer">
+            <button id="saveButton">Save test results</button>
+            <br/><br/>
+            Saves test results in JUnit-compatible format<br/>
+            (Not supported in IE - other browsers may vary)
+         </div>
       </div>
 
       <div id="qunit"></div>