jquery/build/test/index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr" id="html">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>jQuery Test Suite</title>
	<link rel="Stylesheet" media="screen" href="data/testsuite.css" />
	<script type="text/javascript" src="../dist/jquery.js"></script>
	<script type="text/javascript" src="data/testrunner.js"></script>
	<script type="text/javascript" src="../src/jquery/coreTest.js"></script>
	<script type="text/javascript" src="../src/selector/selectorTest.js"></script>
	<script type="text/javascript" src="../src/event/eventTest.js"></script>
	<script type="text/javascript" src="../src/ajax/ajaxTest.js"></script>
	<script type="text/javascript" src="../src/fx/fxTest.js"></script>
</head>

<body id="body">
	<h1 id="header">jQuery Test Suite</h1>
	<h2 id="banner"></h2>
	<h2 id="userAgent"></h2>
	
	<!-- Test HTML -->
	<dl id="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="http://smin" id="anchor1">class="blog"</a></code>: 
			<a href="http://diveintomark.org/" class="blog" hreflang="en" id="mark">diveintomark</a>

		</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" action="formaction">
			<input type="text" name="action" value="Test" id="text1"/>
			<input type="text" name="text2" value="Test" id="text2" disabled="disabled"/>
			<input type="radio" name="radio1" id="radio1" value="on"/>

			<input type="radio" name="radio2" id="radio2" checked="checked"/>
			<input type="checkbox" name="check" id="check1" checked="checked"/>
			<input type="checkbox" id="check2" value="on"/>

			<input type="hidden" name="hidden" id="hidden1"/>
			<input type="text" style="display:none;" name="foo[bar]" id="hidden2"/>
			
			<input type="text" id="name" name="name" value="name" />
			
			<button id="button" name="button">Button</button>
			
			<textarea id="area1">foobar</textarea>
			
			<select name="select1" id="select1">
				<option id="option1a" value="">Nothing</option>
				<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">
				<option id="option2a" value="">Nothing</option>
				<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">
				<option id="option3a" value="">Nothing</option>
				<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>
			</select>
			
			<object id="object1" codebase="stupid">
				<param name="p1" value="x1" />
				<param name="p2" value="x2" />
			</object>
			
			<span id="台北Táiběi"></span>
			<span id="台北" lang="中文"></span>
			<span id="utf8class1" class="台北Táiběi 台北"></span>
			<span id="utf8class2" class="台北"></span>
			<span id="foo:bar" class="foo:bar"></span>
			<span id="test.foo[5]bar" class="test.foo[5]bar"></span>
			
			<foo_bar id="foobar">test element</foo_bar>
		</form>
		<b id="floatTest">Float test.</b>
		<iframe id="iframe" name="iframe"></iframe>
		<form id="lengthtest">
			<input type="text" id="length" name="test"/>
			<input type="text" id="idTest" name="id"/>
		</form>
		<table id="table"></table>
		
		<div id="fx-queue">
			<div id="fadein" class='chain test'>fadeIn<div>fadeIn</div></div>
			<div id="fadeout" class='chain test out'>fadeOut<div>fadeOut</div></div>
			
			<div id="show" class='chain test'>show<div>show</div></div>
			<div id="hide" class='chain test out'>hide<div>hide</div></div>
			
			<div id="togglein" class='chain test'>togglein<div>togglein</div></div>
			<div id="toggleout" class='chain test out'>toggleout<div>toggleout</div></div>
		
			
			<div id="slideup" class='chain test'>slideUp<div>slideUp</div></div>
			<div id="slidedown" class='chain test out'>slideDown<div>slideDown</div></div>
			
			<div id="slidetogglein" class='chain test'>slideToggleIn<div>slideToggleIn</div></div>
			<div id="slidetoggleout" class='chain test out'>slideToggleOut<div>slideToggleOut</div></div>
		</div>
		
		<div id="fx-tests"></div>

		<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" />
			<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>
			<select name="S3">
				<option selected="selected">YES</option>
			</select>
			<select name="S4">
				<option value="" selected="selected">NO</option>
			</select>
			<input type="submit"  name="sub1" value="NO" />
			<input type="submit"  name="sub2" value="NO" />
			<input type="image" name="sub3" value="NO" src="submit.gif" />
			<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>
	</div>
	</dl>
	
	<ol id="tests"></ol>
</body>
</html>
Integrated the custom fx test suite into the main test suite. All tests are now run automatically. Removed the old suite, as it was no longer needed. 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">`
			`<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr" id="html">`
Moved the tests into jQuery proper. 2006-08-13 15:24:52 +00:00			`<head>`
Integrated the custom fx test suite into the main test suite. All tests are now run automatically. Removed the old suite, as it was no longer needed. 2007-07-29 19:07:21 +00:00			`<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />`
Testsuite 2.0 2006-11-18 13:37:01 +00:00			`<title>jQuery Test Suite</title>`
			`<link rel="Stylesheet" media="screen" href="data/testsuite.css" />`
Massive overhauls to the test suite - it is now generated dynamically, along with the documentation. 2006-08-14 01:46:05 +00:00			`<script type="text/javascript" src="../dist/jquery.js"></script>`
Refactored test suite to allow async tests (use stop() before starting an async request, use start() when finished), added test for bug #164 2006-09-19 09:49:22 +00:00			`<script type="text/javascript" src="data/testrunner.js"></script>`
Testsuite 2.0 2006-11-18 13:37:01 +00:00			`<script type="text/javascript" src="../src/jquery/coreTest.js"></script>`
Moved all the expressions tests over into selector area, out of the main suite. 2006-12-31 18:09:05 +00:00			`<script type="text/javascript" src="../src/selector/selectorTest.js"></script>`
Testsuite 2.0 2006-11-18 13:37:01 +00:00			`<script type="text/javascript" src="../src/event/eventTest.js"></script>`
Complete overhaul of the Ajax test suite, it's now passing in all browsers. In order to achieve this I had to fix a numbe r of bugs in the suite itself, along with other random bugs that popped up. The following bugs were resolved along the wa y: #1236 (.extend() keeps processing when it hits nulls), #1028 (.extend() now works recursively), #1080 ($.get no longer overwrites the data parameter), #1210 (Creating script and link tags now work), and #1463 (jQuery.global has been re-too led to no longer leak memory and slow things down). 2007-08-19 23:37:26 +00:00			`<script type="text/javascript" src="../src/ajax/ajaxTest.js"></script>`
Testsuite 2.0 2006-11-18 13:37:01 +00:00			`<script type="text/javascript" src="../src/fx/fxTest.js"></script>`
Moved the tests into jQuery proper. 2006-08-13 15:24:52 +00:00			`</head>`
Testsuite 2.0 2006-11-18 13:37:01 +00:00
Massive overhauls to the test suite - it is now generated dynamically, along with the documentation. 2006-08-14 01:46:05 +00:00			`<body id="body">`
Added support for a new :header psuedo-selector (only selects H1-H6 elements). 2007-08-31 05:43:24 +00:00			`<h1 id="header">jQuery Test Suite</h1>`
Improved testsuite (pass/fail indicator already exists in markup) 2006-11-20 20:54:42 +00:00			`<h2 id="banner"></h2>`
Modified core and form test suites to use a single stylesheet; Modified form.js to use :submit instead of [@type=submit] and :image... 2006-10-26 10:58:23 +00:00			`<h2 id="userAgent"></h2>`
Massive overhauls to the test suite - it is now generated dynamically, along with the documentation. 2006-08-14 01:46:05 +00:00
			`<!-- Test HTML -->`
Fixed non-unique results from .parent(), .parents(), .next(), etc. (Bug #1449) 2007-08-19 00:07:41 +00:00			`<dl id="dl" style="display:none;">`
Massive overhauls to the test suite - it is now generated dynamically, along with the documentation. 2006-08-14 01:46:05 +00:00			`<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>.`
Fix for #745 2006-12-30 10:13:14 +00:00			`This link has <code><a href="http://smin" id="anchor1">class="blog"</a></code>:`
Massive overhauls to the test suite - it is now generated dynamically, along with the documentation. 2006-08-14 01:46:05 +00:00			`<a href="http://diveintomark.org/" class="blog" hreflang="en" id="mark">diveintomark</a>`
Moved the tests into jQuery proper. 2006-08-13 15:24:52 +00:00
Massive overhauls to the test suite - it is now generated dynamically, along with the documentation. 2006-08-14 01:46:05 +00:00			`</p>`
			`<div id="foo">`
Improved test suite to reset fixture after each test, added selects to test ':selected'; Added docs for index(obj); Modified is(expr) to return false for an invalid expression, changed docs, too; Added lots of testcases; Changed filename of testfiles: adding leading zeros 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>`
Added test for #745 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>`
Massive overhauls to the test suite - it is now generated dynamically, along with the documentation. 2006-08-14 01:46:05 +00:00
Added tests for 193 and 170. Removed unused line of code from fx. 2006-10-17 15:34:19 +00:00			`</div>`
			`<p id="first">Try them out:</p>`
Massive overhauls to the test suite - it is now generated dynamically, along with the documentation. 2006-08-14 01:46:05 +00:00			`<ul id="firstUL"></ul>`
			`<ol id="empty"></ol>`
Added tests for 193 and 170. Removed unused line of code from fx. 2006-10-17 15:34:19 +00:00			`<form id="form" action="formaction">`
Refactored and fixed test suite to run async tests 2006-09-30 14:34:49 +00:00			`<input type="text" name="action" value="Test" id="text1"/>`
			`<input type="text" name="text2" value="Test" id="text2" disabled="disabled"/>`
Added support for: - Cross Domain getScript $.getScript("http://foo.com/script.js"); - JSONP $.ajax({ url: "script.js", type: "jsonp" }); $.getJSON("script.js?callback=?"); - Cross Domain JSONP/getJSON $.getJSON("http://foo.com/script.js?callback=?"); - No-cache Ajax Requests $.ajax({ url: "test.html", cache: false }); 2007-09-03 23:45:14 +00:00			`<input type="radio" name="radio1" id="radio1" value="on"/>`
Massive overhauls to the test suite - it is now generated dynamically, along with the documentation. 2006-08-14 01:46:05 +00:00
css('display') works slightly differently in Safari. Also, the test suite having <input checked/> doesn't work in Safari, at all. Fixed to be standards compliant. 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"/>`
Added support for: - Cross Domain getScript $.getScript("http://foo.com/script.js"); - JSONP $.ajax({ url: "script.js", type: "jsonp" }); $.getJSON("script.js?callback=?"); - Cross Domain JSONP/getJSON $.getJSON("http://foo.com/script.js?callback=?"); - No-cache Ajax Requests $.ajax({ url: "test.html", cache: false }); 2007-09-03 23:45:14 +00:00			`<input type="checkbox" id="check2" value="on"/>`
Massive overhauls to the test suite - it is now generated dynamically, along with the documentation. 2006-08-14 01:46:05 +00:00
			`<input type="hidden" name="hidden" id="hidden1"/>`
Added tests for 193 and 170. Removed unused line of code from fx. 2006-10-17 15:34:19 +00:00			`<input type="text" style="display:none;" name="foo[bar]" id="hidden2"/>`

			`<input type="text" id="name" name="name" value="name" />`

			`<button id="button" name="button">Button</button>`

			`<textarea id="area1">foobar</textarea>`

			`<select name="select1" id="select1">`
			`<option id="option1a" value="">Nothing</option>`
			`<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">`
			`<option id="option2a" value="">Nothing</option>`
			`<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">`
			`<option id="option3a" value="">Nothing</option>`
			`<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>`
Improved test suite to reset fixture after each test, added selects to test ':selected'; Added docs for index(obj); Modified is(expr) to return false for an invalid expression, changed docs, too; Added lots of testcases; Changed filename of testfiles: adding leading zeros 2006-09-04 04:51:57 +00:00			`</select>`
Updated test for #750 2007-01-03 20:48:40 +00:00
			`<object id="object1" codebase="stupid">`
Fixed test for object/param selection (thanks Andrea) 2007-01-07 10:26:58 +00:00			`<param name="p1" value="x1" />`
			`<param name="p2" value="x2" />`
Updated test for #750 2007-01-03 20:48:40 +00:00			`</object>`
Added UTF8 Selector support (#1001) and fixed infinite selector loops (#1025). You can now select elements by UTF8-based IDs, classes, and attributes. 2007-03-25 00:58:19 +00:00
			`<span id="台北Táiběi"></span>`
			`<span id="台北" lang="中文"></span>`
			`<span id="utf8class1" class="台北Táiběi 台北"></span>`
			`<span id="utf8class2" class="台北"></span>`
Fixed some more bugs with the test suite, made some minor file size tweaks to the selector code. 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>`
Added support for finding elements that have underscores in their name (along with other allowed characters). Fix for ticket #1084. 2007-04-28 15:39:30 +00:00
			`<foo_bar id="foobar">test element</foo_bar>`
Massive overhauls to the test suite - it is now generated dynamically, along with the documentation. 2006-08-14 01:46:05 +00:00			`</form>`
Fix and tests for appending HTML options to select elements. Fixed previous tests for 193 and 170. 2006-10-17 19:12:22 +00:00			`<b id="floatTest">Float test.</b>`
Fixed some more bugs with the test suite, made some minor file size tweaks to the selector code. 2007-03-25 19:02:31 +00:00			`<iframe id="iframe" name="iframe"></iframe>`
			`<form id="lengthtest">`
Making the test suite a little more XML-compliant. 2007-07-08 04:46:21 +00:00			`<input type="text" id="length" name="test"/>`
			`<input type="text" id="idTest" name="id"/>`
Added test for #945 2007-03-25 11:52:53 +00:00			`</form>`
Completed test for Rev 1820 (#1044) 2007-04-30 13:13:01 +00:00			`<table id="table"></table>`
Integrated the custom fx test suite into the main test suite. All tests are now run automatically. Removed the old suite, as it was no longer needed. 2007-07-29 19:07:21 +00:00
			`<div id="fx-queue">`
			`<div id="fadein" class='chain test'>fadeIn<div>fadeIn</div></div>`
			`<div id="fadeout" class='chain test out'>fadeOut<div>fadeOut</div></div>`

			`<div id="show" class='chain test'>show<div>show</div></div>`
			`<div id="hide" class='chain test out'>hide<div>hide</div></div>`

			`<div id="togglein" class='chain test'>togglein<div>togglein</div></div>`
			`<div id="toggleout" class='chain test out'>toggleout<div>toggleout</div></div>`


			`<div id="slideup" class='chain test'>slideUp<div>slideUp</div></div>`
			`<div id="slidedown" class='chain test out'>slideDown<div>slideDown</div></div>`

			`<div id="slidetogglein" class='chain test'>slideToggleIn<div>slideToggleIn</div></div>`
			`<div id="slidetoggleout" class='chain test out'>slideToggleOut<div>slideToggleOut</div></div>`
			`</div>`

			`<div id="fx-tests"></div>`
Integration of Mike Alsup's excellent form serialization code. The benefits are as follows: - New method: .serializeArray() This returns an array of name/value pairs representing the contents of a form, or individual input elements. - Enhancement: .serialize() The results are correct now (as opposed to the mess from before), and allows you to serializes forms directly (rather than just the input elements). - Enhancement: .val() This now returns the correct value when dealing wih selects. Additionally, when dealing with multiple selects, it returns an array of values. Based upon Mike's code: http://malsup.com/jquery/form/comp/form.js and test suite: http://malsup.com/jquery/form/comp/test.html 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" />`
			`<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>`
			`<select name="S3">`
			`<option selected="selected">YES</option>`
			`</select>`
			`<select name="S4">`
			`<option value="" selected="selected">NO</option>`
			`</select>`
			`<input type="submit" name="sub1" value="NO" />`
			`<input type="submit" name="sub2" value="NO" />`
			`<input type="image" name="sub3" value="NO" src="submit.gif" />`
			`<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>`
Massive overhauls to the test suite - it is now generated dynamically, along with the documentation. 2006-08-14 01:46:05 +00:00			`</div>`
			`</dl>`

			`<ol id="tests"></ol>`
Moved the tests into jQuery proper. 2006-08-13 15:24:52 +00:00			`</body>`
			`</html>`