Implement expectation test instead of using _removeData. Close gh-997.

* 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\(.*)(&gt\;) → $1>
  (^\s+test\(.*)(&lt\;) → $1<

[1] jQuery MinJsGz Release Police Department (do the same, download less)
This commit is contained in:
Timo Tijhof 2012-10-17 04:33:47 -04:00 committed by Dave Methvin
parent 8121309694
commit 36c9ecb0f5
11 changed files with 357 additions and 261 deletions

View File

@ -127,13 +127,17 @@ jQuery.fn.extend({
self[ state ? "addClass" : "removeClass" ]( className ); self[ state ? "addClass" : "removeClass" ]( className );
} }
// Toggle whole class name
} else if ( type === "undefined" || type === "boolean" ) { } else if ( type === "undefined" || type === "boolean" ) {
if ( this.className ) { if ( this.className ) {
// store className if set // store className if set
jQuery._data( this, "__className__", this.className ); jQuery._data( this, "__className__", this.className );
} }
// toggle whole className // If the element has a class name or if we're passed "false",
// then remove the whole classname (if there was one, the above saved it).
// Otherwise bring back whatever was previously saved (if anything),
// falling back to the empty string if nothing was stored.
this.className = this.className || value === false ? "" : jQuery._data( this, "__className__" ) || ""; this.className = this.className || value === false ? "" : jQuery._data( this, "__className__" ) || "";
} }
}); });

View File

@ -145,52 +145,6 @@ function url( value ) {
} }
(function () { (function () {
// Store the old counts so that we only assert on tests that have actually leaked,
// instead of asserting every time a test has leaked sometime in the past
var oldCacheLength = 0,
oldFragmentsLength = 0,
oldTimersLength = 0,
oldActive = 0;
/**
* Ensures that tests have cleaned up properly after themselves. Should be passed as the
* teardown function on all modules' lifecycle object.
*/
this.moduleTeardown = function () {
var i, fragmentsLength = 0, cacheLength = 0;
// Allow QUnit.reset to clean up any attached elements before checking for leaks
QUnit.reset();
for ( i in jQuery.cache ) {
++cacheLength;
}
jQuery.fragments = {};
for ( i in jQuery.fragments ) {
++fragmentsLength;
}
// Because QUnit doesn't have a mechanism for retrieving the number of expected assertions for a test,
// if we unconditionally assert any of these, the test will fail with too many assertions :|
if ( cacheLength !== oldCacheLength ) {
equal( cacheLength, oldCacheLength, "No unit tests leak memory in jQuery.cache" );
oldCacheLength = cacheLength;
}
if ( fragmentsLength !== oldFragmentsLength ) {
equal( fragmentsLength, oldFragmentsLength, "No unit tests leak memory in jQuery.fragments" );
oldFragmentsLength = fragmentsLength;
}
if ( jQuery.timers && jQuery.timers.length !== oldTimersLength ) {
equal( jQuery.timers.length, oldTimersLength, "No timers are still running" );
oldTimersLength = jQuery.timers.length;
}
if ( jQuery.active !== undefined && jQuery.active !== oldActive ) {
equal( jQuery.active, 0, "No AJAX requests are still active" );
oldActive = jQuery.active;
}
};
this.testIframe = function( fileName, name, fn ) { this.testIframe = function( fileName, name, fn ) {

View File

@ -10,6 +10,7 @@ var Sizzle = Sizzle || jQuery.find;
// Allow subprojects to test against their own fixtures // Allow subprojects to test against their own fixtures
var qunitModule = QUnit.module, var qunitModule = QUnit.module,
qunitTest = QUnit.test; qunitTest = QUnit.test;
function testSubproject( label, url, risTests ) { function testSubproject( label, url, risTests ) {
var sub, fixture, fixtureHTML, var sub, fixture, fixtureHTML,
fixtureReplaced = false; fixtureReplaced = false;
@ -131,10 +132,152 @@ function testSubproject( label, url, risTests ) {
* QUnit hooks * QUnit hooks
*/ */
(function() { (function() {
// jQuery-specific QUnit.reset // Store the old counts so that we only assert on tests that have actually leaked,
var reset = QUnit.reset, // instead of asserting every time a test has leaked sometime in the past
var oldCacheLength = 0,
oldFragmentsLength = 0,
oldTimersLength = 0,
oldActive = 0,
expectedDataKeys = {},
reset = QUnit.reset,
ajaxSettings = jQuery.ajaxSettings; ajaxSettings = jQuery.ajaxSettings;
function keys(o) {
var ret, key;
if ( Object.keys ) {
ret = Object.keys( o );
} else {
ret = [];
for ( key in o ) {
ret.push( key );
}
}
ret.sort();
return ret;
}
/**
* @param {jQuery|HTMLElement|Object|Array} elems Target (or array of targets) for jQuery.data.
* @param {string} key
*/
QUnit.expectJqData = function( elems, key ) {
var i, elem, expando;
QUnit.current_testEnvironment.checkJqData = true;
if ( elems.jquery && elems.toArray ) {
elems = elems.toArray();
}
if ( !jQuery.isArray( elems ) ) {
elems = [ elems ];
}
for ( i = 0; i < elems.length; i++ ) {
elem = elems[i];
// jQuery.data only stores data for nodes in jQuery.cache,
// for other data targets the data is stored in the object itself,
// in that case we can't test that target for memory leaks.
// But we don't have to since in that case the data will/must will
// be available as long as the object is not garbage collected by
// the js engine, and when it is, the data will be removed with it.
if ( !elem.nodeType ) {
// Fixes false positives for dataTests(window), dataTests({}).
continue;
}
expando = elem[ jQuery.expando ];
if ( expando === undefined ) {
// In this case the element exists fine, but
// jQuery.data (or internal data) was never (in)directly
// called.
// Since this method was called it means some data was
// expected to be found, but since there is nothing, fail early
// (instead of in teardown).
notStrictEqual( expando, undefined, 'Target for expectJqData must have an expando, for else there can be no data to expect.' );
} else {
if ( expectedDataKeys[expando] ) {
expectedDataKeys[expando].push( key );
} else {
expectedDataKeys[expando] = [ key ];
}
}
}
};
QUnit.config.urlConfig.push( {
id: 'jqdata',
label: 'Always check jQuery.data',
tooltip: 'Trigger "QUnit.expectJqData" detection for all tests instead of just the ones that call it'
} );
/**
* Ensures that tests have cleaned up properly after themselves. Should be passed as the
* teardown function on all modules' lifecycle object.
*/
this.moduleTeardown = function() {
var i,
expectedKeys, actualKeys,
fragmentsLength = 0,
cacheLength = 0;
// Only look for jQuery data problems if this test actually
// provided some information to compare against.
if ( QUnit.urlParams.jqdata || this.checkJqData ) {
for ( i in jQuery.cache ) {
expectedKeys = expectedDataKeys[i];
actualKeys = jQuery.cache[i] ? keys( jQuery.cache[i] ) : jQuery.cache[i];
if ( !QUnit.equiv( expectedKeys, actualKeys ) ) {
deepEqual( actualKeys, expectedKeys, 'Expected keys exist in jQuery.cache' );
}
delete jQuery.cache[i];
delete expectedDataKeys[i];
}
// In case it was removed from cache before (or never there in the first place)
for ( i in expectedDataKeys ) {
deepEqual( expectedDataKeys[i], undefined, 'No unexpected keys were left in jQuery.cache (#' + i + ')' );
delete expectedDataKeys[i];
}
}
// Reset data register
expectedDataKeys = {};
// Allow QUnit.reset to clean up any attached elements before checking for leaks
QUnit.reset();
for ( i in jQuery.cache ) {
++cacheLength;
}
jQuery.fragments = {};
for ( i in jQuery.fragments ) {
++fragmentsLength;
}
// Because QUnit doesn't have a mechanism for retrieving the number of expected assertions for a test,
// if we unconditionally assert any of these, the test will fail with too many assertions :|
if ( cacheLength !== oldCacheLength ) {
equal( cacheLength, oldCacheLength, "No unit tests leak memory in jQuery.cache" );
oldCacheLength = cacheLength;
}
if ( fragmentsLength !== oldFragmentsLength ) {
equal( fragmentsLength, oldFragmentsLength, "No unit tests leak memory in jQuery.fragments" );
oldFragmentsLength = fragmentsLength;
}
if ( jQuery.timers && jQuery.timers.length !== oldTimersLength ) {
equal( jQuery.timers.length, oldTimersLength, "No timers are still running" );
oldTimersLength = jQuery.timers.length;
}
if ( jQuery.active !== undefined && jQuery.active !== oldActive ) {
equal( jQuery.active, 0, "No AJAX requests are still active" );
oldActive = jQuery.active;
}
};
// jQuery-specific QUnit.reset
QUnit.reset = function() { QUnit.reset = function() {
// Ensure jQuery events and data on the fixture are properly removed // Ensure jQuery events and data on the fixture are properly removed

View File

@ -17,12 +17,20 @@
(function() { (function() {
var src = "../dist/jquery.js"; var src = "../dist/jquery.js";
QUnit.config.urlConfig.push( "min" ); QUnit.config.urlConfig.push( {
id: "min",
label: "Load minified",
tooltip: "Load the minified version of the jQuery build"
} );
if ( QUnit.urlParams.min ) { if ( QUnit.urlParams.min ) {
src = "../dist/jquery.min.js"; src = "../dist/jquery.min.js";
} }
QUnit.config.urlConfig.push( "noqsa" ); QUnit.config.urlConfig.push( {
id: "noqsa",
label: "Disable querySelectorAll",
tooltip: "Disable the native document.querySelectorAll"
} );
if ( QUnit.urlParams.noqsa ) { if ( QUnit.urlParams.noqsa ) {
document.querySelectorAll = null; document.querySelectorAll = null;
} }
@ -281,34 +289,34 @@ Z</textarea>
</em> </em>
<span id="siblingspan"></span> <span id="siblingspan"></span>
</div> </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> </div>
</dl> </dl>
<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>
<map name="imgmap" id="imgmap"> <map name="imgmap" id="imgmap">
<area shape="rect" coords="0,0,200,50"> <area shape="rect" coords="0,0,200,50">
</map> </map>

View File

@ -1231,7 +1231,7 @@ var testToggleClass = function(valueObj) {
// multiple class names // multiple class names
e.addClass("testA testB"); e.addClass("testA testB");
ok( (e.is(".testA.testB")), "Assert 2 different classes present" ); ok( e.is(".testA.testB"), "Assert 2 different classes present" );
e.toggleClass( valueObj("testB testC") ); e.toggleClass( valueObj("testB testC") );
ok( (e.is(".testA.testC") && !e.is(".testB")), "Assert 1 class added, 1 class removed, and 1 class kept" ); ok( (e.is(".testA.testC") && !e.is(".testB")), "Assert 1 class added, 1 class removed, and 1 class kept" );
e.toggleClass( valueObj("testA testC") ); e.toggleClass( valueObj("testA testC") );
@ -1258,7 +1258,7 @@ var testToggleClass = function(valueObj) {
// Cleanup // Cleanup
e.removeClass("testD"); e.removeClass("testD");
jQuery._removeData( e[ 0 ], "__className__" ); QUnit.expectJqData( e[ 0 ], "__className__" );
}; };
test( "toggleClass(String|boolean|undefined[, boolean])", function() { test( "toggleClass(String|boolean|undefined[, boolean])", function() {
@ -1269,10 +1269,12 @@ test( "toggleClass(Function[, boolean])", function() {
testToggleClass( functionReturningObj ); testToggleClass( functionReturningObj );
}); });
test( "toggleClass(Fucntion[, boolean]) with incoming value", function() { test( "toggleClass(Function[, boolean]) with incoming value", function() {
expect( 14 ); expect( 14 );
var e = jQuery("#firstp"), old = e.attr("class") || ""; var e = jQuery("#firstp"),
old = e.attr("class") || "";
ok( !e.is(".test"), "Assert class not present" ); ok( !e.is(".test"), "Assert class not present" );
e.toggleClass(function( i, val ) { e.toggleClass(function( i, val ) {
@ -1316,10 +1318,6 @@ test( "toggleClass(Fucntion[, boolean]) with incoming value", function() {
return "test"; return "test";
}, false ); }, false );
ok( !e.is(".test"), "Assert class not present" ); ok( !e.is(".test"), "Assert class not present" );
// Cleanup
e.removeClass("test");
jQuery._removeData( e[ 0 ], "__className__" );
}); });
test( "addClass, removeClass, hasClass", function() { test( "addClass, removeClass, hasClass", function() {

View File

@ -7,17 +7,6 @@ test("expando", function(){
}); });
function dataTests (elem) { function dataTests (elem) {
// expect(31)
function getCacheLength() {
var cacheLength = 0;
for (var i in jQuery.cache) {
++cacheLength;
}
return cacheLength;
}
var oldCacheLength, dataObj, internalDataObj, expected, actual; var oldCacheLength, dataObj, internalDataObj, expected, actual;
equal( jQuery.data(elem, "foo"), undefined, "No data exists initially" ); equal( jQuery.data(elem, "foo"), undefined, "No data exists initially" );
@ -66,51 +55,12 @@ function dataTests (elem) {
jQuery.removeData(elem); jQuery.removeData(elem);
strictEqual( jQuery._data(elem), internalDataObj, "jQuery.removeData does not remove internal data if it exists" ); strictEqual( jQuery._data(elem), internalDataObj, "jQuery.removeData does not remove internal data if it exists" );
jQuery._removeData(elem);
strictEqual( jQuery._data(elem, jQuery.expando), undefined, "jQuery.removeData on internal data works" );
strictEqual( jQuery.hasData(elem), false, "jQuery.hasData agrees all data has been removed from object" );
jQuery._data(elem, "foo", "foo2");
strictEqual( jQuery.hasData(elem), true, "jQuery.hasData shows data exists even if it is only internal data" );
jQuery.data(elem, "foo", "foo1");
equal( jQuery._data(elem, "foo"), "foo2", "Setting user data does not override internal data" );
// delete the last private data key so we can test removing public data
// will destroy the cache
jQuery._removeData( elem, "foo" );
if (elem.nodeType) {
oldCacheLength = getCacheLength();
jQuery.removeData(elem, "foo");
equal( getCacheLength(), oldCacheLength - 1, "Removing the last item in the data object destroys it" );
}
else {
jQuery.removeData(elem, "foo");
if (jQuery.support.deleteExpando) {
expected = false;
actual = jQuery.expando in elem;
}
else {
expected = null;
actual = elem[ jQuery.expando ];
}
equal( actual, expected, "Removing the last item in the data object destroys it" );
}
jQuery.data(elem, "foo", "foo1"); jQuery.data(elem, "foo", "foo1");
jQuery._data(elem, "foo", "foo2"); jQuery._data(elem, "foo", "foo2");
equal( jQuery.data(elem, "foo"), "foo1", "(sanity check) Ensure data is set in user data object" ); equal( jQuery.data(elem, "foo"), "foo1", "(sanity check) Ensure data is set in user data object" );
equal( jQuery._data(elem, "foo"), "foo2", "(sanity check) Ensure data is set in internal data object" ); equal( jQuery._data(elem, "foo"), "foo2", "(sanity check) Ensure data is set in internal data object" );
jQuery._removeData(elem, "foo");
strictEqual( jQuery._data(elem, jQuery.expando), undefined, "Removing the last item in internal data destroys the internal data object" ); strictEqual( jQuery._data(elem, jQuery.expando), undefined, "Removing the last item in internal data destroys the internal data object" );
jQuery._data(elem, "foo", "foo2"); jQuery._data(elem, "foo", "foo2");
@ -118,44 +68,68 @@ function dataTests (elem) {
jQuery.removeData(elem, "foo"); jQuery.removeData(elem, "foo");
equal( jQuery._data(elem, "foo"), "foo2", "(sanity check) jQuery.removeData for user data does not remove internal data" ); equal( jQuery._data(elem, "foo"), "foo2", "(sanity check) jQuery.removeData for user data does not remove internal data" );
if ( elem.nodeType ) {
oldCacheLength = getCacheLength();
jQuery._removeData(elem, "foo");
equal( getCacheLength(), oldCacheLength - 1, "Removing the last item in the internal data object also destroys the user data object when it is empty" );
}
else {
jQuery._removeData(elem, "foo");
if (jQuery.support.deleteExpando) {
expected = false;
actual = jQuery.expando in elem;
}
else {
expected = null;
actual = elem[ jQuery.expando ];
}
equal( actual, expected, "Removing the last item in the internal data object also destroys the user data object when it is empty" );
}
} }
test("jQuery.data", function() { test("jQuery.data(div)", 25, function() {
expect(124);
var div = document.createElement("div"); var div = document.createElement("div");
dataTests(div); dataTests(div);
dataTests({});
// We stored one key in the private data
// assert that nothing else was put in there, and that that
// one stayed there.
QUnit.expectJqData(div, "foo");
});
test("jQuery.data({})", 25, function() {
dataTests({});
});
test("jQuery.data(window)", 25, function() {
// remove bound handlers from window object to stop potential false positives caused by fix for #5280 in // remove bound handlers from window object to stop potential false positives caused by fix for #5280 in
// transports/xhr.js // transports/xhr.js
jQuery(window).unbind("unload"); jQuery(window).unbind("unload");
dataTests(window); dataTests(window);
});
test("jQuery.data(document)", 25, function() {
dataTests(document); dataTests(document);
// clean up unattached element QUnit.expectJqData(document, "foo");
});
test("Expando cleanup", 4, function() {
var expected, actual,
div = document.createElement("div");
function assertExpandoAbsent(message) {
if (jQuery.support.deleteExpando) {
expected = false;
actual = jQuery.expando in div;
} else {
expected = null;
actual = div[ jQuery.expando ];
}
equal( actual, expected, message );
}
assertExpandoAbsent("There is no expando on new elements");
jQuery.data(div, "foo", 100);
jQuery.data(div, "bar", 200);
ok(jQuery.expando in div, "There is an expando on the element after using $.data()");
jQuery.removeData(div, "foo");
ok(jQuery.expando in div, "There is still an expando on the element after removing (some) of the data");
jQuery.removeData(div, "bar");
assertExpandoAbsent("Removing the last item in the data store deletes the expando");
// Clean up unattached element
jQuery(div).remove(); jQuery(div).remove();
}); });
@ -186,7 +160,7 @@ test(".data()", function() {
var dataObj = div.data(); var dataObj = div.data();
deepEqual( dataObj, {test: "success"}, "data() get the entire data object" ); deepEqual( dataObj, {test: "success"}, "data() returns entire data object with expected properties" );
strictEqual( div.data("foo"), undefined, "Make sure that missing result is still undefined" ); strictEqual( div.data("foo"), undefined, "Make sure that missing result is still undefined" );
var nodiv = jQuery("#unfound"); var nodiv = jQuery("#unfound");

View File

@ -7,7 +7,9 @@ var pass = function( val ) {
}; };
var fn = function( val ) { var fn = function( val ) {
return function(){ return val; }; return function() {
return val;
};
}; };
/* /*
@ -50,7 +52,7 @@ var testWidth = function( val ) {
equal( jQuery(window).width(), document.documentElement.clientWidth, "Window width is equal to width reported by window/document." ); equal( jQuery(window).width(), document.documentElement.clientWidth, "Window width is equal to width reported by window/document." );
jQuery._removeData( $div[0], "olddisplay" ); QUnit.expectJqData( $div[0], "olddisplay" );
}; };
test("width()", function() { test("width()", function() {
@ -101,7 +103,7 @@ var testHeight = function( val ) {
equal( jQuery(window).height(), document.documentElement.clientHeight, "Window width is equal to width reported by window/document." ); equal( jQuery(window).height(), document.documentElement.clientHeight, "Window width is equal to width reported by window/document." );
jQuery._removeData( $div[0], "olddisplay" ); QUnit.expectJqData( $div[0], "olddisplay" );
}; };
test("height()", function() { test("height()", function() {
@ -156,7 +158,7 @@ test("innerWidth()", function() {
equal( div.innerWidth(), 0, "Make sure that disconnected nodes are handled." ); equal( div.innerWidth(), 0, "Make sure that disconnected nodes are handled." );
div.remove(); div.remove();
jQuery._removeData( $div[0], "olddisplay" ); QUnit.expectJqData( $div[0], "olddisplay" );
}); });
test("innerHeight()", function() { test("innerHeight()", function() {
@ -191,7 +193,7 @@ test("innerHeight()", function() {
equal( div.innerHeight(), 0, "Make sure that disconnected nodes are handled." ); equal( div.innerHeight(), 0, "Make sure that disconnected nodes are handled." );
div.remove(); div.remove();
jQuery._removeData( $div[0], "olddisplay" ); QUnit.expectJqData( $div[0], "olddisplay" );
}); });
test("outerWidth()", function() { test("outerWidth()", function() {
@ -229,7 +231,7 @@ test("outerWidth()", function() {
equal( div.outerWidth(), 0, "Make sure that disconnected nodes are handled." ); equal( div.outerWidth(), 0, "Make sure that disconnected nodes are handled." );
div.remove(); div.remove();
jQuery._removeData( $div[0], "olddisplay" ); QUnit.expectJqData( $div[0], "olddisplay" );
}); });
test("child of a hidden elem (or unconnected node) has accurate inner/outer/Width()/Height() see #9441 #9300", function() { test("child of a hidden elem (or unconnected node) has accurate inner/outer/Width()/Height() see #9441 #9300", function() {
@ -375,7 +377,7 @@ test("outerHeight()", function() {
equal( div.outerHeight(), 0, "Make sure that disconnected nodes are handled." ); equal( div.outerHeight(), 0, "Make sure that disconnected nodes are handled." );
div.remove(); div.remove();
jQuery._removeData( $div[0], "olddisplay" ); QUnit.expectJqData( $div[0], "olddisplay" );
}); });
test("passing undefined is a setter #5571", function() { test("passing undefined is a setter #5571", function() {

105
test/unit/effects.js vendored
View File

@ -7,22 +7,27 @@ test("sanity check", function() {
ok( jQuery("#dl:visible, #qunit-fixture:visible, #foo:visible").length === 3, "QUnit state is correct for testing effects" ); ok( jQuery("#dl:visible, #qunit-fixture:visible, #foo:visible").length === 3, "QUnit state is correct for testing effects" );
}); });
test("show()", function() { test("show() basic", 2, function() {
expect(26); var div,
hiddendiv = jQuery("div.hidden");
var hiddendiv = jQuery("div.hidden");
hiddendiv.hide().show(); hiddendiv.hide().show();
equal( hiddendiv.css("display"), "block", "Make sure a pre-hidden div is visible." ); equal( hiddendiv.css("display"), "block", "Make sure a pre-hidden div is visible." );
var div = jQuery("<div>").hide().appendTo("#qunit-fixture").show(); div = jQuery("<div>").hide().appendTo("#qunit-fixture").show();
equal( div.css("display"), "block", "Make sure pre-hidden divs show" ); equal( div.css("display"), "block", "Make sure pre-hidden divs show" );
QUnit.reset(); // Clean up the detached node
div.remove();
hiddendiv = jQuery("div.hidden"); QUnit.expectJqData(hiddendiv, "olddisplay");
});
test("show()", 27, function () {
var div,
hiddendiv = jQuery("div.hidden");
equal(jQuery.css( hiddendiv[0], "display"), "none", "hiddendiv is display: none"); equal(jQuery.css( hiddendiv[0], "display"), "none", "hiddendiv is display: none");
@ -34,14 +39,12 @@ test("show()", function() {
hiddendiv.css("display",""); hiddendiv.css("display","");
var pass = true; var displaysActual = [],
div = jQuery("#qunit-fixture div"); displaysExpected = [];
div.show().each(function(){ div = jQuery("#fx-queue div").slice(0, 4);
if ( this.style.display == "none" ) { div.show().each(function() {
pass = false; notEqual(this.style.display, "none", "don't change any <div> with display block");
}
}); });
ok( pass, "Show" );
var speeds = { var speeds = {
"null speed": null, "null speed": null,
@ -50,7 +53,7 @@ test("show()", function() {
}; };
jQuery.each(speeds, function(name, speed) { jQuery.each(speeds, function(name, speed) {
pass = true; var pass = true;
div.hide().show(speed).each(function() { div.hide().show(speed).each(function() {
if ( this.style.display == "none" ) { if ( this.style.display == "none" ) {
pass = false; pass = false;
@ -60,13 +63,16 @@ test("show()", function() {
}); });
jQuery.each(speeds, function(name, speed) { jQuery.each(speeds, function(name, speed) {
pass = true; var pass = true;
div.hide().show(speed, function() { div.hide().show(speed, function() {
pass = false; pass = false;
}); });
ok( pass, "Show with " + name + " does not call animate callback" ); ok( pass, "Show with " + name + " does not call animate callback" );
}); });
// Tolerate data from show()/hide()
QUnit.expectJqData(div, "olddisplay");
// #show-tests * is set display: none in CSS // #show-tests * is set display: none in CSS
jQuery("#qunit-fixture").append("<div id='show-tests'><div><p><a href='#'></a></p><code></code><pre></pre><span></span></div><table><thead><tr><th></th></tr></thead><tbody><tr><td></td></tr></tbody></table><ul><li></li></ul></div><table id='test-table'></table>"); jQuery("#qunit-fixture").append("<div id='show-tests'><div><p><a href='#'></a></p><code></code><pre></pre><span></span></div><table><thead><tr><th></th></tr></thead><tbody><tr><td></td></tr></tbody></table><ul><li></li></ul></div><table id='test-table'></table>");
@ -143,8 +149,6 @@ test("show(Number) - other displays", function() {
jQuery("#show-tests").remove(); jQuery("#show-tests").remove();
}); });
// Supports #7397 // Supports #7397
test("Persist correct display value", function() { test("Persist correct display value", function() {
expect(3); expect(3);
@ -174,6 +178,8 @@ test("Persist correct display value", function() {
}); });
}); });
}); });
QUnit.expectJqData($span, "olddisplay");
}); });
test("animate(Hash, Object, Function)", function() { test("animate(Hash, Object, Function)", function() {
@ -996,25 +1002,28 @@ jQuery.fn.saveState = function( hiddenOverflow ) {
expect(check.length); expect(check.length);
stop(); stop();
return this.each(function(){ return this.each(function() {
var self = this; var el = this;
self.save = {}; el.save = {};
jQuery.each(check, function( i, c ) { jQuery.each(check, function( i, c ) {
self.save[ c ] = c === "overflow" && hiddenOverflow ? "hidden" : self.style[ c ] || jQuery.css( self, c ); el.save[ c ] = c === "overflow" && hiddenOverflow ? "hidden" : el.style[ c ] || jQuery.css( el, c );
}); });
}); });
}; };
/** @expose */ /**
* @expose
* @context {HTMLElement}
*/
jQuery.checkState = function() { jQuery.checkState = function() {
var self = this; var el = this;
jQuery.each(this.save, function( c, v ) { jQuery.each(el.save, function( c, v ) {
var cur = self.style[ c ] || jQuery.css( self, c ); var cur = el.style[ c ] || jQuery.css( el, c );
equal( cur, v, "Make sure that " + c + " is reset (Old: " + v + " Cur: " + cur + ")"); equal( cur, v, "Make sure that " + c + " is reset (Old: " + v + " Cur: " + cur + ")");
}); });
// manually clean data on modified element // Clean up
jQuery._removeData( this, "olddisplay" ); jQuery(el).remove();
start(); start();
}; };
@ -1147,8 +1156,8 @@ function( method, defProp ) {
$elem[ method ](animTime, function() { $elem[ method ](animTime, function() {
equal( defProp( $elem ), startVal, "After doing .stop() halfway through show, check that state has been saved for returning to original property value." ); equal( defProp( $elem ), startVal, "After doing .stop() halfway through show, check that state has been saved for returning to original property value." );
// Remove olddisplay data from .hide() call // Tolerate olddisplay data from .hide() call
jQuery._removeData( this, "olddisplay" ); QUnit.expectJqData( this, "olddisplay" );
start(); start();
}); });
}, animTime / 2); }, animTime / 2);
@ -1478,28 +1487,20 @@ test( "animate should set display for disconnected nodes", function() {
show: [ 1 ], show: [ 1 ],
animate: [{ width: "show" }] animate: [{ width: "show" }]
}, },
elems = [ $divTest = jQuery("<div>test</div>"),
// parentNode = null
$divEmpty = jQuery("<div/>"),
$divNone = jQuery("<div style='display: none;'/>"),
$divInline = jQuery("<div style='display: inline;'/>");
// parentNode = document fragment strictEqual( $divTest.show()[ 0 ].style.display, "block", "set display with show() for element with parentNode = document fragment" );
jQuery("<div>test</div>"), strictEqual( $divEmpty.show()[ 0 ].style.display, "block", "set display with show() for element with parentNode = null" );
strictEqual( $divNone.show()[ 0 ].style.display, "block", "show() should change display if it already set to none" );
strictEqual( $divInline.show()[ 0 ].style.display, "inline", "show() should not change display if it already set" );
// parentNode = null QUnit.expectJqData( $divTest[ 0 ], "olddisplay" );
jQuery("<div/>"), QUnit.expectJqData( $divEmpty[ 0 ], "olddisplay" );
QUnit.expectJqData( $divNone[ 0 ], "olddisplay" );
jQuery("<div style='display:inline'/>"),
jQuery("<div style='display:none'/>")
];
strictEqual( elems[ 0 ].show()[ 0 ].style.display, "block", "set display with show() for element with parentNode = document fragment" );
strictEqual( elems[ 1 ].show()[ 0 ].style.display, "block", "set display with show() for element with parentNode = null" );
strictEqual( elems[ 2 ].show()[ 0 ].style.display, "inline", "show() should not change display if it already set" );
strictEqual( elems[ 3 ].show()[ 0 ].style.display, "block", "show() should change display if it already set to none" );
// cleanup
jQuery.each( elems, function() {
jQuery._removeData( this[ 0 ], "olddisplay" );
});
stop(); stop();
jQuery.each( methods, function( name, opt ) { jQuery.each( methods, function( name, opt ) {
@ -1515,7 +1516,7 @@ test( "animate should set display for disconnected nodes", function() {
var callback = [function () { var callback = [function () {
strictEqual( this.style.display, "block", "set display to block with " + name ); strictEqual( this.style.display, "block", "set display to block with " + name );
jQuery._removeData( this, "olddisplay" ); QUnit.expectJqData( this, "olddisplay" );
if ( ++i === 14 ) { if ( ++i === 14 ) {
start(); start();

View File

@ -80,8 +80,6 @@ test("text(Function) with incoming value", function() {
}); });
equal( jQuery("#sap").text(), "foobar", "Check for merged text of more then one element." ); equal( jQuery("#sap").text(), "foobar", "Check for merged text of more then one element." );
QUnit.reset();
}); });
var testWrap = function(val) { var testWrap = function(val) {
@ -461,7 +459,7 @@ var testAppend = function(valueObj) {
QUnit.reset(); QUnit.reset();
}; };
test("append(String|Element|Array&lt;Element&gt;|jQuery)", function() { test("append(String|Element|Array<Element>|jQuery)", function() {
testAppend(manipulationBareObj); testAppend(manipulationBareObj);
}); });
@ -718,7 +716,7 @@ test("append(xml)", function() {
}); });
test("appendTo(String|Element|Array&lt;Element&gt;|jQuery)", function() { test("appendTo(String|Element|Array<Element>|jQuery)", function() {
expect( 16 + ( jQuery.getScript ? 1 : 0 ) ); expect( 16 + ( jQuery.getScript ? 1 : 0 ) );
var defaultText = "Try them out:"; var defaultText = "Try them out:";
@ -831,7 +829,7 @@ var testPrepend = function(val) {
equal( jQuery("#sap").text(), expected, "Check for prepending of array of jQuery objects" ); equal( jQuery("#sap").text(), expected, "Check for prepending of array of jQuery objects" );
}; };
test("prepend(String|Element|Array&lt;Element&gt;|jQuery)", function() { test("prepend(String|Element|Array<Element&gt;|jQuery)", function() {
testPrepend(manipulationBareObj); testPrepend(manipulationBareObj);
}); });
@ -890,7 +888,7 @@ test("prepend(Function) with incoming value", function() {
equal( jQuery("#sap").text(), expected, "Check for prepending of jQuery object" ); equal( jQuery("#sap").text(), expected, "Check for prepending of jQuery object" );
}); });
test("prependTo(String|Element|Array&lt;Element&gt;|jQuery)", function() { test("prependTo(String|Element|Array<Element&gt;|jQuery)", function() {
expect(6); expect(6);
var defaultText = "Try them out:"; var defaultText = "Try them out:";
jQuery("<b>buga</b>").prependTo("#first"); jQuery("<b>buga</b>").prependTo("#first");
@ -950,7 +948,7 @@ var testBefore = function(val) {
equal( set.length, 1, "Insert the element before the disconnected node. should be a no-op" ); equal( set.length, 1, "Insert the element before the disconnected node. should be a no-op" );
}; };
test("before(String|Element|Array&lt;Element&gt;|jQuery)", function() { test("before(String|Element|Array<Element&gt;|jQuery)", function() {
testBefore(manipulationBareObj); testBefore(manipulationBareObj);
}); });
@ -990,7 +988,7 @@ test("before and after on disconnected node (#10517)", function() {
equal( jQuery("#en").text(), expectedAfter, "Insert String after with disconnected node first" ); equal( jQuery("#en").text(), expectedAfter, "Insert String after with disconnected node first" );
}); });
test("insertBefore(String|Element|Array&lt;Element&gt;|jQuery)", function() { test("insertBefore(String|Element|Array<Element>|jQuery)", function() {
expect(4); expect(4);
var expected = "This is a normal link: bugaYahoo"; var expected = "This is a normal link: bugaYahoo";
jQuery("<b>buga</b>").insertBefore("#yahoo"); jQuery("<b>buga</b>").insertBefore("#yahoo");
@ -1043,7 +1041,7 @@ var testAfter = function(val) {
equal( set.length, 1, "Insert the element after the disconnected node should be a no-op" ); equal( set.length, 1, "Insert the element after the disconnected node should be a no-op" );
}; };
test("after(String|Element|Array&lt;Element&gt;|jQuery)", function() { test("after(String|Element|Array<Element>|jQuery)", function() {
testAfter(manipulationBareObj); testAfter(manipulationBareObj);
}); });
@ -1051,7 +1049,7 @@ test("after(Function)", function() {
testAfter(manipulationFunctionReturningObj); testAfter(manipulationFunctionReturningObj);
}); });
test("insertAfter(String|Element|Array&lt;Element&gt;|jQuery)", function() { test("insertAfter(String|Element|Array<Element>|jQuery)", function() {
expect(4); expect(4);
var expected = "This is a normal link: Yahoobuga"; var expected = "This is a normal link: Yahoobuga";
jQuery("<b>buga</b>").insertAfter("#yahoo"); jQuery("<b>buga</b>").insertAfter("#yahoo");
@ -1161,7 +1159,7 @@ var testReplaceWith = function(val) {
equal( jQuery("#qunit-fixture").find("div[id=replaceWith]").length, 1, "Make sure only one div exists." ); equal( jQuery("#qunit-fixture").find("div[id=replaceWith]").length, 1, "Make sure only one div exists." );
}; };
test("replaceWith(String|Element|Array&lt;Element&gt;|jQuery)", function() { test("replaceWith(String|Element|Array<Element>|jQuery)", function() {
testReplaceWith(manipulationBareObj); testReplaceWith(manipulationBareObj);
}); });
@ -1224,7 +1222,7 @@ test("replaceWith(string) for collection with disconnected element", function(){
equal(newSet.filter("span").length, 1, "ensure the new element is in the new set"); equal(newSet.filter("span").length, 1, "ensure the new element is in the new set");
}); });
test("replaceAll(String|Element|Array&lt;Element&gt;|jQuery)", function() { test("replaceAll(String|Element|Array<Element>|jQuery)", function() {
expect(10); expect(10);
jQuery("<b id='replace'>buga</b>").replaceAll("#yahoo"); jQuery("<b id='replace'>buga</b>").replaceAll("#yahoo");
ok( jQuery("#replace")[0], "Replace element with string" ); ok( jQuery("#replace")[0], "Replace element with string" );
@ -1587,17 +1585,18 @@ test("html(Function)", function() {
}); });
test("html(Function) with incoming value", function() { test("html(Function) with incoming value", function() {
expect(20); expect(18);
var div = jQuery("#qunit-fixture > div"), old = div.map(function(){ return jQuery(this).html(); }); var els = jQuery("#foo > p"),
actualhtml = els.map(function() { return jQuery(this).html(); });
div.html(function(i, val) { els.html(function(i, val) {
equal( val, old[i], "Make sure the incoming value is correct." ); equal( val, actualhtml[i], "Make sure the incoming value is correct." );
return "<b>test</b>"; return "<b>test</b>";
}); });
var pass = true; var pass = true;
div.each(function(){ els.each(function(){
if ( this.childNodes.length !== 1 ) { if ( this.childNodes.length !== 1 ) {
pass = false; pass = false;
} }
@ -1607,10 +1606,10 @@ test("html(Function) with incoming value", function() {
QUnit.reset(); QUnit.reset();
// using contents will get comments regular, text, and comment nodes // using contents will get comments regular, text, and comment nodes
var j = jQuery("#nonnodes").contents(); var j = jQuery("#nonnodes").contents();
old = j.map(function(){ return jQuery(this).html(); }); actualhtml = j.map(function(){ return jQuery(this).html(); });
j.html(function(i, val) { j.html(function(i, val) {
equal( val, old[i], "Make sure the incoming value is correct." ); equal( val, actualhtml[i], "Make sure the incoming value is correct." );
return "<b>bold</b>"; return "<b>bold</b>";
}); });
@ -1652,10 +1651,7 @@ test("html(Function) with incoming value", function() {
}); });
var testRemove = function(method) { var testRemove = function(method) {
expect(9); var first = jQuery("#ap").children(":first");
var cleanUp, count,
first = jQuery("#ap").children(":first");
first.data("foo", "bar"); first.data("foo", "bar");
@ -1663,7 +1659,7 @@ var testRemove = function(method) {
ok( jQuery("#ap").text().length > 10, "Check text is not removed" ); ok( jQuery("#ap").text().length > 10, "Check text is not removed" );
equal( jQuery("#ap").children().length, 0, "Check remove" ); equal( jQuery("#ap").children().length, 0, "Check remove" );
equal( first.data("foo"), method == "remove" ? null : "bar" ); equal( first.data("foo"), method == "remove" ? null : "bar", "first data" );
QUnit.reset(); QUnit.reset();
jQuery("#ap").children()[method]("a"); jQuery("#ap").children()[method]("a");
@ -1683,29 +1679,46 @@ var testRemove = function(method) {
if (method === "detach") { if (method === "detach") {
first.remove(); first.remove();
} }
QUnit.reset();
count = 0;
first = jQuery("#ap").children(":first");
cleanUp = first.click(function() { count++; })[method]().appendTo("#qunit-fixture").click();
equal( method == "remove" ? 0 : 1, count );
// manually clean up detached elements
cleanUp.remove();
}; };
test("remove()", function() { test("remove()", 8, function() {
testRemove("remove"); testRemove("remove");
}); });
test("detach()", function() { test("remove() event cleaning ", 1, function() {
var count, first, cleanUp;
count = 0;
first = jQuery("#ap").children(":first");
cleanUp = first.click(function() {
count++;
}).remove().appendTo("#qunit-fixture").click();
strictEqual( 0, count, "Event handler has been removed" );
// Clean up detached data
cleanUp.remove();
});
test("detach()", 8, function() {
testRemove("detach"); testRemove("detach");
}); });
test("detach() event cleaning ", 1, function() {
var count, first, cleanUp;
count = 0;
first = jQuery("#ap").children(":first");
cleanUp = first.click(function() {
count++;
}).detach().appendTo("#qunit-fixture").click();
strictEqual( 1, count, "Event handler has not been removed" );
// Clean up detached data
cleanUp.remove();
});
test("empty()", function() { test("empty()", function() {
expect(3); expect(3);
equal( jQuery("#ap").children().empty().text().length, 0, "Check text is removed" ); equal( jQuery("#ap").children().empty().text().length, 0, "Check text is removed" );

View File

@ -119,7 +119,6 @@ test("callbacks keep their place in the queue", function() {
div.promise("fx").done(function() { div.promise("fx").done(function() {
equal(counter, 4, "Deferreds resolved"); equal(counter, 4, "Deferreds resolved");
jQuery._removeData( div[0], "olddisplay" );
start(); start();
}); });
}); });

View File

@ -8,7 +8,7 @@ test("find(String)", function() {
var j = jQuery("#nonnodes").contents(); var j = jQuery("#nonnodes").contents();
equal( j.find("div").length, 0, "Check node,textnode,comment to find zero divs" ); equal( j.find("div").length, 0, "Check node,textnode,comment to find zero divs" );
deepEqual( jQuery("#qunit-fixture").find("> div").get(), q("foo", "moretests", "tabindex-tests", "liveHandlerOrder", "siblingTest"), "find child elements" ); deepEqual( jQuery("#qunit-fixture").find("> div").get(), q("foo", "moretests", "tabindex-tests", "liveHandlerOrder", "siblingTest", "fx-test-group"), "find child elements" );
deepEqual( jQuery("#qunit-fixture").find("> #foo, > #moretests").get(), q("foo", "moretests"), "find child elements" ); deepEqual( jQuery("#qunit-fixture").find("> #foo, > #moretests").get(), q("foo", "moretests"), "find child elements" );
deepEqual( jQuery("#qunit-fixture").find("> #foo > p").get(), q("sndp", "en", "sap"), "find child elements" ); deepEqual( jQuery("#qunit-fixture").find("> #foo > p").get(), q("sndp", "en", "sap"), "find child elements" );
}); });