fix for #4263, better support for nested fixed position elements
[jquery.git] / test / unit / dimensions.js
1 module("dimensions");
2
3 test("innerWidth()", function() {
4         expect(3);
5
6         var $div = jQuery("#nothiddendiv");
7         // set styles
8         $div.css({
9                 margin: 10,
10                 border: "2px solid #fff",
11                 width: 30
12         });
13         
14         equals($div.innerWidth(), 30, "Test with margin and border");
15         $div.css("padding", "20px");
16         equals($div.innerWidth(), 70, "Test with margin, border and padding");
17         $div.hide();
18         equals($div.innerWidth(), 70, "Test hidden div");
19         
20         // reset styles
21         $div.css({ display: "", border: "", padding: "", width: "", height: "" });
22 });
23
24 test("innerHeight()", function() {
25         expect(3);
26         
27         var $div = jQuery("#nothiddendiv");
28         // set styles
29         $div.css({
30                 margin: 10,
31                 border: "2px solid #fff",
32                 height: 30
33         });
34         
35         equals($div.innerHeight(), 30, "Test with margin and border");
36         $div.css("padding", "20px");
37         equals($div.innerHeight(), 70, "Test with margin, border and padding");
38         $div.hide();
39         equals($div.innerHeight(), 70, "Test hidden div");
40         
41         // reset styles
42         $div.css({ display: "", border: "", padding: "", width: "", height: "" });
43 });
44
45 test("outerWidth()", function() {
46         expect(6);
47         
48         var $div = jQuery("#nothiddendiv");
49         $div.css("width", 30);
50         
51         equals($div.outerWidth(), 30, "Test with only width set");
52         $div.css("padding", "20px");
53         equals($div.outerWidth(), 70, "Test with padding");
54         $div.css("border", "2px solid #fff");
55         equals($div.outerWidth(), 74, "Test with padding and border");
56         $div.css("margin", "10px");
57         equals($div.outerWidth(), 74, "Test with padding, border and margin without margin option");
58         $div.css("position", "absolute");
59         equals($div.outerWidth(true), 94, "Test with padding, border and margin with margin option");
60         $div.hide();
61         equals($div.outerWidth(true), 94, "Test hidden div with padding, border and margin with margin option");
62         
63         // reset styles
64         $div.css({ position: "", display: "", border: "", padding: "", width: "", height: "" });
65 });
66
67 test("outerHeight()", function() {
68         expect(6);
69         
70         var $div = jQuery("#nothiddendiv");
71         $div.css("height", 30);
72         
73         equals($div.outerHeight(), 30, "Test with only width set");
74         $div.css("padding", "20px");
75         equals($div.outerHeight(), 70, "Test with padding");
76         $div.css("border", "2px solid #fff");
77         equals($div.outerHeight(), 74, "Test with padding and border");
78         $div.css("margin", "10px");
79         equals($div.outerHeight(), 74, "Test with padding, border and margin without margin option");
80         equals($div.outerHeight(true), 94, "Test with padding, border and margin with margin option");
81         $div.hide();
82         equals($div.outerHeight(true), 94, "Test hidden div with padding, border and margin with margin option");
83         
84         // reset styles
85         $div.css({ display: "", border: "", padding: "", width: "", height: "" });
86 });