X-Git-Url: http://git.asbjorn.it/?a=blobdiff_plain;f=test%2Funit%2Fcss.js;h=99bab1fe56e0a02186f1913e3dcef56d87734ed7;hb=ba9e0fc177841bd74cc5ea4e52f09cd87d747bf5;hp=5e88254d78703220bb121d567fc64afa9d267ea6;hpb=4e9fed3b16ed9612ed373d14a89294e98054f4dd;p=jquery.git diff --git a/test/unit/css.js b/test/unit/css.js index 5e88254..99bab1f 100644 --- a/test/unit/css.js +++ b/test/unit/css.js @@ -12,15 +12,13 @@ test("css(String|Hash)", function() { ok( jQuery('#nothiddendiv').is(':visible'), 'Modified CSS display: Assert element is visible'); // handle negative numbers by ignoring #1599, #4216 + jQuery('#nothiddendiv').css({ 'width': 1, 'height': 1 }); + var width = parseFloat(jQuery('#nothiddendiv').css('width')), height = parseFloat(jQuery('#nothiddendiv').css('height')); jQuery('#nothiddendiv').css({ width: -1, height: -1 }); equals( parseFloat(jQuery('#nothiddendiv').css('width')), width, 'Test negative width ignored') equals( parseFloat(jQuery('#nothiddendiv').css('height')), height, 'Test negative height ignored') - jQuery('#floatTest').css({styleFloat: 'right'}); - equals( jQuery('#floatTest').css('styleFloat'), 'right', 'Modified CSS float using "styleFloat": Assert float is right'); - jQuery('#floatTest').css({cssFloat: 'left'}); - equals( jQuery('#floatTest').css('cssFloat'), 'left', 'Modified CSS float using "cssFloat": Assert float is left'); jQuery('#floatTest').css({'float': 'right'}); equals( jQuery('#floatTest').css('float'), 'right', 'Modified CSS float using "float": Assert float is right'); jQuery('#floatTest').css({'font-size': '30px'}); @@ -42,7 +40,9 @@ test("css(String|Hash)", function() { var div = jQuery('#nothiddendiv'), child = jQuery('#nothiddendivchild'); equals( parseInt(div.css("fontSize")), 16, "Verify fontSize px set." ); + equals( parseInt(div.css("font-size")), 16, "Verify fontSize px set." ); equals( parseInt(child.css("fontSize")), 16, "Verify fontSize px set." ); + equals( parseInt(child.css("font-size")), 16, "Verify fontSize px set." ); child.attr("class", "em"); equals( parseInt(child.css("fontSize")), 32, "Verify fontSize em set." ); @@ -61,7 +61,7 @@ test("css(String|Hash)", function() { }); test("css(String, Object)", function() { - expect(21); + expect(19); ok( jQuery('#nothiddendiv').is(':visible'), 'Modifying CSS display: Assert element is visible'); jQuery('#nothiddendiv').css("display", 'none'); ok( !jQuery('#nothiddendiv').is(':visible'), 'Modified CSS display: Assert element is hidden'); @@ -71,10 +71,6 @@ test("css(String, Object)", function() { jQuery("#nothiddendiv").css("top", "-1em"); ok( jQuery("#nothiddendiv").css("top"), -16, "Check negative number in EMs." ); - jQuery('#floatTest').css('styleFloat', 'left'); - equals( jQuery('#floatTest').css('styleFloat'), 'left', 'Modified CSS float using "styleFloat": Assert float is left'); - jQuery('#floatTest').css('cssFloat', 'right'); - equals( jQuery('#floatTest').css('cssFloat'), 'right', 'Modified CSS float using "cssFloat": Assert float is right'); jQuery('#floatTest').css('float', 'left'); equals( jQuery('#floatTest').css('float'), 'left', 'Modified CSS float using "float": Assert float is left'); jQuery('#floatTest').css('font-size', '20px'); @@ -116,69 +112,123 @@ if(jQuery.browser.msie) { } test("css(String, Function)", function() { - try { - expect(3); + expect(3); - var sizes = ["10px", "20px", "30px"]; + var sizes = ["10px", "20px", "30px"]; - jQuery("
" + - "
" + - "
") - .appendTo("body"); + jQuery("
" + + "
" + + "
") + .appendTo("body"); - var index = 0; + var index = 0; - jQuery("#cssFunctionTest div").css("font-size", function() { - var size = sizes[index]; - index++; - return size; - }); + jQuery("#cssFunctionTest div").css("font-size", function() { + var size = sizes[index]; + index++; + return size; + }); - index = 0; + index = 0; + + jQuery("#cssFunctionTest div").each(function() { + var computedSize = jQuery(this).css("font-size") + var expectedSize = sizes[index] + equals( computedSize, expectedSize, "Div #" + index + " should be " + expectedSize ); + index++; + }); + + jQuery("#cssFunctionTest").remove(); +}); + +test("css(String, Function) with incoming value", function() { + expect(3); - jQuery("#cssFunctionTest div").each(function() { - var computedSize = jQuery(this).css("font-size") - var expectedSize = sizes[index] - equals( computedSize, expectedSize, "Div #" + index + " should be " + expectedSize ); - index++; - }); + var sizes = ["10px", "20px", "30px"]; + + jQuery("
" + + "
" + + "
") + .appendTo("body"); + + var index = 0; + + jQuery("#cssFunctionTest div").css("font-size", function() { + var size = sizes[index]; + index++; + return size; + }); - } finally { - jQuery("#cssFunctionTest").remove(); - } + index = 0; + + jQuery("#cssFunctionTest div").css("font-size", function(i, computedSize) { + var expectedSize = sizes[index] + equals( computedSize, expectedSize, "Div #" + index + " should be " + expectedSize ); + index++; + return computedSize; + }); + + jQuery("#cssFunctionTest").remove(); }); test("css(Object) where values are Functions", function() { - try { - expect(3); + expect(3); - var sizes = ["10px", "20px", "30px"]; + var sizes = ["10px", "20px", "30px"]; - jQuery("
" + - "
" + - "
") - .appendTo("body"); + jQuery("
" + + "
" + + "
") + .appendTo("body"); + + var index = 0; - var index = 0; + jQuery("#cssFunctionTest div").css({fontSize: function() { + var size = sizes[index]; + index++; + return size; + }}); + + index = 0; + + jQuery("#cssFunctionTest div").each(function() { + var computedSize = jQuery(this).css("font-size") + var expectedSize = sizes[index] + equals( computedSize, expectedSize, "Div #" + index + " should be " + expectedSize ); + index++; + }); + + jQuery("#cssFunctionTest").remove(); +}); + +test("css(Object) where values are Functions with incoming values", function() { + expect(3); + + var sizes = ["10px", "20px", "30px"]; - jQuery("#cssFunctionTest div").css({fontSize: function() { - var size = sizes[index]; - index++; - return size; - }}); + jQuery("
" + + "
" + + "
") + .appendTo("body"); + + var index = 0; + + jQuery("#cssFunctionTest div").css({fontSize: function() { + var size = sizes[index]; + index++; + return size; + }}); - index = 0; + index = 0; - jQuery("#cssFunctionTest div").each(function() { - var computedSize = jQuery(this).css("font-size") - var expectedSize = sizes[index] - equals( computedSize, expectedSize, "Div #" + index + " should be " + expectedSize ); - index++; - }); + jQuery("#cssFunctionTest div").css({"font-size": function(i, computedSize) { + var expectedSize = sizes[index] + equals( computedSize, expectedSize, "Div #" + index + " should be " + expectedSize ); + index++; + return computedSize; + }}); - } finally { - jQuery("#cssFunctionTest").remove(); - } + jQuery("#cssFunctionTest").remove(); }); test("jQuery.css(elem, 'height') doesn't clear radio buttons (bug #1095)", function () {