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 <meta http-equiv=
"X-UA-Compatible" content=
"IE=Edge" />
6 <title>jQuery Test Suite
</title>
7 <link rel=
"Stylesheet" media=
"screen" href=
"libs/qunit/qunit.css" />
8 <link rel=
"Stylesheet" media=
"screen" href=
"data/testsuite.css" />
12 We have to use previous jQuery as helper to ensure testability with
13 ajax-free builds (and non-interference when changing ajax internals)
15 <script src=
"data/jquery-1.9.1.js"></script>
17 <script src=
"libs/qunit/qunit.js"></script>
18 <script src=
"libs/require.js"></script>
19 <script src=
"libs/sinon/fake_timers.js"></script>
20 <!-- See testinit for the list of tests -->
21 <script src=
"data/testinit.js"></script>
23 <!-- A script that includes jQuery min, dev, or AMD -->
24 <!-- Adds "basic" URL option, even to iframes -->
25 <!-- iframes will not load AMD as loading needs to be synchronous for some tests -->
26 <!-- Also executes the function above to load tests -->
27 <script src=
"jquery.js"></script>
30 // Load tests if they have not been loaded
31 // This is in a different script tag to ensure that
32 // jQuery is on the page when the testrunner executes
33 if ( !QUnit
.urlParams
.amd
) {
40 <div id=
"qunit"></div>
43 <!-- 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 -->
44 <iframe id=
"loadediframe" name=
"loadediframe" style=
"display:none;" src=
"data/iframe.html"></iframe>
45 <dl id=
"dl" style=
"position:absolute;top:-32767px;left:-32767px;width:1px;">
46 <div id=
"qunit-fixture">
47 <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>
49 Here are some links in a normal paragraph:
<a id=
"google" href=
"http://www.google.com/" title=
"Google!">Google
</a>,
50 <a id=
"groups" href=
"http://groups.google.com/" class=
"GROUPS">Google Groups (Link)
</a>.
51 This link has
<code><a href=
"http://smin" id=
"anchor1">class=
"blog"</a></code>:
52 <a href=
"http://diveintomark.org/" class=
"blog" hreflang=
"en" id=
"mark">diveintomark
</a>
56 <p id=
"sndp">Everything inside the red border is inside a div with
<code>id=
"foo"</code>.
</p>
57 <p lang=
"en" id=
"en">This is a normal link:
<a id=
"yahoo" href=
"http://www.yahoo.com/" class=
"blogTest">Yahoo
</a></p>
58 <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>
61 <div id=
"nothiddendiv" style=
"height:1px;background:white;" class=
"nothiddendiv">
62 <div id=
"nothiddendivchild"></div>
64 <span id=
"name+value"></span>
65 <p id=
"first">Try them out:
</p>
66 <ul id=
"firstUL"></ul>
68 <form id=
"form" action=
"formaction">
69 <label for=
"action" id=
"label-for">Action:
</label>
70 <input type=
"text" name=
"action" value=
"Test" id=
"text1" maxlength=
"30"/>
71 <input type=
"text" name=
"text2" value=
"Test" id=
"text2" disabled=
"disabled"/>
72 <input type=
"radio" name=
"radio1" id=
"radio1" value=
"on"/>
74 <input type=
"radio" name=
"radio2" id=
"radio2" checked=
"checked"/>
75 <input type=
"checkbox" name=
"check" id=
"check1" checked=
"checked"/>
76 <input type=
"checkbox" id=
"check2" value=
"on"/>
78 <input type=
"hidden" name=
"hidden" id=
"hidden1"/>
79 <input type=
"text" style=
"display:none;" name=
"foo[bar]" id=
"hidden2"/>
81 <input type=
"text" id=
"name" name=
"name" value=
"name" />
82 <input type=
"search" id=
"search" name=
"search" value=
"search" />
84 <button id=
"button" name=
"button" type=
"button">Button
</button>
86 <textarea id=
"area1" maxlength=
"30">foobar
</textarea>
88 <select name=
"select1" id=
"select1">
89 <option id=
"option1a" class=
"emptyopt" value=
"">Nothing
</option>
90 <option id=
"option1b" value=
"1">1</option>
91 <option id=
"option1c" value=
"2">2</option>
92 <option id=
"option1d" value=
"3">3</option>
94 <select name=
"select2" id=
"select2">
95 <option id=
"option2a" class=
"emptyopt" value=
"">Nothing
</option>
96 <option id=
"option2b" value=
"1">1</option>
97 <option id=
"option2c" value=
"2">2</option>
98 <option id=
"option2d" selected=
"selected" value=
"3">3</option>
100 <select name=
"select3" id=
"select3" multiple=
"multiple">
101 <option id=
"option3a" class=
"emptyopt" value=
"">Nothing
</option>
102 <option id=
"option3b" selected=
"selected" value=
"1">1</option>
103 <option id=
"option3c" selected=
"selected" value=
"2">2</option>
104 <option id=
"option3d" value=
"3">3</option>
105 <option id=
"option3e">no value
</option>
107 <select name=
"select4" id=
"select4" multiple=
"multiple">
108 <optgroup disabled=
"disabled">
109 <option id=
"option4a" class=
"emptyopt" value=
"">Nothing
</option>
110 <option id=
"option4b" disabled=
"disabled" selected=
"selected" value=
"1">1</option>
111 <option id=
"option4c" selected=
"selected" value=
"2">2</option>
113 <option selected=
"selected" disabled=
"disabled" id=
"option4d" value=
"3">3</option>
114 <option id=
"option4e">no value
</option>
116 <select name=
"select5" id=
"select5">
117 <option id=
"option5a" value=
"3">1</option>
118 <option id=
"option5b" value=
"2">2</option>
119 <option id=
"option5c" value=
"1" data-attr=
"">3</option>
122 <object id=
"object1" codebase=
"stupid">
123 <param name=
"p1" value=
"x1" />
124 <param name=
"p2" value=
"x2" />
127 <span id=
"台北Táiběi"></span>
128 <span id=
"台北" lang=
"中文"></span>
129 <span id=
"utf8class1" class=
"台北Táiběi 台北"></span>
130 <span id=
"utf8class2" class=
"台北"></span>
131 <span id=
"foo:bar" class=
"foo:bar"></span>
132 <span id=
"test.foo[5]bar" class=
"test.foo[5]bar"></span>
134 <foo_bar id=
"foobar">test element
</foo_bar>
136 <b id=
"floatTest">Float test.
</b>
137 <iframe id=
"iframe" name=
"iframe"></iframe>
138 <form id=
"lengthtest">
139 <input type=
"text" id=
"length" name=
"test"/>
140 <input type=
"text" id=
"idTest" name=
"id"/>
142 <table id=
"table"></table>
144 <form id=
"name-tests">
145 <!-- Inputs with a grouped name attribute. -->
146 <input name=
"types[]" id=
"types_all" type=
"checkbox" value=
"all" />
147 <input name=
"types[]" id=
"types_anime" type=
"checkbox" value=
"anime" />
148 <input name=
"types[]" id=
"types_movie" type=
"checkbox" value=
"movie" />
151 <form id=
"testForm" action=
"#" method=
"get">
152 <textarea name=
"T3" rows=
"2" cols=
"15">?
154 <input type=
"hidden" name=
"H1" value=
"x" />
155 <input type=
"hidden" name=
"H2" />
156 <input name=
"PWD" type=
"password" value=
"" />
157 <input name=
"T1" type=
"text" />
158 <input name=
"T2" type=
"text" value=
"YES" readonly=
"readonly" />
159 <input type=
"checkbox" name=
"C1" value=
"1" />
160 <input type=
"checkbox" name=
"C2" />
161 <input type=
"radio" name=
"R1" value=
"1" />
162 <input type=
"radio" name=
"R1" value=
"2" />
163 <input type=
"text" name=
"My Name" value=
"me" />
164 <input type=
"reset" name=
"reset" value=
"NO" />
166 <option value=
"abc">ABC
</option>
167 <option value=
"abc">ABC
</option>
168 <option value=
"abc">ABC
</option>
170 <select name=
"S2" multiple=
"multiple" size=
"3">
171 <option value=
"abc">ABC
</option>
172 <option value=
"abc">ABC
</option>
173 <option value=
"abc">ABC
</option>
176 <option selected=
"selected">YES
</option>
179 <option value=
"" selected=
"selected">NO
</option>
181 <input type=
"submit" name=
"sub1" value=
"NO" />
182 <input type=
"submit" name=
"sub2" value=
"NO" />
183 <input type=
"image" name=
"sub3" value=
"NO" />
184 <button name=
"sub4" type=
"submit" value=
"NO">NO
</button>
185 <input name=
"D1" type=
"text" value=
"NO" disabled=
"disabled" />
186 <input type=
"checkbox" checked=
"checked" disabled=
"disabled" name=
"D2" value=
"NO" />
187 <input type=
"radio" name=
"D3" value=
"NO" checked=
"checked" disabled=
"disabled" />
188 <select name=
"D4" disabled=
"disabled">
189 <option selected=
"selected" value=
"NO">NO
</option>
191 <input id=
"list-test" type=
"text" />
192 <datalist id=
"datalist">
193 <option value=
"option"></option>
198 <div id=
"checkedtest" style=
"display:none;">
199 <input type=
"radio" name=
"checkedtestradios" checked=
"checked"/>
200 <input type=
"radio" name=
"checkedtestradios" value=
"on"/>
201 <input type=
"checkbox" name=
"checkedtestcheckboxes" checked=
"checked"/>
202 <input type=
"checkbox" name=
"checkedtestcheckboxes" />
205 <div id=
"nonnodes"><span id=
"nonnodesElement">hi
</span> there
<!-- mon ami --></div>
207 <div><div class=
"hidden">hidden
</div></div>
212 <div id=
"no-clone-exception"><object><embed></embed></object></div>
215 <div id=
"tabindex-tests">
216 <ol id=
"listWithTabIndex" tabindex=
"5">
217 <li id=
"foodWithNegativeTabIndex" tabindex=
"-1">Rice
</li>
218 <li id=
"foodNoTabIndex">Beans
</li>
223 <div id=
"divWithNoTabIndex">I'm hungry. I should...
</div>
224 <span>...
</span><a href=
"#" id=
"linkWithNoTabIndex">Eat lots of food
</a><span>...
</span> |
225 <span>...
</span><a href=
"#" id=
"linkWithTabIndex" tabindex=
"2">Eat a little food
</a><span>...
</span> |
226 <span>...
</span><a href=
"#" id=
"linkWithNegativeTabIndex" tabindex=
"-1">Eat no food
</a><span>...
</span>
227 <span>...
</span><a id=
"linkWithNoHrefWithNoTabIndex">Eat a burger
</a><span>...
</span>
228 <span>...
</span><a id=
"linkWithNoHrefWithTabIndex" tabindex=
"1">Eat some funyuns
</a><span>...
</span>
229 <span>...
</span><a id=
"linkWithNoHrefWithNegativeTabIndex" tabindex=
"-1">Eat some funyuns
</a><span>...
</span>
230 <input id=
"inputWithoutTabIndex"/>
231 <button id=
"buttonWithoutTabIndex"></button>
232 <textarea id=
"textareaWithoutTabIndex"></textarea>
234 <menuitem id=
"menuitemWithoutTabIndex" command=
"submitbutton" default
/>
238 <div id=
"liveHandlerOrder">
239 <span id=
"liveSpan1"><a href=
"#" id=
"liveLink1"></a></span>
240 <span id=
"liveSpan2"><a href=
"#" id=
"liveLink2"></a></span>
243 <div id=
"siblingTest">
244 <em id=
"siblingfirst">1</em>
245 <em id=
"siblingnext">2</em>
246 <em id=
"siblingthird">
247 <em id=
"siblingchild">
248 <em id=
"siblinggrandchild">
249 <em id=
"siblinggreatgrandchild"></em>
253 <span id=
"siblingspan"></span>
255 <div id=
"fx-test-group" style=
"position: absolute; width: 1px; height: 1px; overflow: hidden;">
256 <div id=
"fx-queue" name=
"test">
257 <div id=
"fadein" class='chain-test' name='div'
>fadeIn
<div>fadeIn
</div></div>
258 <div id=
"fadeout" class='chain-test chain-test-out'
>fadeOut
<div>fadeOut
</div></div>
260 <div id=
"show" class='chain-test'
>show
<div>show
</div></div>
261 <div id=
"hide" class='chain-test chain-test-out'
>hide
<div>hide
</div></div>
262 <div id=
"easehide" class='chain-test chain-test-out'
>hide
<div>hide
</div></div>
264 <div id=
"togglein" class='chain-test'
>togglein
<div>togglein
</div></div>
265 <div id=
"toggleout" class='chain-test chain-test-out'
>toggleout
<div>toggleout
</div></div>
266 <div id=
"easetoggleout" class='chain-test chain-test-out'
>toggleout
<div>toggleout
</div></div>
268 <div id=
"slideup" class='chain-test'
>slideUp
<div>slideUp
</div></div>
269 <div id=
"slidedown" class='chain-test chain-test-out'
>slideDown
<div>slideDown
</div></div>
270 <div id=
"easeslideup" class='chain-test'
>slideUp
<div>slideUp
</div></div>
272 <div id=
"slidetogglein" class='chain-test'
>slideToggleIn
<div>slideToggleIn
</div></div>
273 <div id=
"slidetoggleout" class='chain-test chain-test-out'
>slideToggleOut
<div>slideToggleOut
</div></div>
275 <div id=
"fadetogglein" class='chain-test'
>fadeToggleIn
<div>fadeToggleIn
</div></div>
276 <div id=
"fadetoggleout" class='chain-test chain-test-out'
>fadeToggleOut
<div>fadeToggleOut
</div></div>
278 <div id=
"fadeto" class='chain-test'
>fadeTo
<div>fadeTo
</div></div>
281 <div id=
"fx-tests"></div>
282 <span id=
"display"></span>
286 <map name=
"imgmap" id=
"imgmap">
287 <area shape=
"rect" coords=
"0,0,200,50">