2006-11-18 14:37:01 +01:00
|
|
|
var _config = {
|
|
|
|
fixture: null,
|
|
|
|
Test: [],
|
|
|
|
stats: {
|
|
|
|
all: 0,
|
|
|
|
bad: 0
|
|
|
|
},
|
|
|
|
queue: [],
|
|
|
|
blocking: true,
|
|
|
|
timeout: null,
|
|
|
|
expected: null,
|
|
|
|
currentModule: null,
|
|
|
|
asyncTimeout: 2 // seconds for async timeout
|
2006-09-19 11:49:22 +02:00
|
|
|
};
|
2006-11-18 14:37:01 +01:00
|
|
|
|
|
|
|
$(function() {
|
|
|
|
$('#userAgent').html(navigator.userAgent);
|
|
|
|
runTest();
|
|
|
|
});
|
2006-09-19 11:49:22 +02:00
|
|
|
|
|
|
|
function synchronize(callback) {
|
2006-11-18 14:37:01 +01:00
|
|
|
_config.queue[_config.queue.length] = callback;
|
|
|
|
if(!_config.blocking) {
|
2006-09-19 11:49:22 +02:00
|
|
|
process();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
function process() {
|
2006-11-18 14:37:01 +01:00
|
|
|
while(_config.queue.length && !_config.blocking) {
|
|
|
|
var call = _config.queue[0];
|
|
|
|
_config.queue = _config.queue.slice(1);
|
2006-09-19 11:49:22 +02:00
|
|
|
call();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
function stop() {
|
2006-11-18 14:37:01 +01:00
|
|
|
_config.blocking = true;
|
2006-12-21 14:35:32 +01:00
|
|
|
_config.timeout = setTimeout(function() {
|
|
|
|
ok( false, "Test timed out" );
|
|
|
|
start();
|
|
|
|
}, _config.asyncTimeout * 1000);
|
2006-09-19 11:49:22 +02:00
|
|
|
}
|
|
|
|
function start() {
|
2006-11-18 14:37:01 +01:00
|
|
|
if(_config.timeout)
|
|
|
|
clearTimeout(_config.timeout);
|
|
|
|
_config.blocking = false;
|
2006-09-19 11:49:22 +02:00
|
|
|
process();
|
|
|
|
}
|
|
|
|
|
2006-11-18 14:37:01 +01:00
|
|
|
function runTest() {
|
|
|
|
_config.blocking = false;
|
|
|
|
var time = new Date();
|
|
|
|
_config.fixture = document.getElementById('main').innerHTML;
|
2006-09-19 11:49:22 +02:00
|
|
|
synchronize(function() {
|
2006-11-18 14:37:01 +01:00
|
|
|
time = new Date() - time;
|
|
|
|
$("<div>").html(['<p class="result">Tests completed in ',
|
|
|
|
time, ' milliseconds.<br/>',
|
|
|
|
_config.stats.bad, ' tests of ', _config.stats.all, ' failed.</p>']
|
|
|
|
.join(''))
|
|
|
|
.appendTo("body");
|
2006-11-20 21:54:42 +01:00
|
|
|
$("#banner").addClass(_config.stats.bad ? "fail" : "pass");
|
2006-09-19 11:49:22 +02:00
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
function test(name, callback) {
|
2006-11-18 14:37:01 +01:00
|
|
|
if(_config.currentModule)
|
|
|
|
name = _config.currentModule + " module: " + name;
|
2006-09-19 11:49:22 +02:00
|
|
|
synchronize(function() {
|
2006-11-18 14:37:01 +01:00
|
|
|
_config.Test = [];
|
2006-09-19 11:49:22 +02:00
|
|
|
try {
|
|
|
|
callback();
|
|
|
|
} catch(e) {
|
2006-10-03 12:54:55 +02:00
|
|
|
if( typeof console != "undefined" && console.error && console.warn ) {
|
2006-09-19 11:49:22 +02:00
|
|
|
console.error("Test " + name + " died, exception and test follows");
|
|
|
|
console.error(e);
|
|
|
|
console.warn(callback.toString());
|
|
|
|
}
|
2006-11-18 14:37:01 +01:00
|
|
|
_config.Test.push( [ false, "Died on test #" + (_config.Test.length+1) + ": " + e ] );
|
2006-09-19 11:49:22 +02:00
|
|
|
}
|
|
|
|
});
|
|
|
|
synchronize(function() {
|
|
|
|
reset();
|
|
|
|
|
2006-11-18 14:37:01 +01:00
|
|
|
if(_config.expected && _config.expected != _config.Test.length) {
|
|
|
|
_config.Test.push( [ false, "Expected " + _config.expected + " assertions, but " + _config.Test.length + " were run" ] );
|
|
|
|
}
|
|
|
|
_config.expected = null;
|
|
|
|
|
2006-09-19 11:49:22 +02:00
|
|
|
var good = 0, bad = 0;
|
|
|
|
var ol = document.createElement("ol");
|
2006-11-03 12:30:57 +01:00
|
|
|
ol.style.display = "none";
|
2006-09-19 11:49:22 +02:00
|
|
|
var li = "", state = "pass";
|
2006-11-18 14:37:01 +01:00
|
|
|
for ( var i = 0; i < _config.Test.length; i++ ) {
|
2006-09-19 11:49:22 +02:00
|
|
|
var li = document.createElement("li");
|
2006-11-18 14:37:01 +01:00
|
|
|
li.className = _config.Test[i][0] ? "pass" : "fail";
|
|
|
|
li.innerHTML = _config.Test[i][1];
|
2006-09-19 11:49:22 +02:00
|
|
|
ol.appendChild( li );
|
|
|
|
|
2006-11-18 14:37:01 +01:00
|
|
|
_config.stats.all++;
|
|
|
|
if ( !_config.Test[i][0] ) {
|
2006-09-19 11:49:22 +02:00
|
|
|
state = "fail";
|
|
|
|
bad++;
|
2006-11-18 14:37:01 +01:00
|
|
|
_config.stats.bad++;
|
2006-09-19 11:49:22 +02:00
|
|
|
} else good++;
|
|
|
|
}
|
|
|
|
|
|
|
|
var li = document.createElement("li");
|
|
|
|
li.className = state;
|
|
|
|
|
|
|
|
var b = document.createElement("b");
|
2006-11-18 14:37:01 +01:00
|
|
|
b.innerHTML = name + " <b style='color:black;'>(<b class='fail'>" + bad + "</b>, <b class='pass'>" + good + "</b>, " + _config.Test.length + ")</b>";
|
2006-09-19 11:49:22 +02:00
|
|
|
b.onclick = function(){
|
|
|
|
var n = this.nextSibling;
|
|
|
|
if ( jQuery.css( n, "display" ) == "none" )
|
|
|
|
n.style.display = "block";
|
|
|
|
else
|
|
|
|
n.style.display = "none";
|
|
|
|
};
|
|
|
|
li.appendChild( b );
|
|
|
|
li.appendChild( ol );
|
|
|
|
|
|
|
|
document.getElementById("tests").appendChild( li );
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
2006-11-18 14:37:01 +01:00
|
|
|
// call on start of module test to prepend name to all tests
|
|
|
|
function module(moduleName) {
|
|
|
|
_config.currentModule = moduleName;
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Specify the number of expected assertions to gurantee that failed test (no assertions are run at all) don't slip through.
|
|
|
|
*/
|
|
|
|
function expect(asserts) {
|
|
|
|
_config.expected = asserts;
|
|
|
|
}
|
|
|
|
|
2006-09-19 11:49:22 +02:00
|
|
|
/**
|
|
|
|
* Resets the test setup. Useful for tests that modify the DOM.
|
|
|
|
*/
|
|
|
|
function reset() {
|
2006-11-18 14:37:01 +01:00
|
|
|
document.getElementById('main').innerHTML = _config.fixture;
|
2006-09-19 11:49:22 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Asserts true.
|
|
|
|
* @example ok( $("a").size() > 5, "There must be at least 5 anchors" );
|
|
|
|
*/
|
|
|
|
function ok(a, msg) {
|
2006-11-18 14:37:01 +01:00
|
|
|
_config.Test.push( [ !!a, msg ] );
|
2006-09-19 11:49:22 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Asserts that two arrays are the same
|
|
|
|
*/
|
|
|
|
function isSet(a, b, msg) {
|
|
|
|
var ret = true;
|
|
|
|
if ( a && b && a.length == b.length ) {
|
|
|
|
for ( var i in a )
|
|
|
|
if ( a[i] != b[i] )
|
|
|
|
ret = false;
|
|
|
|
} else
|
|
|
|
ret = false;
|
2006-10-08 18:19:51 +02:00
|
|
|
if ( !ret )
|
2006-11-18 14:37:01 +01:00
|
|
|
_config.Test.push( [ ret, msg + " expected: " + b + " result: " + a ] );
|
2006-10-08 18:19:51 +02:00
|
|
|
else
|
2006-11-18 14:37:01 +01:00
|
|
|
_config.Test.push( [ ret, msg ] );
|
2006-09-19 11:49:22 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Returns an array of elements with the given IDs, eg.
|
|
|
|
* @example q("main", "foo", "bar")
|
|
|
|
* @result [<div id="main">, <span id="foo">, <input id="bar">]
|
|
|
|
*/
|
|
|
|
function q() {
|
|
|
|
var r = [];
|
|
|
|
for ( var i = 0; i < arguments.length; i++ )
|
|
|
|
r.push( document.getElementById( arguments[i] ) );
|
|
|
|
return r;
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Asserts that a select matches the given IDs
|
|
|
|
* @example t("Check for something", "//[a]", ["foo", "baar"]);
|
|
|
|
* @result returns true if "//[a]" return two elements with the IDs 'foo' and 'baar'
|
|
|
|
*/
|
|
|
|
function t(a,b,c) {
|
|
|
|
var f = jQuery.find(b);
|
|
|
|
var s = "";
|
|
|
|
for ( var i = 0; i < f.length; i++ )
|
|
|
|
s += (s && ",") + '"' + f[i].id + '"';
|
|
|
|
isSet(f, q.apply(q,c), a + " (" + b + ")");
|
|
|
|
}
|