X-Git-Url: http://git.asbjorn.biz/?a=blobdiff_plain;f=test%2Funit%2Fdimensions.js;fp=test%2Funit%2Fdimensions.js;h=af35850f5cbac7b323b76e493279e7208bd4f6b7;hb=aea452f1624df811c8b0b2916bfb22213d153f9d;hp=0000000000000000000000000000000000000000;hpb=f3f3238c53a3cad8ebe5c4be191ac4c5d0990f06;p=jquery.git diff --git a/test/unit/dimensions.js b/test/unit/dimensions.js new file mode 100644 index 0000000..af35850 --- /dev/null +++ b/test/unit/dimensions.js @@ -0,0 +1,85 @@ +module("dimensions"); + +test("innerWidth()", function() { + expect(3); + + var $div = $("#nothiddendiv"); + // set styles + $div.css({ + margin: 10, + border: "2px solid #fff", + width: 30 + }); + + equals($div.innerWidth(), 30, "Test with margin and border"); + $div.css("padding", "20px"); + equals($div.innerWidth(), 70, "Test with margin, border and padding"); + $div.hide(); + equals($div.innerWidth(), 70, "Test hidden div"); + + // reset styles + $div.css({ display: "", border: "", padding: "", width: "", height: "" }); +}); + +test("innerHeight()", function() { + expect(3); + + var $div = $("#nothiddendiv"); + // set styles + $div.css({ + margin: 10, + border: "2px solid #fff", + height: 30 + }); + + equals($div.innerHeight(), 30, "Test with margin and border"); + $div.css("padding", "20px"); + equals($div.innerHeight(), 70, "Test with margin, border and padding"); + $div.hide(); + equals($div.innerHeight(), 70, "Test hidden div"); + + // reset styles + $div.css({ display: "", border: "", padding: "", width: "", height: "" }); +}); + +test("outerWidth()", function() { + expect(6); + + var $div = $("#nothiddendiv"); + $div.css("width", 30); + + equals($div.outerWidth(), 30, "Test with only width set"); + $div.css("padding", "20px"); + equals($div.outerWidth(), 70, "Test with padding"); + $div.css("border", "2px solid #fff"); + equals($div.outerWidth(), 74, "Test with padding and border"); + $div.css("margin", "10px"); + equals($div.outerWidth(), 74, "Test with padding, border and margin without margin option"); + equals($div.outerWidth(true), 94, "Test with padding, border and margin with margin option"); + $div.hide(); + equals($div.outerWidth(true), 94, "Test hidden div with padding, border and margin with margin option"); + + // reset styles + $div.css({ display: "", border: "", padding: "", width: "", height: "" }); +}); + +test("outerHeight()", function() { + expect(6); + + var $div = $("#nothiddendiv"); + $div.css("height", 30); + + equals($div.outerHeight(), 30, "Test with only width set"); + $div.css("padding", "20px"); + equals($div.outerHeight(), 70, "Test with padding"); + $div.css("border", "2px solid #fff"); + equals($div.outerHeight(), 74, "Test with padding and border"); + $div.css("margin", "10px"); + equals($div.outerHeight(), 74, "Test with padding, border and margin without margin option"); + equals($div.outerHeight(true), 94, "Test with padding, border and margin with margin option"); + $div.hide(); + equals($div.outerHeight(true), 94, "Test hidden div with padding, border and margin with margin option"); + + // reset styles + $div.css({ display: "", border: "", padding: "", width: "", height: "" }); +}); \ No newline at end of file