1 <!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns=
"http://www.w3.org/1999/xhtml" xml:
lang=
"en" lang=
"en" dir=
"ltr" id=
"html">
4 <meta http-equiv=
"Content-Type" content=
"text/html; charset=utf-8" />
5 <title>jQuery Test Suite
</title>
6 <link rel=
"Stylesheet" media=
"screen" href=
"data/testsuite.css" />
7 <script>var jQuery
= "jQuery", $ = "$"; // For testing .noConflict()</script>
8 <script type
="text/javascript" src
="../dist/jquery.js"></script>
9 <script type=
"text/javascript" src=
"data/testrunner.js"></script>
10 <script type=
"text/javascript" src=
"unit/core.js"></script>
11 <script type=
"text/javascript" src=
"unit/dimensions.js"></script>
12 <script type=
"text/javascript" src=
"unit/selector.js"></script>
13 <script type=
"text/javascript" src=
"unit/event.js"></script>
14 <script type=
"text/javascript" src=
"unit/ajax.js"></script>
15 <script type=
"text/javascript" src=
"unit/fx.js"></script>
19 <h1 id=
"header">jQuery Test Suite
</h1>
21 <h2 id=
"userAgent"></h2>
24 <div id=
"nothiddendiv" style=
"height:1px;background:white;">
25 <div id=
"nothiddendivchild"></div>
27 <!-- 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 -->
28 <iframe id=
"loadediframe" name=
"loadediframe" style=
"display:none;" src=
"data/iframe.html"></iframe>
29 <dl id=
"dl" style=
"display:none;">
30 <div id=
"main" style=
"display: none;">
31 <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>
33 Here are some links in a normal paragraph:
<a id=
"google" href=
"http://www.google.com/" title=
"Google!">Google
</a>,
34 <a id=
"groups" href=
"http://groups.google.com/">Google Groups
</a>.
35 This link has
<code><a href=
"http://smin" id=
"anchor1">class=
"blog"</a></code>:
36 <a href=
"http://diveintomark.org/" class=
"blog" hreflang=
"en" id=
"mark">diveintomark
</a>
40 <p id=
"sndp">Everything inside the red border is inside a div with
<code>id=
"foo"</code>.
</p>
41 <p lang=
"en" id=
"en">This is a normal link:
<a id=
"yahoo" href=
"http://www.yahoo.com/" class=
"blogTest">Yahoo
</a></p>
42 <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>
45 <p id=
"first">Try them out:
</p>
46 <ul id=
"firstUL"></ul>
48 <form id=
"form" action=
"formaction">
49 <input type=
"text" name=
"action" value=
"Test" id=
"text1" maxlength=
"30"/>
50 <input type=
"text" name=
"text2" value=
"Test" id=
"text2" disabled=
"disabled"/>
51 <input type=
"radio" name=
"radio1" id=
"radio1" value=
"on"/>
53 <input type=
"radio" name=
"radio2" id=
"radio2" checked=
"checked"/>
54 <input type=
"checkbox" name=
"check" id=
"check1" checked=
"checked"/>
55 <input type=
"checkbox" id=
"check2" value=
"on"/>
57 <input type=
"hidden" name=
"hidden" id=
"hidden1"/>
58 <input type=
"text" style=
"display:none;" name=
"foo[bar]" id=
"hidden2"/>
60 <input type=
"text" id=
"name" name=
"name" value=
"name" />
62 <button id=
"button" name=
"button">Button
</button>
64 <textarea id=
"area1" maxlength=
"30">foobar
</textarea>
66 <select name=
"select1" id=
"select1">
67 <option id=
"option1a" class=
"emptyopt" value=
"">Nothing
</option>
68 <option id=
"option1b" value=
"1">1</option>
69 <option id=
"option1c" value=
"2">2</option>
70 <option id=
"option1d" value=
"3">3</option>
72 <select name=
"select2" id=
"select2">
73 <option id=
"option2a" class=
"emptyopt" value=
"">Nothing
</option>
74 <option id=
"option2b" value=
"1">1</option>
75 <option id=
"option2c" value=
"2">2</option>
76 <option id=
"option2d" selected=
"selected" value=
"3">3</option>
78 <select name=
"select3" id=
"select3" multiple=
"multiple">
79 <option id=
"option3a" class=
"emptyopt" value=
"">Nothing
</option>
80 <option id=
"option3b" selected=
"selected" value=
"1">1</option>
81 <option id=
"option3c" selected=
"selected" value=
"2">2</option>
82 <option id=
"option3d" value=
"3">3</option>
85 <object id=
"object1" codebase=
"stupid">
86 <param name=
"p1" value=
"x1" />
87 <param name=
"p2" value=
"x2" />
90 <span id=
"台北Táiběi"></span>
91 <span id=
"台北" lang=
"中文"></span>
92 <span id=
"utf8class1" class=
"台北Táiběi 台北"></span>
93 <span id=
"utf8class2" class=
"台北"></span>
94 <span id=
"foo:bar" class=
"foo:bar"></span>
95 <span id=
"test.foo[5]bar" class=
"test.foo[5]bar"></span>
97 <foo_bar id=
"foobar">test element
</foo_bar>
99 <b id=
"floatTest">Float test.
</b>
100 <iframe id=
"iframe" name=
"iframe"></iframe>
101 <form id=
"lengthtest">
102 <input type=
"text" id=
"length" name=
"test"/>
103 <input type=
"text" id=
"idTest" name=
"id"/>
105 <table id=
"table"></table>
108 <div id=
"fadein" class='chain test'
>fadeIn
<div>fadeIn
</div></div>
109 <div id=
"fadeout" class='chain test out'
>fadeOut
<div>fadeOut
</div></div>
111 <div id=
"show" class='chain test'
>show
<div>show
</div></div>
112 <div id=
"hide" class='chain test out'
>hide
<div>hide
</div></div>
114 <div id=
"togglein" class='chain test'
>togglein
<div>togglein
</div></div>
115 <div id=
"toggleout" class='chain test out'
>toggleout
<div>toggleout
</div></div>
118 <div id=
"slideup" class='chain test'
>slideUp
<div>slideUp
</div></div>
119 <div id=
"slidedown" class='chain test out'
>slideDown
<div>slideDown
</div></div>
121 <div id=
"slidetogglein" class='chain test'
>slideToggleIn
<div>slideToggleIn
</div></div>
122 <div id=
"slidetoggleout" class='chain test out'
>slideToggleOut
<div>slideToggleOut
</div></div>
125 <div id=
"fx-tests"></div>
127 <form id=
"testForm" action=
"#" method=
"get">
128 <textarea name=
"T3" rows=
"2" cols=
"15">?
130 <input type=
"hidden" name=
"H1" value=
"x" />
131 <input type=
"hidden" name=
"H2" />
132 <input name=
"PWD" type=
"password" value=
"" />
133 <input name=
"T1" type=
"text" />
134 <input name=
"T2" type=
"text" value=
"YES" readonly=
"readonly" />
135 <input type=
"checkbox" name=
"C1" value=
"1" />
136 <input type=
"checkbox" name=
"C2" />
137 <input type=
"radio" name=
"R1" value=
"1" />
138 <input type=
"radio" name=
"R1" value=
"2" />
139 <input type=
"text" name=
"My Name" value=
"me" />
140 <input type=
"reset" name=
"reset" value=
"NO" />
142 <option value=
"abc">ABC
</option>
143 <option value=
"abc">ABC
</option>
144 <option value=
"abc">ABC
</option>
146 <select name=
"S2" multiple=
"multiple" size=
"3">
147 <option value=
"abc">ABC
</option>
148 <option value=
"abc">ABC
</option>
149 <option value=
"abc">ABC
</option>
152 <option selected=
"selected">YES
</option>
155 <option value=
"" selected=
"selected">NO
</option>
157 <input type=
"submit" name=
"sub1" value=
"NO" />
158 <input type=
"submit" name=
"sub2" value=
"NO" />
159 <input type=
"image" name=
"sub3" value=
"NO" />
160 <button name=
"sub4" type=
"submit" value=
"NO">NO
</button>
161 <input name=
"D1" type=
"text" value=
"NO" disabled=
"disabled" />
162 <input type=
"checkbox" checked=
"checked" disabled=
"disabled" name=
"D2" value=
"NO" />
163 <input type=
"radio" name=
"D3" value=
"NO" checked=
"checked" disabled=
"disabled" />
164 <select name=
"D4" disabled=
"disabled">
165 <option selected=
"selected" value=
"NO">NO
</option>
170 <div id=
"checkedtest" style=
"display:none;">
171 <input type=
"radio" name=
"checkedtestradios" checked=
"checked"/>
172 <input type=
"radio" name=
"checkedtestradios" value=
"on"/>
173 <input type=
"checkbox" name=
"checkedtestcheckboxes" checked=
"checked"/>
174 <input type=
"checkbox" name=
"checkedtestcheckboxes" />
177 <div id=
"nonnodes"><span>hi
</span> there
<!-- mon ami --></div>
179 <div><div class=
"hidden">hidden
</div></div>