asyncTest("line-height animates correctly (#13855)", 12, function() {
var
animated = jQuery(
- "<p style='line-height: 5000;'>unitless</p>" +
+ "<p style='line-height: 100;'>unitless</p>" +
"<p style='line-height: 5000px;'>px</p>" +
"<p style='line-height: 5000%;'>percent</p>" +
- "<p style='line-height: 5000em;'>em</p>"
+ "<p style='line-height: 100em;'>em</p>"
).appendTo("#qunit-fixture"),
initialHeight = jQuery.map( animated, function( el ) {
return jQuery( el ).height();
var label = jQuery.text( this ),
initial = initialHeight[ i ],
height = jQuery( this ).height();
- ok( height < initial, "hide " + label + ": upper bound; height:" + height + "; intitial: " + initial );
- ok( height > initial / 2, "hide " + label + ": lower bound; height:" + height + "; intitial/2: " + initial / 2 );
+ ok( height < initial, "hide " + label + ": upper bound; height: " + height + "; intitial: " + initial );
+ ok( height > initial / 3, "hide " + label + ": lower bound; height: " + height + "; intitial/3: " + initial );
});
animated.stop( true, true ).hide().animate( { "line-height": "show" }, 1500 );
setTimeout(function() {
var label = jQuery.text( this ),
initial = initialHeight[ i ],
height = jQuery( this ).height();
- ok( height < initial / 2, "show " + label + ": upper bound; height:" + height + "; intitial/2: " + initial / 2 );
+ ok( height < initial / 2, "show " + label + ": upper bound; height: " + height + "; intitial/2: " + initial / 2 );
});
animated.stop( true, true );
start();