X-Git-Url: http://git.asbjorn.biz/?a=blobdiff_plain;f=test%2Funit%2Fdimensions.js;h=f365f928925615c500ce94c50113a6e60dbf0dbf;hb=45b8d2531ef6a7c775ca3bac06bcad6ffc5419e3;hp=aac1655f5175959b21f5624f46f9dcf46fbbafcf;hpb=bf802496c6b1055222814e8cd5185c023eadf202;p=jquery.git diff --git a/test/unit/dimensions.js b/test/unit/dimensions.js index aac1655..f365f92 100644 --- a/test/unit/dimensions.js +++ b/test/unit/dimensions.js @@ -1,9 +1,65 @@ module("dimensions"); +test("width()", function() { + expect(6); + + 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: "" }); +}); + +test("height()", function() { + expect(5); + + 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" }); +}); + test("innerWidth()", function() { expect(3); - var $div = $("#nothiddendiv"); + var $div = jQuery("#nothiddendiv"); // set styles $div.css({ margin: 10, @@ -24,7 +80,7 @@ test("innerWidth()", function() { test("innerHeight()", function() { expect(3); - var $div = $("#nothiddendiv"); + var $div = jQuery("#nothiddendiv"); // set styles $div.css({ margin: 10, @@ -45,7 +101,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 +123,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");