diff options
author | John Resig <jeresig@gmail.com> | 2006-08-14 01:46:05 +0000 |
---|---|---|
committer | John Resig <jeresig@gmail.com> | 2006-08-14 01:46:05 +0000 |
commit | 7448c61ee2199f6f7002e33e533cebc42b000c89 (patch) | |
tree | 71e0d08a590cf2ce29cc49057b7f4a76037f62c2 /build/test | |
parent | 61aab47bcf4c35d021a88d95b7a17643d1342596 (diff) | |
download | jquery-7448c61ee2199f6f7002e33e533cebc42b000c89.tar.gz jquery-7448c61ee2199f6f7002e33e533cebc42b000c89.zip |
Massive overhauls to the test suite - it is now generated dynamically, along with the documentation.
Diffstat (limited to 'build/test')
-rw-r--r-- | build/test/index.html | 64 | ||||
-rw-r--r-- | build/test/js/test.js | 115 |
2 files changed, 164 insertions, 15 deletions
diff --git a/build/test/index.html b/build/test/index.html index ac90376f2..dad650224 100644 --- a/build/test/index.html +++ b/build/test/index.html @@ -1,21 +1,55 @@ -<html> +<html id="html"> <head> - <script type="text/javascript" src="lib/Test/Harness.js"></script> - <script type="text/javascript" src="lib/Test/Harness/Browser.js"></script> + <script type="text/javascript" src="../dist/jquery.js"></script> + <script type="text/javascript" src="js/test.js"></script> + <script> + $(document).ready(function(){ + runTests([{FILES}]); + }); + </script> + <style>.pass { color: green; } .fail { color: red; } #tests ol { display: none; }</style> </head> -<body> +<body id="body"> <h1>jQuery - Test Suite</h1> + + <!-- Test HTML --> + <dl style="display:none;"> + <div id="main" style="display: none;"> + <p id="firstp">See <a id="simon1" href="http://simon.incutio.com/archive/2003/03/25/#getElementsBySelector" rel="bookmark">this blog entry</a> for more information.</p> + <p id="ap"> + Here are some links in a normal paragraph: <a id="google" href="http://www.google.com/" title="Google!">Google</a>, + <a id="groups" href="http://groups.google.com/">Google Groups</a>. + This link has <code><a href="#" id="anchor1">class="blog"</a></code>: + <a href="http://diveintomark.org/" class="blog" hreflang="en" id="mark">diveintomark</a> - <script type="text/javascript"> - new Test.Harness.Browser().runTests( - "tests/prereq.html", - "tests/css1.html", - "tests/css2.html", - "tests/css3.html", - "tests/xpath.html", - "tests/custom.html", - "tests/basic.html" - ); - </script> + </p> + <div id="foo"> + <p id="sndp">Everything inside the red border is inside a div with + <code>id="foo"</code>.</p> + <p lang="en" id="en">This is a normal link: + <a id="yahoo" href="http://www.yahoo.com/" class="blogTest">Yahoo</a></p> + <p id="sap">This link has <code><a href="#2" id="anchor2">class="blog"</a></code>: + <a href="http://simon.incutio.com/" class="blog link" id="simon">Simon Willison's Weblog</a></p> + + </div> + <p id="first">Try them out: </p> + <ul id="firstUL"></ul> + <ol id="empty"></ol> + <form id="form"> + <input type="text" value="Test" id="text1"/> + <input type="text" value="Test" id="text2" disabled="disabled"/> + <input type="radio" name="radio1" id="radio1"/> + + <input type="radio" name="radio2" id="radio2" checked/> + <input type="checkbox" name="check" id="check1" checked/> + <input type="checkbox" name="check" id="check2"/> + + <input type="hidden" name="hidden" id="hidden1"/> + <input type="text" style="display:none;" id="hidden2"/> + </form> + </div> + </dl> + + <ol id="tests"></ol> </body> </html> diff --git a/build/test/js/test.js b/build/test/js/test.js new file mode 100644 index 000000000..e4da77b36 --- /dev/null +++ b/build/test/js/test.js @@ -0,0 +1,115 @@ +function runTests(files) { + runTest( files, 0 ); +} + +function runTest( files, num ) { + $.get(files[num],function(js){ + js = js.replace(/</g, "<").replace(/>/g, ">"); + + try { + eval(js); + } catch(e) { + Test.push( [ false, "Died on test #" + Test.length + ": " + e ] ); + } + + 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 ); + + if ( !Test[i][0] ) { + state = "fail"; + bad++; + } else good++; + } + + var li = document.createElement("li"); + li.className = state; + + var b = document.createElement("b"); + b.innerHTML = files[num] + " <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 ); + + Test = []; + if ( ++num < files.length ) runTest( files, num ); + }); +} + +var Test = []; + +function ok(a, msg) { + Test.push( [ !!a, msg ] ); +} + +function cmpOK( a, c, b, msg ) { + var res; + eval( "res = (a " + c + " b)" ); + Test.push( [ res, msg ] ); +} + +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 ] ); +} + +function q() { + var r = []; + + for ( var i = 0; i < arguments.length; i++ ) + r.push( document.getElementById( arguments[i] ) ); + + return r; +} + +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 + ")"); +} + +function o(a) { + var li = document.createElement("li"); + li.innerHTML = a; + if ( a.indexOf("#") == 0 ) + li.className = "comment"; + else if ( a.indexOf("TODO") >= 0 ) + li.className = "todo"; + else if ( a.indexOf("not ok") == 0 ) + li.classname = "fail"; + else + li.className = "pass"; + document.getElementById("test").appendChild(li); +} + +//plan({noPlan: true}); |