module("css");
test("css(String|Hash)", function() {
- expect(21);
+ expect(23);
equals( jQuery('#main').css("display"), 'none', 'Check for css property "display"');
});
jQuery('#foo').css({opacity: ''});
equals( jQuery('#foo').css('opacity'), '1', "Assert opacity is 1 when set to an empty String" );
+
+ equals( jQuery('#empty').css('opacity'), '0', "Assert opacity is accessible via filter property set in stylesheet in IE" );
+ jQuery('#empty').css({ opacity: '1' });
+ equals( jQuery('#empty').css('opacity'), '1', "Assert opacity is taken from style attribute when set vs stylesheet in IE with filters" );
});
test("css(String, Object)", function() {
equals( jQuery("#t2037 .hidden").css("display"), "none", "Make sure browser thinks it is hidden" );
});
+test("css(String, Function)", function() {
+ try {
+ expect(3);
+
+ var colors = ["#ff0000", "#00ff00", "#0000ff"];
+
+ jQuery("<div id='cssFunctionTest'><div class='cssFunction'></div>" +
+ "<div class='cssFunction'></div>" +
+ "<div class='cssFunction'></div></div>")
+ .appendTo("body");
+
+ var index = 0;
+
+ jQuery("#cssFunctionTest div").css("color", function() {
+ var color = colors[index];
+ index++;
+ return color;
+ });
+
+ index = 0;
+
+ jQuery("#cssFunctionTest div").each(function() {
+ equals( jQuery(this).css("color"), colors[index], "Div #" + index + " should be " + colors[index] );
+ index++;
+ });
+
+ } finally {
+ jQuery("#cssFunctionTest").remove();
+ }
+});
+
+test("css(Object) where values are Functions", function() {
+ try {
+ expect(3);
+
+ var colors = ["rgb(255, 0, 0)", "rgb(0, 255, 0)", "rgb(0, 0, 255)"];
+
+ jQuery("<div id='cssFunctionTest'><div class='cssFunction'></div>" +
+ "<div class='cssFunction'></div>" +
+ "<div class='cssFunction'></div></div>")
+ .appendTo("body");
+
+ var index = 0;
+
+ jQuery("#cssFunctionTest div").css({color: function() {
+ var color = colors[index];
+ index++;
+ return color;
+ }});
+
+ index = 0;
+
+ jQuery("#cssFunctionTest div").each(function() {
+ var computedColor = jQuery(this).css("color").replace(/ /g, '');
+ var expectedColor = colors[index].replace(/ /g, '');
+ equals( computedColor, expectedColor, "Div #" + index + " should be " + expectedColor );
+ index++;
+ });
+
+ } finally {
+ jQuery("#cssFunctionTest").remove();
+ }
+});
+
test("jQuery.css(elem, 'height') doesn't clear radio buttons (bug #1095)", function () {
expect(4);