Make sure that calling .width(num) or .height(num) on an empty set returns the empty...

[jquery.git] / test / unit / dimensions.js

diff --git a/test/unit/dimensions.js b/test/unit/dimensions.js
index aac1655..8653de4 100644 (file)
--- a/test/unit/dimensions.js
+++ b/test/unit/dimensions.js
@@ -1,9 +1,71 @@
 module("dimensions");
 
+test("width()", function() {
+       expect(7);
+
+       var $div = jQuery("#nothiddendiv");
+       $div.width(30);
+       equals($div.width(), 30, "Test set to 30 correctly");
+       $div.hide();
+       equals($div.width(), 30, "Test hidden div");
+       $div.show();
+       $div.width(-1); // handle negative numbers by ignoring #1599
+       equals($div.width(), 30, "Test negative width ignored");
+       $div.css("padding", "20px");
+       equals($div.width(), 30, "Test padding specified with pixels");
+       $div.css("border", "2px solid #fff");
+       equals($div.width(), 30, "Test border specified with pixels");
+       //$div.css("padding", "2em");
+       //equals($div.width(), 30, "Test padding specified with ems");
+       //$div.css("border", "1em solid #fff");
+       //DISABLED - Opera 9.6 fails this test, returns 8
+       //equals($div.width(), 30, "Test border specified with ems");
+       //$div.css("padding", "2%");
+       //equals($div.width(), 30, "Test padding specified with percent");
+
+       $div.css({ display: "", border: "", padding: "" });
+
+       jQuery("#nothiddendivchild").css({ padding: "3px", border: "2px solid #fff" });
+       equals(jQuery("#nothiddendivchild").width(), 20, "Test child width with border and padding");
+       jQuery("#nothiddendiv, #nothiddendivchild").css({ border: "", padding: "", width: "" });
+
+       var blah = jQuery("blah");
+       equals( blah.width(10), blah, "Make sure that setting a width on an empty set returns the set." );
+});
+
+test("height()", function() {
+       expect(6);
+
+       var $div = jQuery("#nothiddendiv");
+       $div.height(30);
+       equals($div.height(), 30, "Test set to 30 correctly");
+       $div.hide();
+       equals($div.height(), 30, "Test hidden div");
+       $div.show();
+       $div.height(-1); // handle negative numbers by ignoring #1599
+       equals($div.height(), 30, "Test negative height ignored");
+       $div.css("padding", "20px");
+       equals($div.height(), 30, "Test padding specified with pixels");
+       $div.css("border", "2px solid #fff");
+       equals($div.height(), 30, "Test border specified with pixels");
+       //$div.css("padding", "2em");
+       //equals($div.height(), 30, "Test padding specified with ems");
+       //$div.css("border", "1em solid #fff");
+       //DISABLED - Opera 9.6 fails this test, returns 8
+       //equals($div.height(), 30, "Test border specified with ems");
+       //$div.css("padding", "2%");
+       //equals($div.height(), 30, "Test padding specified with percent");
+
+       $div.css({ display: "", border: "", padding: "", height: "1px" });
+
+       var blah = jQuery("blah");
+       equals( blah.height(10), blah, "Make sure that setting a height on an empty set returns the set." );
+});
+
 test("innerWidth()", function() {
        expect(3);
 
-       var $div = $("#nothiddendiv");
+       var $div = jQuery("#nothiddendiv");
        // set styles
        $div.css({
                margin: 10,
@@ -24,7 +86,7 @@ test("innerWidth()", function() {
 test("innerHeight()", function() {
        expect(3);
        
-       var $div = $("#nothiddendiv");
+       var $div = jQuery("#nothiddendiv");
        // set styles
        $div.css({
                margin: 10,
@@ -45,7 +107,7 @@ test("innerHeight()", function() {
 test("outerWidth()", function() {
        expect(6);
        
-       var $div = $("#nothiddendiv");
+       var $div = jQuery("#nothiddendiv");
        $div.css("width", 30);
        
        equals($div.outerWidth(), 30, "Test with only width set");
@@ -67,7 +129,7 @@ test("outerWidth()", function() {
 test("outerHeight()", function() {
        expect(6);
        
-       var $div = $("#nothiddendiv");
+       var $div = jQuery("#nothiddendiv");
        $div.css("height", 30);
        
        equals($div.outerHeight(), 30, "Test with only width set");
@@ -83,4 +145,4 @@ test("outerHeight()", function() {
        
        // reset styles
        $div.css({ display: "", border: "", padding: "", width: "", height: "" });
-});
\ No newline at end of file
+});