QUnit.push( jQuery.inArray( value, array ) === -1 , value, array, message );
}
-var animateTime = 15;
+// minDuration is used for "short" animate tests where we are only concerned about the final
+var minDuration = 15,
+
+ // duration is used for "long" animates where we plan on testing properties during animation
+ duration = 200,
+
+ // mid is used for testing in the "middle" of the "duration" animations
+ mid = duration / 2;
module( "effects.core" );
test++;
equal( point, test, "Queue function fired in order" );
if ( fn ) {
- fn ();
+ fn();
} else {
- setTimeout( next, animateTime );
+ setTimeout( next, minDuration );
}
};
}
-
- hidden.queue( queueTest() ).show( effect, animateTime, queueTest(function() {
+
+ hidden.queue( queueTest() ).show( effect, minDuration, queueTest(function() {
equal( hidden.css("display"), "block", "Hidden is shown after .show(\"" +effect+ "\", time)" );
- })).queue( queueTest() ).hide( effect, animateTime, queueTest(function() {
+ })).queue( queueTest() ).hide( effect, minDuration, queueTest(function() {
equal( hidden.css("display"), "none", "Back to hidden after .hide(\"" +effect+ "\", time)" );
})).queue( queueTest(function(next) {
deepEqual( hidden.queue(), ["inprogress"], "Only the inprogress sentinel remains");
var test = $("div.animateClass"),
count = 0;
expect(3);
- test.toggleClass("testAddBorder", 20, function() {
- test.toggleClass("testAddBorder", 20, function() {
+ test.toggleClass("testAddBorder", minDuration, function() {
+ test.toggleClass("testAddBorder", minDuration, function() {
equal( test.css("borderLeftStyle"), "none", "None border set" );
start();
});
var test = $("div.animateClass"),
count = 0;
expect(2);
- test.toggleClass("testChangeBackground", 100, function() {
+ test.toggleClass("testChangeBackground", duration, function() {
present( test.css("backgroundColor"), [ "#ffffff", "rgb(255, 255, 255)" ], "Color is final" );
start();
});
var color = test.css("backgroundColor");
notPresent( color, [ "#000000", "#ffffff", "rgb(0, 0, 0)", "rgb(255,255,255)" ],
"Color is not endpoints in middle." );
- }, 50);
+ }, mid);
});
asyncTest( "animateClass works with children", function() {
var test = $("div.animateClass"),
h2 = test.find("h2");
-
+
expect(4);
- test.toggleClass("testChildren", { children: true, duration: 100, complete: function() {
+ test.toggleClass("testChildren", { children: true, duration: duration, complete: function() {
equal( h2.css("fontSize"), "20px", "Text size is final during complete");
- test.toggleClass("testChildren", 100, function() {
+ test.toggleClass("testChildren", duration, function() {
equal( h2.css("fontSize"), "10px", "Text size revertted after class removed");
start();
});
setTimeout(function() {
equal( h2.css("fontSize"), "20px", "Text size unchanged with children: undefined" );
- }, 50);
+ }, mid);
}});
setTimeout(function() {
notPresent( h2.css("fontSize"), ["10px","20px"], "Font size is neither endpoint when in middle.");
- }, 50);
+ }, mid);
});
})(jQuery);