OLD | NEW |
| (Empty) |
1 <!Doctype html> | |
2 <html> | |
3 <head> | |
4 <title>Test for metrics of textareas. Should match IE.</title> | |
5 <link rel="stylesheet" href="../js/resources/js-test-style.css"> | |
6 <script src="../js/resources/js-test-pre.js"></script> | |
7 <script src="../js/resources/js-test-post-function.js"></script> | |
8 <script> | |
9 if (window.layoutTestController) { | |
10 layoutTestController.waitUntilDone(); | |
11 layoutTestController.dumpAsText(); | |
12 } | |
13 | |
14 function test() | |
15 { | |
16 description("This test checks that textareas have the right metrics."); | |
17 | |
18 /* | |
19 TODO(ojan): These numbers match IE. We match IE in non-layout-test-mode. | |
20 So, I want to keep the numbers. Unfortunately, that means that our | |
21 baseline will include the word fail until we get rid of our font-fallback
and | |
22 scrollbar metric hacks. The test is still valid though. | |
23 */ | |
24 | |
25 shouldBe("document.getElementById('empty-textarea').clientWidth", "94"); | |
26 shouldBe("document.getElementById('empty-textarea').clientHeight", "94"); | |
27 shouldBe("document.getElementById('empty-textarea').offsetWidth", "96"); | |
28 shouldBe("document.getElementById('empty-textarea').offsetHeight", "96"); | |
29 shouldBe("document.getElementById('empty-textarea').scrollWidth", "94"); | |
30 shouldBe("document.getElementById('empty-textarea').scrollHeight", "20"); | |
31 | |
32 shouldBe("document.getElementById('empty-textarea-disabled').clientWidth", "
94"); | |
33 shouldBe("document.getElementById('empty-textarea-disabled').clientHeight",
"94"); | |
34 shouldBe("document.getElementById('empty-textarea-disabled').offsetWidth", "
96"); | |
35 shouldBe("document.getElementById('empty-textarea-disabled').offsetHeight",
"96"); | |
36 shouldBe("document.getElementById('empty-textarea-disabled').scrollWidth", "
94"); | |
37 shouldBe("document.getElementById('empty-textarea-disabled').scrollHeight",
"20"); | |
38 | |
39 shouldBe("document.getElementById('textarea-no-scroll').clientWidth", "94"); | |
40 shouldBe("document.getElementById('textarea-no-scroll').clientHeight", "94")
; | |
41 shouldBe("document.getElementById('textarea-no-scroll').offsetWidth", "96"); | |
42 shouldBe("document.getElementById('textarea-no-scroll').offsetHeight", "96")
; | |
43 shouldBe("document.getElementById('textarea-no-scroll').scrollWidth", "94"); | |
44 shouldBe("document.getElementById('textarea-no-scroll').scrollHeight", "20")
; | |
45 | |
46 shouldBe("document.getElementById('textarea-with-scroll').clientWidth", "77"
); | |
47 shouldBe("document.getElementById('textarea-with-scroll').clientHeight", "94
"); | |
48 shouldBe("document.getElementById('textarea-with-scroll').offsetWidth", "96"
); | |
49 shouldBe("document.getElementById('textarea-with-scroll').offsetHeight", "96
"); | |
50 shouldBe("document.getElementById('textarea-with-scroll').scrollWidth", "77"
); | |
51 shouldBe("document.getElementById('textarea-with-scroll').scrollHeight", "13
2"); | |
52 | |
53 shouldBe("document.getElementById('textarea-no-scroll-with-padding').clientW
idth", "106"); | |
54 shouldBe("document.getElementById('textarea-no-scroll-with-padding').clientH
eight", "106"); | |
55 shouldBe("document.getElementById('textarea-no-scroll-with-padding').offsetW
idth", "108"); | |
56 shouldBe("document.getElementById('textarea-no-scroll-with-padding').offsetH
eight", "108"); | |
57 shouldBe("document.getElementById('textarea-no-scroll-with-padding').scrollW
idth", "106"); | |
58 shouldBe("document.getElementById('textarea-no-scroll-with-padding').scrollH
eight", "32"); | |
59 | |
60 shouldBe("document.getElementById('textarea-with-scroll-with-padding').clien
tWidth", "89"); | |
61 shouldBe("document.getElementById('textarea-with-scroll-with-padding').clien
tHeight", "106"); | |
62 shouldBe("document.getElementById('textarea-with-scroll-with-padding').offse
tWidth", "108"); | |
63 shouldBe("document.getElementById('textarea-with-scroll-with-padding').offse
tHeight", "108"); | |
64 shouldBe("document.getElementById('textarea-with-scroll-with-padding').scrol
lWidth", "89"); | |
65 shouldBe("document.getElementById('textarea-with-scroll-with-padding').scrol
lHeight", "144"); | |
66 | |
67 shouldBe("document.getElementById('textarea-no-scroll-fixed-height').clientW
idth", "94"); | |
68 shouldBe("document.getElementById('textarea-no-scroll-fixed-height').clientH
eight", "54"); | |
69 shouldBe("document.getElementById('textarea-no-scroll-fixed-height').offsetW
idth", "96"); | |
70 shouldBe("document.getElementById('textarea-no-scroll-fixed-height').offsetH
eight", "56"); | |
71 shouldBe("document.getElementById('textarea-no-scroll-fixed-height').scrollW
idth", "94"); | |
72 shouldBe("document.getElementById('textarea-no-scroll-fixed-height').scrollH
eight", "20"); | |
73 | |
74 shouldBe("document.getElementById('textarea-with-scroll-fixed-height').clien
tWidth", "77"); | |
75 shouldBe("document.getElementById('textarea-with-scroll-fixed-height').clien
tHeight", "54"); | |
76 shouldBe("document.getElementById('textarea-with-scroll-fixed-height').offse
tWidth", "96"); | |
77 shouldBe("document.getElementById('textarea-with-scroll-fixed-height').offse
tHeight", "56"); | |
78 shouldBe("document.getElementById('textarea-with-scroll-fixed-height').scrol
lWidth", "77"); | |
79 shouldBe("document.getElementById('textarea-with-scroll-fixed-height').scrol
lHeight", "132"); | |
80 | |
81 shouldBe("document.getElementById('textarea-no-scroll-fixed-height-many-rows
').clientWidth", "94"); | |
82 shouldBe("document.getElementById('textarea-no-scroll-fixed-height-many-rows
').clientHeight", "54"); | |
83 shouldBe("document.getElementById('textarea-no-scroll-fixed-height-many-rows
').offsetWidth", "96"); | |
84 shouldBe("document.getElementById('textarea-no-scroll-fixed-height-many-rows
').offsetHeight", "56"); | |
85 shouldBe("document.getElementById('textarea-no-scroll-fixed-height-many-rows
').scrollWidth", "94"); | |
86 shouldBe("document.getElementById('textarea-no-scroll-fixed-height-many-rows
').scrollHeight", "20"); | |
87 | |
88 shouldBe("document.getElementById('textarea-with-scroll-fixed-height-many-ro
ws').clientWidth", "77"); | |
89 shouldBe("document.getElementById('textarea-with-scroll-fixed-height-many-ro
ws').clientHeight", "54"); | |
90 shouldBe("document.getElementById('textarea-with-scroll-fixed-height-many-ro
ws').offsetWidth", "96"); | |
91 shouldBe("document.getElementById('textarea-with-scroll-fixed-height-many-ro
ws').offsetHeight", "56"); | |
92 shouldBe("document.getElementById('textarea-with-scroll-fixed-height-many-ro
ws').scrollWidth", "77"); | |
93 shouldBe("document.getElementById('textarea-with-scroll-fixed-height-many-ro
ws').scrollHeight", "132"); | |
94 | |
95 shouldBe("document.getElementById('textarea-no-scroll-disabled').clientWidth
", "94"); | |
96 shouldBe("document.getElementById('textarea-no-scroll-disabled').clientHeigh
t", "94"); | |
97 shouldBe("document.getElementById('textarea-no-scroll-disabled').offsetWidth
", "96"); | |
98 shouldBe("document.getElementById('textarea-no-scroll-disabled').offsetHeigh
t", "96"); | |
99 shouldBe("document.getElementById('textarea-no-scroll-disabled').scrollWidth
", "94"); | |
100 shouldBe("document.getElementById('textarea-no-scroll-disabled').scrollHeigh
t", "20"); | |
101 | |
102 shouldBe("document.getElementById('textarea-with-scroll-disabled').clientWid
th", "77"); | |
103 shouldBe("document.getElementById('textarea-with-scroll-disabled').clientHei
ght", "94"); | |
104 shouldBe("document.getElementById('textarea-with-scroll-disabled').offsetWid
th", "96"); | |
105 shouldBe("document.getElementById('textarea-with-scroll-disabled').offsetHei
ght", "96"); | |
106 shouldBe("document.getElementById('textarea-with-scroll-disabled').scrollWid
th", "77"); | |
107 shouldBe("document.getElementById('textarea-with-scroll-disabled').scrollHei
ght", "132"); | |
108 | |
109 if (window.layoutTestController) { | |
110 layoutTestController.notifyDone(); | |
111 } | |
112 } | |
113 | |
114 var successfullyParsed = true; | |
115 </script> | |
116 <style> | |
117 textarea { overflow-y:auto; font-family:courier new; font-size:13px; width:90px;
height:90px; } | |
118 </style> | |
119 </head> | |
120 <body onload="test()"> | |
121 <textarea id="empty-textarea"></textarea> | |
122 <textarea id="empty-textarea-disabled" disabled></textarea> | |
123 <textarea id="textarea-no-scroll">Foo</textarea> | |
124 <textarea id="textarea-with-scroll">Foo Bar Baz Foo Bar Baz Foo Bar Baz Foo Bar
Baz Foo Bar Baz</textarea> | |
125 <textarea id="textarea-no-scroll-with-padding" style="padding:8px">Foo</textarea
> | |
126 <textarea id="textarea-with-scroll-with-padding" style="padding:8px">Foo Bar Baz
Foo Bar Baz Foo Bar Baz Foo Bar Baz Foo Bar Baz</textarea> | |
127 <textarea id="textarea-no-scroll-fixed-height" style="height:50px">Foo</textarea
> | |
128 <textarea id="textarea-with-scroll-fixed-height" style="height:50px">Foo Bar Baz
Foo Bar Baz Foo Bar Baz Foo Bar Baz Foo Bar Baz</textarea> | |
129 <textarea id="textarea-no-scroll-fixed-height-many-rows" rows=50 style="height:5
0px">Foo</textarea> | |
130 <textarea id="textarea-with-scroll-fixed-height-many-rows" rows=50 style="height
:50px">Foo Bar Baz Foo Bar Baz Foo Bar Baz Foo Bar Baz Foo Bar Baz</textarea> | |
131 <textarea id="textarea-no-scroll-disabled" disabled>Foo</textarea> | |
132 <textarea id="textarea-with-scroll-disabled" disabled>Foo Bar Baz Foo Bar Baz Fo
o Bar Baz Foo Bar Baz Foo Bar Baz</textarea> | |
133 <p id="description"></p> | |
134 <div id="console"></div> | |
135 </body> | |
136 </html> | |
OLD | NEW |