build/test/testrunner.js

   1 var fixture;
   2 var Test;
   3 var stats = {
   4         all: 0,
   5         bad: 0
   6 };
   7
   8 function runTest(tests) {
   9         var startTime = new Date();
  10
  11         fixture = document.getElementById('main').innerHTML;
  12         tests();
  13         var runTime = new Date() - startTime;
  14         var result = document.createElement("div");
  15         result.innerHTML = 'Tests completed in ' + runTime + ' milliseconds.<br/>' +
  16                 stats.bad + ' tests of ' + stats.all + ' failed.';
  17         document.getElementsByTagName("body")[0].appendChild(result);
  18 }
  19
  20 function test(name, callback) {
  21         Test = [];
  22         try {
  23                 callback();
  24         } catch(e) {
  25                 if(typeof console != "undefined") {
  26                         console.error("Test " + name + " died, exception and test follows");
  27                         console.error(e);
  28                         console.warn(callback.toString());
  29                 }
  30                 Test.push( [ false, "Died on test #" + (Test.length+1) + ": " + e ] );
  31         }
  32         reset();
  33
  34         var good = 0, bad = 0;
  35         var ol = document.createElement("ol");
  36
  37         var li = "", state = "pass";
  38         for ( var i = 0; i < Test.length; i++ ) {
  39                 var li = document.createElement("li");
  40                 li.className = Test[i][0] ? "pass" : "fail";
  41                 li.innerHTML = Test[i][1];
  42                 ol.appendChild( li );
  43
  44                 stats.all++;
  45                 if ( !Test[i][0] ) {
  46                         state = "fail";
  47                         bad++;
  48                         stats.bad++;
  49                 } else good++;
  50         }
  51
  52         var li = document.createElement("li");
  53         li.className = state;
  54
  55         var b = document.createElement("b");
  56         b.innerHTML = name + " <b style='color:black;'>(<b class='fail'>" + bad + "</b>, <b class='pass'>" + good + "</b>, " + Test.length + ")</b>";
  57         b.onclick = function(){
  58                 var n = this.nextSibling;
  59                 if ( jQuery.css( n, "display" ) == "none" )
  60                         n.style.display = "block";
  61                 else
  62                         n.style.display = "none";
  63         };
  64         li.appendChild( b );
  65         li.appendChild( ol );
  66
  67         document.getElementById("tests").appendChild( li );
  68 }
  69
  70 /**
  71  * Resets the test setup. Useful for tests that modify the DOM.
  72  */
  73 function reset() {
  74         document.getElementById('main').innerHTML = fixture;
  75 }
  76
  77 /**
  78  * Asserts true.
  79  * @example ok( $("a").size() > 5, "There must be at least 5 anchors" );
  80  */
  81 function ok(a, msg) {
  82         Test.push( [ !!a, msg ] );
  83 }
  84
  85 /**
  86  * Asserts that two arrays are the same
  87  */
  88 function isSet(a, b, msg) {
  89         var ret = true;
  90         if ( a && b && a.length == b.length ) {
  91                 for ( var i in a )
  92                         if ( a[i] != b[i] )
  93                                 ret = false;
  94         } else
  95                 ret = false;
  96         if ( !ret && console )
  97                 console.log( msg, a, b );
  98         Test.push( [ ret, msg ] );
  99 }
 100
 101 /**
 102  * Returns an array of elements with the given IDs, eg.
 103  * @example q("main", "foo", "bar")
 104  * @result [<div id="main">, <span id="foo">, <input id="bar">]
 105  */
 106 function q() {
 107         var r = [];
 108         for ( var i = 0; i < arguments.length; i++ )
 109                 r.push( document.getElementById( arguments[i] ) );
 110         return r;
 111 }
 112
 113 /**
 114  * Asserts that a select matches the given IDs
 115  * @example t("Check for something", "//[a]", ["foo", "baar"]);
 116  * @result returns true if "//[a]" return two elements with the IDs 'foo' and 'baar'
 117  */
 118 function t(a,b,c) {
 119         var f = jQuery.find(b);
 120         var s = "";
 121         for ( var i = 0; i < f.length; i++ )
 122                 s += (s && ",") + '"' + f[i].id + '"';
 123         isSet(f, q.apply(q,c), a + " (" + b + ")");
 124 }