2007-07-29 19:07:21 +00:00
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2009-09-29 22:48:25 +00:00
< html xmlns = "http://www.w3.org/1999/xhtml" xml:lang = "en" lang = "en" dir = "ltr" id = "html" >
2006-08-13 15:24:52 +00:00
< head >
2007-07-29 19:07:21 +00:00
< meta http-equiv = "Content-Type" content = "text/html; charset=utf-8" / >
2006-11-18 13:37:01 +00:00
< title > jQuery Test Suite< / title >
2009-10-23 01:39:41 +00:00
< link rel = "Stylesheet" media = "screen" href = "qunit/qunit/qunit.css" / >
2009-09-29 22:09:21 +00:00
< link rel = "Stylesheet" media = "screen" href = "data/testsuite.css" / >
2008-05-28 20:19:18 +00:00
<!-- Includes -->
2010-03-23 16:12:16 +00:00
< script src = "data/testinit.js" > < / script >
< script src = "../src/core.js" > < / script >
< script src = "../src/support.js" > < / script >
< script src = "../src/data.js" > < / script >
< script src = "../src/queue.js" > < / script >
< script src = "../src/attributes.js" > < / script >
2010-03-23 16:31:40 +00:00
< script src = "../src/event.js" > < / script >
< script src = "../src/sizzle/sizzle.js" > < / script >
< script src = "../src/sizzle-jquery.js" > < / script >
2010-03-23 16:12:16 +00:00
< script src = "../src/traversing.js" > < / script >
< script src = "../src/manipulation.js" > < / script >
2010-03-23 16:31:40 +00:00
< script src = "../src/css.js" > < / script >
2010-03-23 16:12:16 +00:00
< script src = "../src/ajax.js" > < / script >
< script src = "../src/effects.js" > < / script >
< script src = "../src/offset.js" > < / script >
2010-03-23 16:31:40 +00:00
< script src = "../src/dimensions.js" > < / script >
2010-03-23 16:12:16 +00:00
< script src = "qunit/qunit/qunit.js" > < / script >
< script src = "data/testrunner.js" > < / script >
2010-03-23 16:31:40 +00:00
2010-03-23 16:12:16 +00:00
< script src = "unit/core.js" > < / script >
< script src = "unit/data.js" > < / script >
< script src = "unit/queue.js" > < / script >
< script src = "unit/attributes.js" > < / script >
2010-03-23 16:31:40 +00:00
< script src = "unit/event.js" > < / script >
< script src = "unit/selector.js" > < / script >
2010-03-23 16:12:16 +00:00
< script src = "unit/traversing.js" > < / script >
< script src = "unit/manipulation.js" > < / script >
2010-03-23 16:31:40 +00:00
< script src = "unit/css.js" > < / script >
2010-03-23 16:12:16 +00:00
< script src = "unit/ajax.js" > < / script >
< script src = "unit/effects.js" > < / script >
< script src = "unit/offset.js" > < / script >
2010-03-23 16:31:40 +00:00
< script src = "unit/dimensions.js" > < / script >
2009-05-20 21:59:24 +00:00
< / head >
2006-08-14 01:46:05 +00:00
< body id = "body" >
2009-09-29 22:48:25 +00:00
< h1 id = "qunit-header" > jQuery Test Suite< / h1 >
2009-09-29 21:34:12 +00:00
< h2 id = "qunit-banner" > < / h2 >
2009-09-29 21:40:17 +00:00
< div id = "qunit-testrunner-toolbar" > < / div >
2009-09-29 21:34:12 +00:00
< h2 id = "qunit-userAgent" > < / h2 >
2009-12-19 00:47:53 +00:00
< ol id = "qunit-tests" > < / ol >
2010-10-22 05:18:58 +00:00
2006-08-14 01:46:05 +00:00
<!-- Test HTML -->
2009-01-19 18:09:11 +00:00
< div id = "nothiddendiv" style = "height:1px;background:white;" class = "nothiddendiv" >
2007-12-18 03:53:09 +00:00
< div id = "nothiddendivchild" > < / div >
< / div >
2007-12-05 00:26:13 +00:00
<!-- this iframe is outside the #main so it won't reload constantly wasting time, but it means the tests must be "safe" and clean up after themselves -->
< iframe id = "loadediframe" name = "loadediframe" style = "display:none;" src = "data/iframe.html" > < / iframe >
2010-10-22 05:18:58 +00:00
< dl id = "dl" style = "display:none;" >
< div id = "main" style = "display: none;" >
2006-08-14 01:46:05 +00:00
< 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" >
2010-10-22 05:18:58 +00:00
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/" class = "GROUPS" > Google Groups (Link)< / a > .
This link has < code > < a href = "http://smin" id = "anchor1" > class="blog"< / a > < / code > :
2006-08-14 01:46:05 +00:00
< a href = "http://diveintomark.org/" class = "blog" hreflang = "en" id = "mark" > diveintomark< / a >
2006-08-13 15:24:52 +00:00
2006-08-14 01:46:05 +00:00
< / p >
< div id = "foo" >
2006-09-04 04:51:57 +00:00
< 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 >
2007-01-31 21:56:32 +00:00
< 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 >
2006-08-14 01:46:05 +00:00
2006-10-17 15:34:19 +00:00
< / div >
2009-02-15 22:46:54 +00:00
< span id = "name+value" > < / span >
2006-10-17 15:34:19 +00:00
< p id = "first" > Try them out:< / p >
2006-08-14 01:46:05 +00:00
< ul id = "firstUL" > < / ul >
< ol id = "empty" > < / ol >
2006-10-17 15:34:19 +00:00
< form id = "form" action = "formaction" >
2009-01-13 16:40:19 +00:00
< label for = "action" id = "label-for" > Action:< / label >
2007-11-19 16:07:44 +00:00
< input type = "text" name = "action" value = "Test" id = "text1" maxlength = "30" / >
2006-09-30 14:34:49 +00:00
< input type = "text" name = "text2" value = "Test" id = "text2" disabled = "disabled" / >
2007-09-03 23:45:14 +00:00
< input type = "radio" name = "radio1" id = "radio1" value = "on" / >
2006-08-14 01:46:05 +00:00
2006-10-03 09:40:16 +00:00
< input type = "radio" name = "radio2" id = "radio2" checked = "checked" / >
< input type = "checkbox" name = "check" id = "check1" checked = "checked" / >
2007-09-03 23:45:14 +00:00
< input type = "checkbox" id = "check2" value = "on" / >
2006-08-14 01:46:05 +00:00
< input type = "hidden" name = "hidden" id = "hidden1" / >
2006-10-17 15:34:19 +00:00
< input type = "text" style = "display:none;" name = "foo[bar]" id = "hidden2" / >
2010-10-22 05:18:58 +00:00
2006-10-17 15:34:19 +00:00
< input type = "text" id = "name" name = "name" value = "name" / >
2009-02-18 19:43:14 +00:00
< input type = "search" id = "search" name = "search" value = "search" / >
2010-10-22 05:18:58 +00:00
2009-05-20 21:59:24 +00:00
< button id = "button" name = "button" type = "button" > Button< / button >
2010-10-22 05:18:58 +00:00
2007-11-19 16:07:44 +00:00
< textarea id = "area1" maxlength = "30" > foobar< / textarea >
2010-10-22 05:18:58 +00:00
2006-10-17 15:34:19 +00:00
< select name = "select1" id = "select1" >
2007-12-13 22:24:59 +00:00
< option id = "option1a" class = "emptyopt" value = "" > Nothing< / option >
2006-10-17 15:34:19 +00:00
< option id = "option1b" value = "1" > 1< / option >
< option id = "option1c" value = "2" > 2< / option >
< option id = "option1d" value = "3" > 3< / option >
< / select >
< select name = "select2" id = "select2" >
2007-12-13 22:24:59 +00:00
< option id = "option2a" class = "emptyopt" value = "" > Nothing< / option >
2006-10-17 15:34:19 +00:00
< option id = "option2b" value = "1" > 1< / option >
< option id = "option2c" value = "2" > 2< / option >
< option id = "option2d" selected = "selected" value = "3" > 3< / option >
< / select >
< select name = "select3" id = "select3" multiple = "multiple" >
2007-12-13 22:24:59 +00:00
< option id = "option3a" class = "emptyopt" value = "" > Nothing< / option >
2006-10-17 15:34:19 +00:00
< option id = "option3b" selected = "selected" value = "1" > 1< / option >
< option id = "option3c" selected = "selected" value = "2" > 2< / option >
< option id = "option3d" value = "3" > 3< / option >
2008-07-23 17:00:32 +00:00
< option id = "option3e" > no value< / option >
2006-09-04 04:51:57 +00:00
< / select >
2010-10-22 05:18:58 +00:00
2007-01-03 20:48:40 +00:00
< object id = "object1" codebase = "stupid" >
2007-01-07 10:26:58 +00:00
< param name = "p1" value = "x1" / >
< param name = "p2" value = "x2" / >
2007-01-03 20:48:40 +00:00
< / object >
2010-10-22 05:18:58 +00:00
2007-03-25 00:58:19 +00:00
< span id = "台北Táiběi" > < / span >
< span id = "台北" lang = "中文" > < / span >
< span id = "utf8class1" class = "台北Táiběi 台北" > < / span >
< span id = "utf8class2" class = "台北" > < / span >
2007-03-25 19:02:31 +00:00
< span id = "foo:bar" class = "foo:bar" > < / span >
< span id = "test.foo[5]bar" class = "test.foo[5]bar" > < / span >
2010-10-22 05:18:58 +00:00
2007-04-28 15:39:30 +00:00
< foo_bar id = "foobar" > test element< / foo_bar >
2006-08-14 01:46:05 +00:00
< / form >
2006-10-17 19:12:22 +00:00
< b id = "floatTest" > Float test.< / b >
2007-03-25 19:02:31 +00:00
< iframe id = "iframe" name = "iframe" > < / iframe >
< form id = "lengthtest" >
2007-07-08 04:46:21 +00:00
< input type = "text" id = "length" name = "test" / >
< input type = "text" id = "idTest" name = "id" / >
2007-03-25 11:52:53 +00:00
< / form >
2007-04-30 13:13:01 +00:00
< table id = "table" > < / table >
2009-01-05 01:24:14 +00:00
< form id = "name-tests" >
<!-- Inputs with a grouped name attribute. -->
< input name = "types[]" id = "types_all" type = "checkbox" value = "all" / >
< input name = "types[]" id = "types_anime" type = "checkbox" value = "anime" / >
< input name = "types[]" id = "types_movie" type = "checkbox" value = "movie" / >
< / form >
2010-10-22 05:18:58 +00:00
2007-09-05 17:06:05 +00:00
< form id = "testForm" action = "#" method = "get" >
< textarea name = "T3" rows = "2" cols = "15" > ?
Z< / textarea >
< input type = "hidden" name = "H1" value = "x" / >
< input type = "hidden" name = "H2" / >
< input name = "PWD" type = "password" value = "" / >
< input name = "T1" type = "text" / >
< input name = "T2" type = "text" value = "YES" readonly = "readonly" / >
< input type = "checkbox" name = "C1" value = "1" / >
< input type = "checkbox" name = "C2" / >
< input type = "radio" name = "R1" value = "1" / >
< input type = "radio" name = "R1" value = "2" / >
< input type = "text" name = "My Name" value = "me" / >
< input type = "reset" name = "reset" value = "NO" / >
2007-11-16 23:39:23 +00:00
< select name = "S1" >
< option value = "abc" > ABC< / option >
< option value = "abc" > ABC< / option >
< option value = "abc" > ABC< / option >
< / select >
< select name = "S2" multiple = "multiple" size = "3" >
< option value = "abc" > ABC< / option >
< option value = "abc" > ABC< / option >
< option value = "abc" > ABC< / option >
< / select >
2007-09-05 17:06:05 +00:00
< select name = "S3" >
< option selected = "selected" > YES< / option >
< / select >
< select name = "S4" >
< option value = "" selected = "selected" > NO< / option >
< / select >
2007-11-16 23:39:23 +00:00
< input type = "submit" name = "sub1" value = "NO" / >
< input type = "submit" name = "sub2" value = "NO" / >
2007-12-05 00:26:13 +00:00
< input type = "image" name = "sub3" value = "NO" / >
2007-09-05 17:06:05 +00:00
< button name = "sub4" type = "submit" value = "NO" > NO< / button >
< input name = "D1" type = "text" value = "NO" disabled = "disabled" / >
< input type = "checkbox" checked = "checked" disabled = "disabled" name = "D2" value = "NO" / >
< input type = "radio" name = "D3" value = "NO" checked = "checked" disabled = "disabled" / >
< select name = "D4" disabled = "disabled" >
< option selected = "selected" value = "NO" > NO< / option >
< / select >
< / form >
2007-11-16 23:39:23 +00:00
< div id = "moretests" >
< form >
< div id = "checkedtest" style = "display:none;" >
< input type = "radio" name = "checkedtestradios" checked = "checked" / >
< input type = "radio" name = "checkedtestradios" value = "on" / >
< input type = "checkbox" name = "checkedtestcheckboxes" checked = "checked" / >
< input type = "checkbox" name = "checkedtestcheckboxes" / >
< / div >
< / form >
2007-12-07 01:52:21 +00:00
< div id = "nonnodes" > < span > hi< / span > there <!-- mon ami --> < / div >
2007-12-17 01:58:05 +00:00
< div id = "t2037" >
< div > < div class = "hidden" > hidden< / div > < / div >
< / div >
2007-11-16 23:39:23 +00:00
< / div >
2010-10-22 05:18:58 +00:00
2009-01-05 17:34:42 +00:00
< div id = "tabindex-tests" >
2009-01-19 21:40:23 +00:00
< ol id = "listWithTabIndex" tabindex = "5" >
2009-01-05 17:34:42 +00:00
< li id = "foodWithNegativeTabIndex" tabindex = "-1" > Rice< / li >
< li id = "foodNoTabIndex" > Beans< / li >
< li > Blinis< / li >
< li > Tofu< / li >
< / ol >
2010-10-22 05:18:58 +00:00
2009-01-05 17:34:42 +00:00
< div id = "divWithNoTabIndex" > I'm hungry. I should...< / div >
< span > ...< / span > < a href = "#" id = "linkWithNoTabIndex" > Eat lots of food< / a > < span > ...< / span > |
< span > ...< / span > < a href = "#" id = "linkWithTabIndex" tabindex = "2" > Eat a little food< / a > < span > ...< / span > |
< span > ...< / span > < a href = "#" id = "linkWithNegativeTabIndex" tabindex = "-1" > Eat no food< / a > < span > ...< / span >
2009-01-19 21:40:23 +00:00
< span > ...< / span > < a id = "linkWithNoHrefWithNoTabIndex" > Eat a burger< / a > < span > ...< / span >
< span > ...< / span > < a id = "linkWithNoHrefWithTabIndex" tabindex = "1" > Eat some funyuns< / a > < span > ...< / span >
< span > ...< / span > < a id = "linkWithNoHrefWithNegativeTabIndex" tabindex = "-1" > Eat some funyuns< / a > < span > ...< / span >
2009-01-05 17:34:42 +00:00
< / div >
2010-10-22 05:18:58 +00:00
2009-02-09 23:29:57 +00:00
< div id = "liveHandlerOrder" >
< span id = "liveSpan1" > < a href = "#" id = "liveLink1" > < / a > < / span >
< span id = "liveSpan2" > < a href = "#" id = "liveLink2" > < / a > < / span >
< / div >
2009-12-19 22:50:56 +00:00
< div id = "siblingTest" >
< em id = "siblingfirst" > 1< / em >
< em id = "siblingnext" > 2< / em >
< / div >
2006-08-14 01:46:05 +00:00
< / div >
< / dl >
2009-05-20 21:59:24 +00:00
< div id = "fx-test-group" style = "position:absolute;width:1px;height:1px;overflow:hidden;" >
2009-02-17 15:54:27 +00:00
< div id = "fx-queue" name = "test" >
< div id = "fadein" class = 'chain test' name = 'div' > fadeIn< div > fadeIn< / div > < / div >
< div id = "fadeout" class = 'chain test out' > fadeOut< div > fadeOut< / div > < / div >
2010-10-22 05:18:58 +00:00
2009-02-17 15:54:27 +00:00
< div id = "show" class = 'chain test' > show< div > show< / div > < / div >
< div id = "hide" class = 'chain test out' > hide< div > hide< / div > < / div >
2010-10-22 05:18:58 +00:00
2009-02-17 15:54:27 +00:00
< div id = "togglein" class = 'chain test' > togglein< div > togglein< / div > < / div >
< div id = "toggleout" class = 'chain test out' > toggleout< div > toggleout< / div > < / div >
2010-10-22 05:18:58 +00:00
2009-02-17 15:54:27 +00:00
< div id = "slideup" class = 'chain test' > slideUp< div > slideUp< / div > < / div >
< div id = "slidedown" class = 'chain test out' > slideDown< div > slideDown< / div > < / div >
2010-10-22 05:18:58 +00:00
2009-02-17 15:54:27 +00:00
< div id = "slidetogglein" class = 'chain test' > slideToggleIn< div > slideToggleIn< / div > < / div >
< div id = "slidetoggleout" class = 'chain test out' > slideToggleOut< div > slideToggleOut< / div > < / div >
< / div >
2010-10-22 05:18:58 +00:00
2009-02-17 15:54:27 +00:00
< div id = "fx-tests" > < / div >
< / div >
2006-08-13 15:24:52 +00:00
< / body >
< / html >