OLD | NEW |
| (Empty) |
1 <html> | |
2 <head> | |
3 <script>window.jsTestIsAsync = true;</script> | |
4 <script src="../../js/resources/js-test-pre.js"></script> | |
5 <script> | |
6 description("Test that frame flattening is not used for tiny frames. This test r
equires DRT or user agent with flattening enabled."); | |
7 | |
8 if (window.internals) | |
9 internals.settings.setFrameFlatteningEnabled(true); | |
10 | |
11 function checkResult(frameName, expectedWidth, expectedHeight) | |
12 { | |
13 frame = document.getElementById(frameName); | |
14 debug(frameName); | |
15 shouldBe("getComputedStyle(frame, 0).width", expectedWidth); | |
16 shouldBe("getComputedStyle(frame, 0).height", expectedHeight); | |
17 } | |
18 | |
19 function test() | |
20 { | |
21 setTimeout(function() { | |
22 checkResult("testFrame0", "'0px'", "'0px'"); | |
23 checkResult("testFrame1", "'1px'", "'1px'"); | |
24 checkResult("testFrame2", "'7px'", "'7px'"); | |
25 checkResult("testFrame3", "'400px'", "'400px'"); | |
26 checkResult("testFrame4", "'0px'", "'100px'"); | |
27 checkResult("testFrame5", "'100px'", "'0px'"); | |
28 checkResult("testFrame6", "'100px'", "'2px'"); | |
29 checkResult("testFrame7", "'2px'", "'100px'"); | |
30 checkResult("testFrame8", "'2px'", "'150px'"); | |
31 checkResult("testFrame9", "'300px'", "'2px'"); | |
32 checkResult("testFrame10", "'400px'", "'400px'"); | |
33 checkResult("testFrame11", "'400px'", "'400px'"); | |
34 finishJSTest(); | |
35 }, 0); | |
36 } | |
37 </script> | |
38 </head> | |
39 <body onload="test()"> | |
40 <iframe id="testFrame0" width="0px" height="0px" style="border-width:0px" scroll
ing=auto src="data:text/html, | |
41 <style>body { background-color: red; }</style> | |
42 <body> | |
43 <div style='position: absolute; width: 400px; height: 400px; left: 0; top: 0
px;'></div> | |
44 </body> | |
45 "> | |
46 </iframe> | |
47 <iframe id="testFrame1" width="1px" height="1px" style="border-width:0px" scroll
ing=auto src="data:text/html, | |
48 <style>body { background-color: red; }</style> | |
49 <body> | |
50 <div style='position: absolute; width: 400px; height: 400px; left: 0; to
p: 0px;'></div> | |
51 </body> | |
52 "> | |
53 </iframe> | |
54 <iframe id="testFrame2" width="7px" height="7px" style="border-width:0px" scroll
ing=auto src="data:text/html, | |
55 <style>body { background-color: red; }</style> | |
56 <body> | |
57 <div style='position: absolute; width: 400px; height: 400px; left: 0; to
p: 0px;'></div> | |
58 </body> | |
59 "> | |
60 </iframe> | |
61 <iframe id="testFrame3" width="8px" height="8px" style="border-width:0px" scroll
ing=auto src="data:text/html, | |
62 <style>body { background-color: red; }</style> | |
63 <body> | |
64 <div style='position: absolute; width: 400px; height: 400px; left: 0; top: 0
px;'></div> | |
65 </body> | |
66 "> | |
67 </iframe> | |
68 <iframe id="testFrame4" width="0px" height="100px" style="border-width:0px" scro
lling=auto src="data:text/html, | |
69 <style>body { background-color: red; }</style> | |
70 <body> | |
71 <div style='position: absolute; width: 400px; height: 400px; left: 0; top: 0
px;'></div> | |
72 </body> | |
73 "> | |
74 </iframe> | |
75 <iframe id="testFrame5" width="100px" height="0px" style="border-width:0px" scro
lling=auto src="data:text/html, | |
76 <style>body { background-color: red; }</style> | |
77 <body> | |
78 <div style='position: absolute; width: 400px; height: 400px; left: 0; top: 0
px;'></div> | |
79 </body> | |
80 "> | |
81 </iframe> | |
82 <iframe id="testFrame6" width="100px" height="2px" style="border-width:0px" scro
lling=auto src="data:text/html, | |
83 <style>body { background-color: red; }</style> | |
84 <body> | |
85 <div style='position: absolute; width: 400px; height: 400px; left: 0; top: 0
px;'></div> | |
86 </body> | |
87 "> | |
88 </iframe> | |
89 <iframe id="testFrame7" width="2px" height="100px" style="border-width:0px" scro
lling=auto src="data:text/html, | |
90 <style>body { background-color: red; }</style> | |
91 <body> | |
92 <div style='position: absolute; width: 400px; height: 400px; left: 0; top: 0
px;'></div> | |
93 </body> | |
94 "> | |
95 </iframe> | |
96 <iframe id="testFrame8" width="2px" scrolling=auto style="border-width:0px" src=
"data:text/html, | |
97 <style>body { background-color: red; }</style> | |
98 <body> | |
99 <div style='position: absolute; width: 400px; height: 400px; left: 0; top: 0
px;'></div> | |
100 </body> | |
101 "> | |
102 </iframe> | |
103 <iframe id="testFrame9" height="2px" scrolling=auto style="border-width:0px" src
="data:text/html, | |
104 <style>body { background-color: red; }</style> | |
105 <body> | |
106 <div style='position: absolute; width: 400px; height: 400px; left: 0; top: 0
px;'></div> | |
107 </body> | |
108 "> | |
109 </iframe> | |
110 <iframe id="testFrame10" width="8px" scrolling=auto style="border-width:0px" src
="data:text/html, | |
111 <style>body { background-color: red; }</style> | |
112 <body> | |
113 <div style='position: absolute; width: 400px; height: 400px; left: 0; top: 0
px;'></div> | |
114 </body> | |
115 "> | |
116 </iframe> | |
117 <iframe id="testFrame11" height="8px" scrolling=auto style="border-width:0px" sr
c="data:text/html, | |
118 <style>body { background-color: red; }</style> | |
119 <body> | |
120 <div style='position: absolute; width: 400px; height: 400px; left: 0; top: 0
px;'></div> | |
121 </body> | |
122 "> | |
123 </iframe> | |
124 <script src="../../js/resources/js-test-post.js"></script> | |
125 </body> | |
126 </html> | |
OLD | NEW |