Refactored test suite to allow async tests (use stop() before starting an async request, use start() when finished), added test for bug #164
This commit is contained in:
Jörn Zaefferer
parent
4dcbfc92c3
commit
b0c3711d3e
|
|
@ -61,8 +61,10 @@
|
||||||
<target name="test" depends="jquery">
|
<target name="test" depends="jquery">
|
||||||
<echo message="Building Test Suite" />
|
<echo message="Building Test Suite" />
|
||||||
<delete dir="${TEST_DIR}" />
|
<delete dir="${TEST_DIR}" />
|
||||||
<mkdir dir="${TEST_DIR}" />
|
<mkdir dir="${TEST_DIR}/data" />
|
||||||
<copy todir="${TEST_DIR}" file="${BUILD_DIR}/test/testrunner.js" />
|
<copy todir="${TEST_DIR}/data">
|
||||||
|
<fileset dir="${BUILD_DIR}/test/data/" />
|
||||||
|
</copy>
|
||||||
<java jar="${JAR}" fork="true">
|
<java jar="${JAR}" fork="true">
|
||||||
<arg value="${BUILD_DIR}/test/test.js" />
|
<arg value="${BUILD_DIR}/test/test.js" />
|
||||||
<arg value="${JQ}" />
|
<arg value="${JQ}" />
|
||||||
|
|
|
||||||
15
build/test/data/dashboard.xml
Normal file
15
build/test/data/dashboard.xml
Normal file
|
|
@ -0,0 +1,15 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<dashboard>
|
||||||
|
<locations>
|
||||||
|
<location>
|
||||||
|
<infowindowtab>
|
||||||
|
<tab title="Location">
|
||||||
|
<![CDATA[blabla]]>
|
||||||
|
</tab>
|
||||||
|
<tab title="Users">
|
||||||
|
<![CDATA[blublu]]>
|
||||||
|
</tab>
|
||||||
|
</infowindowtab>
|
||||||
|
</location>
|
||||||
|
</locations>
|
||||||
|
</dashboard>
|
||||||
157
build/test/data/testrunner.js
Normal file
157
build/test/data/testrunner.js
Normal file
|
|
@ -0,0 +1,157 @@
|
||||||
|
var asyncTimeout = 2 // seconds for async timeout
|
||||||
|
|
||||||
|
var fixture;
|
||||||
|
var Test;
|
||||||
|
var stats = {
|
||||||
|
all: 0,
|
||||||
|
bad: 0
|
||||||
|
};
|
||||||
|
var queue = [];
|
||||||
|
var blocking = false;
|
||||||
|
|
||||||
|
function synchronize(callback) {
|
||||||
|
queue[queue.length] = callback;
|
||||||
|
if(!blocking) {
|
||||||
|
process();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function process() {
|
||||||
|
while(queue.length && !blocking) {
|
||||||
|
var call = queue[0];
|
||||||
|
queue = queue.slice(1);
|
||||||
|
call();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function stop() {
|
||||||
|
blocking = true;
|
||||||
|
setTimeout(start, asyncTimeout * 1000);
|
||||||
|
}
|
||||||
|
function start() {
|
||||||
|
blocking = false;
|
||||||
|
process();
|
||||||
|
}
|
||||||
|
|
||||||
|
function runTest(tests) {
|
||||||
|
var startTime = new Date();
|
||||||
|
fixture = document.getElementById('main').innerHTML;
|
||||||
|
tests();
|
||||||
|
synchronize(function() {
|
||||||
|
var runTime = new Date() - startTime;
|
||||||
|
var result = document.createElement("div");
|
||||||
|
result.innerHTML = 'Tests completed in ' + runTime + ' milliseconds.<br/>' +
|
||||||
|
stats.bad + ' tests of ' + stats.all + ' failed.';
|
||||||
|
document.getElementsByTagName("body")[0].appendChild(result);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function test(name, callback) {
|
||||||
|
Test = [];
|
||||||
|
synchronize(function() {
|
||||||
|
try {
|
||||||
|
callback();
|
||||||
|
} catch(e) {
|
||||||
|
if(typeof console != "undefined") {
|
||||||
|
console.error("Test " + name + " died, exception and test follows");
|
||||||
|
console.error(e);
|
||||||
|
console.warn(callback.toString());
|
||||||
|
}
|
||||||
|
Test.push( [ false, "Died on test #" + (Test.length+1) + ": " + e ] );
|
||||||
|
}
|
||||||
|
});
|
||||||
|
synchronize(function() {
|
||||||
|
reset();
|
||||||
|
|
||||||
|
var good = 0, bad = 0;
|
||||||
|
var ol = document.createElement("ol");
|
||||||
|
|
||||||
|
var li = "", state = "pass";
|
||||||
|
for ( var i = 0; i < Test.length; i++ ) {
|
||||||
|
var li = document.createElement("li");
|
||||||
|
li.className = Test[i][0] ? "pass" : "fail";
|
||||||
|
li.innerHTML = Test[i][1];
|
||||||
|
ol.appendChild( li );
|
||||||
|
|
||||||
|
stats.all++;
|
||||||
|
if ( !Test[i][0] ) {
|
||||||
|
state = "fail";
|
||||||
|
bad++;
|
||||||
|
stats.bad++;
|
||||||
|
} else good++;
|
||||||
|
}
|
||||||
|
|
||||||
|
var li = document.createElement("li");
|
||||||
|
li.className = state;
|
||||||
|
|
||||||
|
var b = document.createElement("b");
|
||||||
|
b.innerHTML = name + " <b style='color:black;'>(<b class='fail'>" + bad + "</b>, <b class='pass'>" + good + "</b>, " + Test.length + ")</b>";
|
||||||
|
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 );
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Resets the test setup. Useful for tests that modify the DOM.
|
||||||
|
*/
|
||||||
|
function reset() {
|
||||||
|
document.getElementById('main').innerHTML = fixture;
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Asserts true.
|
||||||
|
* @example ok( $("a").size() > 5, "There must be at least 5 anchors" );
|
||||||
|
*/
|
||||||
|
function ok(a, msg) {
|
||||||
|
Test.push( [ !!a, msg ] );
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 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;
|
||||||
|
if ( !ret && console )
|
||||||
|
console.log( msg, a, b );
|
||||||
|
Test.push( [ ret, msg ] );
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 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 + ")");
|
||||||
|
}
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<html id="html">
|
<html id="html">
|
||||||
<head>
|
<head>
|
||||||
<script type="text/javascript" src="../dist/jquery.js"></script>
|
<script type="text/javascript" src="../dist/jquery.js"></script>
|
||||||
<script type="text/javascript" src="testrunner.js"></script>
|
<script type="text/javascript" src="data/testrunner.js"></script>
|
||||||
<script>
|
<script>
|
||||||
$(document).ready(function(){
|
$(document).ready(function(){
|
||||||
runTest(function() {
|
runTest(function() {
|
||||||
|
|
|
||||||
|
|
@ -1,124 +0,0 @@
|
||||||
var fixture;
|
|
||||||
var Test;
|
|
||||||
var stats = {
|
|
||||||
all: 0,
|
|
||||||
bad: 0
|
|
||||||
};
|
|
||||||
|
|
||||||
function runTest(tests) {
|
|
||||||
var startTime = new Date();
|
|
||||||
|
|
||||||
fixture = document.getElementById('main').innerHTML;
|
|
||||||
tests();
|
|
||||||
var runTime = new Date() - startTime;
|
|
||||||
var result = document.createElement("div");
|
|
||||||
result.innerHTML = 'Tests completed in ' + runTime + ' milliseconds.<br/>' +
|
|
||||||
stats.bad + ' tests of ' + stats.all + ' failed.';
|
|
||||||
document.getElementsByTagName("body")[0].appendChild(result);
|
|
||||||
}
|
|
||||||
|
|
||||||
function test(name, callback) {
|
|
||||||
Test = [];
|
|
||||||
try {
|
|
||||||
callback();
|
|
||||||
} catch(e) {
|
|
||||||
if(typeof console != "undefined") {
|
|
||||||
console.error("Test " + name + " died, exception and test follows");
|
|
||||||
console.error(e);
|
|
||||||
console.warn(callback.toString());
|
|
||||||
}
|
|
||||||
Test.push( [ false, "Died on test #" + (Test.length+1) + ": " + e ] );
|
|
||||||
}
|
|
||||||
reset();
|
|
||||||
|
|
||||||
var good = 0, bad = 0;
|
|
||||||
var ol = document.createElement("ol");
|
|
||||||
|
|
||||||
var li = "", state = "pass";
|
|
||||||
for ( var i = 0; i < Test.length; i++ ) {
|
|
||||||
var li = document.createElement("li");
|
|
||||||
li.className = Test[i][0] ? "pass" : "fail";
|
|
||||||
li.innerHTML = Test[i][1];
|
|
||||||
ol.appendChild( li );
|
|
||||||
|
|
||||||
stats.all++;
|
|
||||||
if ( !Test[i][0] ) {
|
|
||||||
state = "fail";
|
|
||||||
bad++;
|
|
||||||
stats.bad++;
|
|
||||||
} else good++;
|
|
||||||
}
|
|
||||||
|
|
||||||
var li = document.createElement("li");
|
|
||||||
li.className = state;
|
|
||||||
|
|
||||||
var b = document.createElement("b");
|
|
||||||
b.innerHTML = name + " <b style='color:black;'>(<b class='fail'>" + bad + "</b>, <b class='pass'>" + good + "</b>, " + Test.length + ")</b>";
|
|
||||||
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 );
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Resets the test setup. Useful for tests that modify the DOM.
|
|
||||||
*/
|
|
||||||
function reset() {
|
|
||||||
document.getElementById('main').innerHTML = fixture;
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Asserts true.
|
|
||||||
* @example ok( $("a").size() > 5, "There must be at least 5 anchors" );
|
|
||||||
*/
|
|
||||||
function ok(a, msg) {
|
|
||||||
Test.push( [ !!a, msg ] );
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 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;
|
|
||||||
if ( !ret && console )
|
|
||||||
console.log( msg, a, b );
|
|
||||||
Test.push( [ ret, msg ] );
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
|
||||||
* 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 + ")");
|
|
||||||
}
|
|
||||||
|
|
@ -215,6 +215,19 @@ jQuery.extend({
|
||||||
* }
|
* }
|
||||||
* )
|
* )
|
||||||
*
|
*
|
||||||
|
* @test stop();
|
||||||
|
* $.get("data/dashboard.xml", function(xml) {
|
||||||
|
* var content = [];
|
||||||
|
* $('tab', xml).each(function(k) {
|
||||||
|
* // workaround for IE needed here, $(this).text() throws an error
|
||||||
|
* // content[k] = $.trim(this.firstChild.data) || $(this).text();
|
||||||
|
* content[k] = $(this).text();
|
||||||
|
* });
|
||||||
|
* ok( content[0].match(/blabla/), 'Check first tab' );
|
||||||
|
* ok( content[1].match(/blublu/), 'Check second tab' );
|
||||||
|
* start();
|
||||||
|
* });
|
||||||
|
*
|
||||||
* @name $.get
|
* @name $.get
|
||||||
* @type jQuery
|
* @type jQuery
|
||||||
* @param String url The URL of the page to load.
|
* @param String url The URL of the page to load.
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue