|
| 1 | +module( "basic", { |
| 2 | + teardown: moduleTeardown |
| 3 | +} ); |
| 4 | + |
| 5 | +if ( jQuery.css ) { |
| 6 | + test( "css", function() { |
| 7 | + expect( 18 ); |
| 8 | + |
| 9 | + var hiddendiv, disconnectedDiv, div, index, |
| 10 | + sizes = [ "10px", "20px" ]; |
| 11 | + |
| 12 | + hiddendiv = jQuery( "<div style='display:none;'><div style='height:20px;'></div></div>" ).appendTo( "#qunit-fixture" ); |
| 13 | + |
| 14 | + equal( hiddendiv.find( "div" ).css( "height" ), "20px", "Height on hidden div" ); |
| 15 | + |
| 16 | + disconnectedDiv = jQuery( "<div/>" ); |
| 17 | + |
| 18 | + disconnectedDiv.css( { "width": 4, "height": 4, "paddingLeft": 7 } ); |
| 19 | + |
| 20 | + equal( disconnectedDiv[ 0 ].style.height, "4px", "Make sure the height is being set correctly" ); |
| 21 | + equal( disconnectedDiv.css( "width" ), "4px", "Width on disconnected node" ); |
| 22 | + equal( disconnectedDiv.css( "height" ), "4px", "Height on disconnected node" ); |
| 23 | + equal( disconnectedDiv.css( "paddingLeft" ), "7px", "Padding-left on disconnected node" ); |
| 24 | + |
| 25 | + disconnectedDiv.css( "width", 5 ); |
| 26 | + |
| 27 | + equal( disconnectedDiv[ 0 ].style.width, "5px", "Make sure the width is being set correctly" ); |
| 28 | + equal( disconnectedDiv.css( "width" ), "5px", "Width on disconnected node" ); |
| 29 | + equal( disconnectedDiv.css( "height" ), "4px", "Height on disconnected node" ); |
| 30 | + |
| 31 | + equal( jQuery( "<div style='display: none;'/>" ).css( "display" ), "none", |
| 32 | + "Styles on disconnected nodes" ); |
| 33 | + |
| 34 | + div = jQuery( "<div/>" ); |
| 35 | + div.appendTo( "#qunit-fixture" ); |
| 36 | + |
| 37 | + div.css( { "width": 4, "height": 4, "paddingLeft": 7, "top": 5 } ); |
| 38 | + |
| 39 | + div.css( { width: "+=9" } ); |
| 40 | + equal( div.css( "width" ), "13px", "'+=9' on width (hash)" ); |
| 41 | + |
| 42 | + div.css( "width", "-=9px" ); |
| 43 | + equal( div.css( "width" ), "4px", "'-=9px' on width (params)" ); |
| 44 | + |
| 45 | + div.css( { "paddingLeft": "+=4px" } ); |
| 46 | + equal( div.css( "paddingLeft" ), "11px", "'+=4' on paddingLeft (hash)" ); |
| 47 | + |
| 48 | + div.css( "padding-left", "-=4" ); |
| 49 | + equal( div.css( "paddingLeft" ), "7px", "'-=4' on padding-left (params)" ); |
| 50 | + |
| 51 | + div.css( "paddingLeft", "" ); |
| 52 | + equal( div.css( "padding-left" ), "0px", "Zeroing the value" ); |
| 53 | + |
| 54 | + jQuery( "<div id='cssFunctionTest'><div class='cssFunction'></div>" + |
| 55 | + "<div class='cssFunction'></div></div>" ) |
| 56 | + .appendTo( "#qunit-fixture" ); |
| 57 | + |
| 58 | + index = 0; |
| 59 | + |
| 60 | + jQuery( "#cssFunctionTest div" ).css( "font-size", function() { |
| 61 | + var size = sizes[ index ]; |
| 62 | + index++; |
| 63 | + return size; |
| 64 | + } ); |
| 65 | + |
| 66 | + index = 0; |
| 67 | + |
| 68 | + jQuery( "#cssFunctionTest div" ).each( function() { |
| 69 | + var computedSize = jQuery( this ).css( "font-size" ), |
| 70 | + expectedSize = sizes[ index ]; |
| 71 | + equal( computedSize, expectedSize, |
| 72 | + "css(String, Function): Div #" + index + " should be " + expectedSize ); |
| 73 | + index++; |
| 74 | + } ); |
| 75 | + |
| 76 | + div = jQuery( "<div>" ).hide(); |
| 77 | + equal( div.css( "display" ), "none", "Detached div hidden" ); |
| 78 | + div.appendTo( "#qunit-fixture" ).show(); |
| 79 | + equal( div.css( "display" ), "block", "Initially-detached div after show()" ); |
| 80 | + } ); |
| 81 | +} |
| 82 | + |
| 83 | + |
| 84 | +// TODO write tests for other modules |
0 commit comments