mirror of
https://github.com/jquery/jquery.git
synced 2024-10-05 11:34:18 +00:00
36c9ecb0f5
* Removed inline usage of QUnit.reset() because it is messing with the
expectation model as reset does .empty() which does a recursive cleanData
on everything in #qunit-fixture, so any expectJqData above .reset() would
fail negatively.
Instead of calling reset inline, either updated the following assertions to
take previous assertions' state into account, or broke the test() up into
2 tests at the point where it would call QUnit.reset.
* After introducing the new memory leak discovery a whole bunch of tests were
failing as they didn't clean up everything. However I didn't (yet) add
QUnit.expectJqData calls all over the place because in most if not all of
these cases it is valid data storage. For example in test "data()", there
will be an internal data key for "parsedAttrs". This particular test isn't
intending to test for memory leaks, so therefor I made the new discovery
system only push failures when the test contains at least 1 call to
QUnit.expectJqData.
When not, we'll assume that whatever data is being stored is acceptable
because the relevant elements still exist in the DOM anyway (QUnit.reset
will remove the elements and clean up the data automatically).
I did add a "Always check jQuery.data" mode in the test suite that will
trigger it everywhere. Maybe one day we'll include a call to everywhere,
but for now I'm keeping the status quo: Only consider data left in storage
to be a problem if the test says so ("opt-in").
* Had to move #fx-tests inside the fixture because ".remove()" test would
otherwise remove stuff permanently and cause random other tests to fail
as "#hide div" would yield an empty collection.
(Why wasn't this in the fixture in the first place?)
As a result moving fx-tests into the fixture a whole bunch of tests failed
that relied on arbitrary stuff about the document-wide or fixture-wide
state (e.g. number of divs etc.). So I had to adjust various tests to
limit their sample data to not be so variable and unlimited...
* Moved out tests for expando cleanup into a separate test.
* Fixed implied global variable 'pass' in effects.js that was causing
"TypeError: boolean is not a function" in *UNRELATED* dimensions.js that
uses a global variable "pass = function () {};" ...
* Removed spurious calls to _removeData. The new test exposed various failures
e.g. where div[0] isn't being assigned any data anyway.
(queue.js and attributes.js toggleClass).
* Removed spurious clean up at the bottom of test() functions that are
already covered by the teardown (calling QUnit.reset or removeClass to
supposedly undo any changes).
* Documented the parentheses-less magic line in toggleClass. It appeared that
it would always keep the current class name if there was any (since the
assignment started with "this.className || ...".
Adding parentheses + spacing is 8 bytes (though only 1 in gzip apparently).
Only added the comment for now, though I prefer clarity with logical
operators, I'd rather not face the yayMinPD[1] in this test-related commit.
* Updated QUnit urlConfig to the new format (raw string is deprecated).
* Clean up odd htmlentities in test titles, QUnit escapes this.
(^\s+test\(.*)(>\;) → $1>
(^\s+test\(.*)(<\;) → $1<
[1] jQuery MinJsGz Release Police Department (do the same, download less)
326 lines
13 KiB
HTML
326 lines
13 KiB
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" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
|
|
<title>jQuery Test Suite</title>
|
|
<link rel="Stylesheet" media="screen" href="qunit/qunit/qunit.css" />
|
|
<link rel="Stylesheet" media="screen" href="data/testsuite.css" />
|
|
<!-- Includes -->
|
|
|
|
<script src="data/testinit.js"></script>
|
|
|
|
<script src="qunit/qunit/qunit.js"></script>
|
|
<!-- Loads minified version if min=true is present in the search -->
|
|
<!-- Nullifies querySelectorAll if noqsa=true is present -->
|
|
<script>
|
|
(function() {
|
|
var src = "../dist/jquery.js";
|
|
|
|
QUnit.config.urlConfig.push( {
|
|
id: "min",
|
|
label: "Load minified",
|
|
tooltip: "Load the minified version of the jQuery build"
|
|
} );
|
|
if ( QUnit.urlParams.min ) {
|
|
src = "../dist/jquery.min.js";
|
|
}
|
|
|
|
QUnit.config.urlConfig.push( {
|
|
id: "noqsa",
|
|
label: "Disable querySelectorAll",
|
|
tooltip: "Disable the native document.querySelectorAll"
|
|
} );
|
|
if ( QUnit.urlParams.noqsa ) {
|
|
document.querySelectorAll = null;
|
|
}
|
|
|
|
document.write( "<script src='" + src + "'><\/script>" );
|
|
})();
|
|
</script>
|
|
<script src="data/testrunner.js"></script>
|
|
|
|
<script src="unit/core.js"></script>
|
|
<script src="unit/callbacks.js"></script>
|
|
<script src="unit/deferred.js"></script>
|
|
<script src="unit/support.js"></script>
|
|
<script src="unit/data.js"></script>
|
|
<script src="unit/queue.js"></script>
|
|
<script src="unit/attributes.js"></script>
|
|
<script src="unit/event.js"></script>
|
|
<script src="unit/selector.js"></script>
|
|
<script src="unit/traversing.js"></script>
|
|
<script src="unit/manipulation.js"></script>
|
|
<script src="unit/css.js"></script>
|
|
<script src="unit/serialize.js"></script>
|
|
<script src="unit/ajax.js"></script>
|
|
<script src="unit/effects.js"></script>
|
|
<script src="unit/offset.js"></script>
|
|
<script src="unit/dimensions.js"></script>
|
|
<script src="unit/deprecated.js"></script>
|
|
<script src="unit/exports.js"></script>
|
|
|
|
<!-- Subproject tests must be last because they replace our test fixture -->
|
|
<script>
|
|
testSubproject( "Sizzle", "../src/sizzle/test/", /^unit\/.*\.js$/ );
|
|
</script>
|
|
|
|
<script>
|
|
// html5shiv, enabling HTML5 elements to be used with jQuery
|
|
( "abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup " +
|
|
"mark meter nav output progress section summary time video"
|
|
).replace(/\w+/g, function(n) {
|
|
document.createElement(n);
|
|
});
|
|
</script>
|
|
</head>
|
|
|
|
<body id="body">
|
|
<h1 id="qunit-header"><a href="/jquery/test/index.html">jQuery Test Suite</a></h1>
|
|
<h2 id="qunit-banner"></h2>
|
|
<div id="qunit-testrunner-toolbar"></div>
|
|
<h2 id="qunit-userAgent"></h2>
|
|
<ol id="qunit-tests"></ol>
|
|
|
|
<!-- Test HTML -->
|
|
<div id="nothiddendiv" style="height:1px;background:white;" class="nothiddendiv">
|
|
<div id="nothiddendivchild"></div>
|
|
</div>
|
|
<!-- 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 -->
|
|
<iframe id="loadediframe" name="loadediframe" style="display:none;" src="data/iframe.html"></iframe>
|
|
<dl id="dl" style="position:absolute;top:-32767px;left:-32767px;width:1px">
|
|
<div id="qunit-fixture">
|
|
<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/" class="GROUPS">Google Groups (Link)</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>
|
|
<span id="name+value"></span>
|
|
<p id="first">Try them out:</p>
|
|
<ul id="firstUL"></ul>
|
|
<ol id="empty"></ol>
|
|
<form id="form" action="formaction">
|
|
<label for="action" id="label-for">Action:</label>
|
|
<input type="text" name="action" value="Test" id="text1" maxlength="30"/>
|
|
<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" />
|
|
<input type="search" id="search" name="search" value="search" />
|
|
|
|
<button id="button" name="button" type="button">Button</button>
|
|
|
|
<textarea id="area1" maxlength="30">foobar</textarea>
|
|
|
|
<select name="select1" id="select1">
|
|
<option id="option1a" class="emptyopt" 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" class="emptyopt" 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" class="emptyopt" 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>
|
|
<option id="option3e">no value</option>
|
|
</select>
|
|
<select name="select4" id="select4" multiple="multiple">
|
|
<optgroup disabled="disabled">
|
|
<option id="option4a" class="emptyopt" value="">Nothing</option>
|
|
<option id="option4b" disabled="disabled" selected="selected" value="1">1</option>
|
|
<option id="option4c" selected="selected" value="2">2</option>
|
|
</optgroup>
|
|
<option selected="selected" disabled="disabled" id="option4d" value="3">3</option>
|
|
<option id="option4e">no value</option>
|
|
</select>
|
|
<select name="select5" id="select5">
|
|
<option id="option5a" value="3">1</option>
|
|
<option id="option5b" value="2">2</option>
|
|
<option id="option5c" value="1" data-attr="">3</option>
|
|
</select>
|
|
|
|
<object id="object1" codebase="stupid">
|
|
<param name="p1" value="x1" />
|
|
<param name="p2" value="x2" />
|
|
</object>
|
|
|
|
<span id="台北Táiběi"></span>
|
|
<span id="台北" lang="中文"></span>
|
|
<span id="utf8class1" class="台北Táibě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>
|
|
|
|
<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>
|
|
|
|
<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" />
|
|
<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>
|
|
<input id="list-test" type="text" />
|
|
<datalist id="datalist">
|
|
<option value="option"></option>
|
|
</datalist>
|
|
</form>
|
|
<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>
|
|
<div id="nonnodes"><span>hi</span> there <!-- mon ami --></div>
|
|
<div id="t2037">
|
|
<div><div class="hidden">hidden</div></div>
|
|
</div>
|
|
<div id="t6652">
|
|
<div></div>
|
|
</div>
|
|
<div id="no-clone-exception"><object><embed></embed></object></div>
|
|
</div>
|
|
|
|
<div id="tabindex-tests">
|
|
<ol id="listWithTabIndex" tabindex="5">
|
|
<li id="foodWithNegativeTabIndex" tabindex="-1">Rice</li>
|
|
<li id="foodNoTabIndex">Beans</li>
|
|
<li>Blinis</li>
|
|
<li>Tofu</li>
|
|
</ol>
|
|
|
|
<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>
|
|
<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>
|
|
</div>
|
|
|
|
<div id="liveHandlerOrder">
|
|
<span id="liveSpan1"><a href="#" id="liveLink1"></a></span>
|
|
<span id="liveSpan2"><a href="#" id="liveLink2"></a></span>
|
|
</div>
|
|
|
|
<div id="siblingTest">
|
|
<em id="siblingfirst">1</em>
|
|
<em id="siblingnext">2</em>
|
|
<em id="siblingthird">
|
|
<em id="siblingchild">
|
|
<em id="siblinggrandchild">
|
|
<em id="siblinggreatgrandchild"></em>
|
|
</em>
|
|
</em>
|
|
</em>
|
|
<span id="siblingspan"></span>
|
|
</div>
|
|
<div id="fx-test-group" style="position:absolute;width:1px;height:1px;overflow:hidden;">
|
|
<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>
|
|
|
|
<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 id="fadetogglein" class='chain test'>fadeToggleIn<div>fadeToggleIn</div></div>
|
|
<div id="fadetoggleout" class='chain test out'>fadeToggleOut<div>fadeToggleOut</div></div>
|
|
|
|
<div id="fadeto" class='chain test'>fadeTo<div>fadeTo</div></div>
|
|
</div>
|
|
|
|
<div id="fx-tests"></div>
|
|
</div>
|
|
</div>
|
|
</dl>
|
|
<map name="imgmap" id="imgmap">
|
|
<area shape="rect" coords="0,0,200,50">
|
|
</map>
|
|
|
|
</body>
|
|
</html>
|