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=
"qunit/qunit/qunit.css" />
7 <link rel=
"Stylesheet" media=
"screen" href=
"data/testsuite.css" />
9 <script src=
"data/testinit.js"></script>
11 <script src=
"../src/core.js"></script>
12 <script src=
"../src/callbacks.js"></script>
13 <script src=
"../src/deferred.js"></script>
14 <script src=
"../src/support.js"></script>
15 <script src=
"../src/data.js"></script>
16 <script src=
"../src/queue.js"></script>
17 <script src=
"../src/attributes.js"></script>
18 <script src=
"../src/event.js"></script>
19 <script src=
"../src/sizzle/sizzle.js"></script>
20 <script src=
"../src/sizzle-jquery.js"></script>
21 <script src=
"../src/traversing.js"></script>
22 <script src=
"../src/manipulation.js"></script>
23 <script src=
"../src/css.js"></script>
24 <script src=
"../src/ajax.js"></script>
25 <script src=
"../src/ajax/jsonp.js"></script>
26 <script src=
"../src/ajax/script.js"></script>
27 <script src=
"../src/ajax/xhr.js"></script>
28 <script src=
"../src/effects.js"></script>
29 <script src=
"../src/offset.js"></script>
30 <script src=
"../src/dimensions.js"></script>
32 <script src=
"data/versioncheck.js"></script>
34 <script src=
"qunit/qunit/qunit.js"></script>
35 <script src=
"data/testrunner.js"></script>
37 <script src=
"unit/core.js"></script>
38 <script src=
"unit/support.js"></script>
39 <script src=
"unit/callbacks.js"></script>
40 <script src=
"unit/deferred.js"></script>
41 <script src=
"unit/data.js"></script>
42 <script src=
"unit/queue.js"></script>
43 <script src=
"unit/attributes.js"></script>
44 <script src=
"unit/event.js"></script>
45 <script src=
"../src/sizzle/test/unit/selector.js"></script>
46 <script src=
"unit/selector.js"></script>
47 <script src=
"unit/traversing.js"></script>
48 <script src=
"unit/manipulation.js"></script>
49 <script src=
"unit/css.js"></script>
50 <script src=
"unit/ajax.js"></script>
51 <script src=
"unit/effects.js"></script>
52 <script src=
"unit/offset.js"></script>
53 <script src=
"unit/dimensions.js"></script>
57 <h1 id=
"qunit-header"><a href=
"/jquery/test/index.html">jQuery Test Suite
</a>
58 <a href=
"?jquery=min">(minified)
</a>
60 <h2 id=
"qunit-banner"></h2>
61 <div id=
"qunit-testrunner-toolbar"></div>
62 <h2 id=
"qunit-userAgent"></h2>
63 <ol id=
"qunit-tests"></ol>
66 <div id=
"nothiddendiv" style=
"height:1px;background:white;" class=
"nothiddendiv">
67 <div id=
"nothiddendivchild"></div>
69 <!-- this iframe is outside the #qunit-fixture so it won't reload constantly wasting time, but it means the tests must be "safe" and clean up after themselves -->
70 <iframe id=
"loadediframe" name=
"loadediframe" style=
"display:none;" src=
"data/iframe.html"></iframe>
71 <dl id=
"dl" style=
"position:absolute;top:-32767px;left:-32767px;width:1px">
72 <div id=
"qunit-fixture">
73 <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>
75 Here are some links in a normal paragraph:
<a id=
"google" href=
"http://www.google.com/" title=
"Google!">Google
</a>,
76 <a id=
"groups" href=
"http://groups.google.com/" class=
"GROUPS">Google Groups (Link)
</a>.
77 This link has
<code><a href=
"http://smin" id=
"anchor1">class=
"blog"</a></code>:
78 <a href=
"http://diveintomark.org/" class=
"blog" hreflang=
"en" id=
"mark">diveintomark
</a>
82 <p id=
"sndp">Everything inside the red border is inside a div with
<code>id=
"foo"</code>.
</p>
83 <p lang=
"en" id=
"en">This is a normal link:
<a id=
"yahoo" href=
"http://www.yahoo.com/" class=
"blogTest">Yahoo
</a></p>
84 <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>
87 <span id=
"name+value"></span>
88 <p id=
"first">Try them out:
</p>
89 <ul id=
"firstUL"></ul>
91 <form id=
"form" action=
"formaction">
92 <label for=
"action" id=
"label-for">Action:
</label>
93 <input type=
"text" name=
"action" value=
"Test" id=
"text1" maxlength=
"30"/>
94 <input type=
"text" name=
"text2" value=
"Test" id=
"text2" disabled=
"disabled"/>
95 <input type=
"radio" name=
"radio1" id=
"radio1" value=
"on"/>
97 <input type=
"radio" name=
"radio2" id=
"radio2" checked=
"checked"/>
98 <input type=
"checkbox" name=
"check" id=
"check1" checked=
"checked"/>
99 <input type=
"checkbox" id=
"check2" value=
"on"/>
101 <input type=
"hidden" name=
"hidden" id=
"hidden1"/>
102 <input type=
"text" style=
"display:none;" name=
"foo[bar]" id=
"hidden2"/>
104 <input type=
"text" id=
"name" name=
"name" value=
"name" />
105 <input type=
"search" id=
"search" name=
"search" value=
"search" />
107 <button id=
"button" name=
"button" type=
"button">Button
</button>
109 <textarea id=
"area1" maxlength=
"30">foobar
</textarea>
111 <select name=
"select1" id=
"select1">
112 <option id=
"option1a" class=
"emptyopt" value=
"">Nothing
</option>
113 <option id=
"option1b" value=
"1">1</option>
114 <option id=
"option1c" value=
"2">2</option>
115 <option id=
"option1d" value=
"3">3</option>
117 <select name=
"select2" id=
"select2">
118 <option id=
"option2a" class=
"emptyopt" value=
"">Nothing
</option>
119 <option id=
"option2b" value=
"1">1</option>
120 <option id=
"option2c" value=
"2">2</option>
121 <option id=
"option2d" selected=
"selected" value=
"3">3</option>
123 <select name=
"select3" id=
"select3" multiple=
"multiple">
124 <option id=
"option3a" class=
"emptyopt" value=
"">Nothing
</option>
125 <option id=
"option3b" selected=
"selected" value=
"1">1</option>
126 <option id=
"option3c" selected=
"selected" value=
"2">2</option>
127 <option id=
"option3d" value=
"3">3</option>
128 <option id=
"option3e">no value
</option>
130 <select name=
"select4" id=
"select4" multiple=
"multiple">
131 <optgroup disabled=
"disabled">
132 <option id=
"option4a" class=
"emptyopt" value=
"">Nothing
</option>
133 <option id=
"option4b" disabled=
"disabled" selected=
"selected" value=
"1">1</option>
134 <option id=
"option4c" selected=
"selected" value=
"2">2</option>
136 <option selected=
"selected" disabled=
"disabled" id=
"option4d" value=
"3">3</option>
137 <option id=
"option4e">no value
</option>
139 <select name=
"select5" id=
"select5">
140 <option id=
"option5a" value=
"3">1</option>
141 <option id=
"option5b" value=
"2">2</option>
142 <option id=
"option5c" value=
"1" data-attr=
"">3</option>
145 <object id=
"object1" codebase=
"stupid">
146 <param name=
"p1" value=
"x1" />
147 <param name=
"p2" value=
"x2" />
150 <span id=
"台北Táiběi"></span>
151 <span id=
"台北" lang=
"中文"></span>
152 <span id=
"utf8class1" class=
"台北Táiběi 台北"></span>
153 <span id=
"utf8class2" class=
"台北"></span>
154 <span id=
"foo:bar" class=
"foo:bar"></span>
155 <span id=
"test.foo[5]bar" class=
"test.foo[5]bar"></span>
157 <foo_bar id=
"foobar">test element
</foo_bar>
159 <b id=
"floatTest">Float test.
</b>
160 <iframe id=
"iframe" name=
"iframe"></iframe>
161 <form id=
"lengthtest">
162 <input type=
"text" id=
"length" name=
"test"/>
163 <input type=
"text" id=
"idTest" name=
"id"/>
165 <table id=
"table"></table>
167 <form id=
"name-tests">
168 <!-- Inputs with a grouped name attribute. -->
169 <input name=
"types[]" id=
"types_all" type=
"checkbox" value=
"all" />
170 <input name=
"types[]" id=
"types_anime" type=
"checkbox" value=
"anime" />
171 <input name=
"types[]" id=
"types_movie" type=
"checkbox" value=
"movie" />
174 <form id=
"testForm" action=
"#" method=
"get">
175 <textarea name=
"T3" rows=
"2" cols=
"15">?
177 <input type=
"hidden" name=
"H1" value=
"x" />
178 <input type=
"hidden" name=
"H2" />
179 <input name=
"PWD" type=
"password" value=
"" />
180 <input name=
"T1" type=
"text" />
181 <input name=
"T2" type=
"text" value=
"YES" readonly=
"readonly" />
182 <input type=
"checkbox" name=
"C1" value=
"1" />
183 <input type=
"checkbox" name=
"C2" />
184 <input type=
"radio" name=
"R1" value=
"1" />
185 <input type=
"radio" name=
"R1" value=
"2" />
186 <input type=
"text" name=
"My Name" value=
"me" />
187 <input type=
"reset" name=
"reset" value=
"NO" />
189 <option value=
"abc">ABC
</option>
190 <option value=
"abc">ABC
</option>
191 <option value=
"abc">ABC
</option>
193 <select name=
"S2" multiple=
"multiple" size=
"3">
194 <option value=
"abc">ABC
</option>
195 <option value=
"abc">ABC
</option>
196 <option value=
"abc">ABC
</option>
199 <option selected=
"selected">YES
</option>
202 <option value=
"" selected=
"selected">NO
</option>
204 <input type=
"submit" name=
"sub1" value=
"NO" />
205 <input type=
"submit" name=
"sub2" value=
"NO" />
206 <input type=
"image" name=
"sub3" value=
"NO" />
207 <button name=
"sub4" type=
"submit" value=
"NO">NO
</button>
208 <input name=
"D1" type=
"text" value=
"NO" disabled=
"disabled" />
209 <input type=
"checkbox" checked=
"checked" disabled=
"disabled" name=
"D2" value=
"NO" />
210 <input type=
"radio" name=
"D3" value=
"NO" checked=
"checked" disabled=
"disabled" />
211 <select name=
"D4" disabled=
"disabled">
212 <option selected=
"selected" value=
"NO">NO
</option>
214 <input id=
"list-test" type=
"text" />
215 <datalist id=
"datalist">
216 <option value=
"option"></option>
221 <div id=
"checkedtest" style=
"display:none;">
222 <input type=
"radio" name=
"checkedtestradios" checked=
"checked"/>
223 <input type=
"radio" name=
"checkedtestradios" value=
"on"/>
224 <input type=
"checkbox" name=
"checkedtestcheckboxes" checked=
"checked"/>
225 <input type=
"checkbox" name=
"checkedtestcheckboxes" />
228 <div id=
"nonnodes"><span>hi
</span> there
<!-- mon ami --></div>
230 <div><div class=
"hidden">hidden
</div></div>
235 <div id=
"no-clone-exception"><object><embed></embed></object></div>
238 <div id=
"tabindex-tests">
239 <ol id=
"listWithTabIndex" tabindex=
"5">
240 <li id=
"foodWithNegativeTabIndex" tabindex=
"-1">Rice
</li>
241 <li id=
"foodNoTabIndex">Beans
</li>
246 <div id=
"divWithNoTabIndex">I'm hungry. I should...
</div>
247 <span>...
</span><a href=
"#" id=
"linkWithNoTabIndex">Eat lots of food
</a><span>...
</span> |
248 <span>...
</span><a href=
"#" id=
"linkWithTabIndex" tabindex=
"2">Eat a little food
</a><span>...
</span> |
249 <span>...
</span><a href=
"#" id=
"linkWithNegativeTabIndex" tabindex=
"-1">Eat no food
</a><span>...
</span>
250 <span>...
</span><a id=
"linkWithNoHrefWithNoTabIndex">Eat a burger
</a><span>...
</span>
251 <span>...
</span><a id=
"linkWithNoHrefWithTabIndex" tabindex=
"1">Eat some funyuns
</a><span>...
</span>
252 <span>...
</span><a id=
"linkWithNoHrefWithNegativeTabIndex" tabindex=
"-1">Eat some funyuns
</a><span>...
</span>
255 <div id=
"liveHandlerOrder">
256 <span id=
"liveSpan1"><a href=
"#" id=
"liveLink1"></a></span>
257 <span id=
"liveSpan2"><a href=
"#" id=
"liveLink2"></a></span>
260 <div id=
"siblingTest">
261 <em id=
"siblingfirst">1</em>
262 <em id=
"siblingnext">2</em>
266 <div id=
"fx-test-group" style=
"position:absolute;width:1px;height:1px;overflow:hidden;">
267 <div id=
"fx-queue" name=
"test">
268 <div id=
"fadein" class='chain test' name='div'
>fadeIn
<div>fadeIn
</div></div>
269 <div id=
"fadeout" class='chain test out'
>fadeOut
<div>fadeOut
</div></div>
271 <div id=
"show" class='chain test'
>show
<div>show
</div></div>
272 <div id=
"hide" class='chain test out'
>hide
<div>hide
</div></div>
274 <div id=
"togglein" class='chain test'
>togglein
<div>togglein
</div></div>
275 <div id=
"toggleout" class='chain test out'
>toggleout
<div>toggleout
</div></div>
278 <div id=
"slideup" class='chain test'
>slideUp
<div>slideUp
</div></div>
279 <div id=
"slidedown" class='chain test out'
>slideDown
<div>slideDown
</div></div>
281 <div id=
"slidetogglein" class='chain test'
>slideToggleIn
<div>slideToggleIn
</div></div>
282 <div id=
"slidetoggleout" class='chain test out'
>slideToggleOut
<div>slideToggleOut
</div></div>
284 <div id=
"fadetogglein" class='chain test'
>fadeToggleIn
<div>fadeToggleIn
</div></div>
285 <div id=
"fadetoggleout" class='chain test out'
>fadeToggleOut
<div>fadeToggleOut
</div></div>
287 <div id=
"fadeto" class='chain test'
>fadeTo
<div>fadeTo
</div></div>
290 <div id=
"fx-tests"></div>