OLD | NEW |
1 <!DOCTYPE HTML> | 1 <!DOCTYPE HTML> |
2 <html> | 2 <html> |
3 <body> | 3 <body> |
4 <div style="width: 1000px; height: 1000px; position: absolute; top: 0; left:
0;"></div> | 4 <div style="width: 1000px; height: 1000px; position: absolute; top: 0; left:
0;"></div> |
5 <div style="width: 100px; height: 100px; position: absolute; top: 100px; lef
t: 0; background: green"></div> | 5 <div style="width: 100px; height: 100px; position: absolute; top: 100px; lef
t: 0; background: green"></div> |
6 <p> | 6 <p> |
7 Test for <i><a href="rdar://problem/6643103">rdar://problem/6643103</a> | 7 Test for <i><a href="rdar://problem/6643103">rdar://problem/6643103</a> |
8 Unscaled values from body.scrollHeight</i>. | 8 Unscaled values from body.scrollHeight</i>. |
9 </p> | 9 </p> |
10 <script src="../../resources/js-test.js"></script> | 10 <script src="../../resources/js-test.js"></script> |
11 <script> | 11 <script> |
12 var floatPrecision = 0.00001; | 12 var floatPrecision = 0.00001; |
13 function checkValue(actual, expected) | 13 function checkValue(actual, expected) |
14 { | 14 { |
15 if (window.eventSender) { | 15 if (window.eventSender) { |
16 shouldBeCloseTo(actual, expected, floatPrecision); | 16 shouldBeCloseTo(actual, expected, floatPrecision); |
17 } | 17 } |
18 } | 18 } |
19 | 19 |
20 if (window.testRunner) { | 20 if (window.testRunner) { |
21 testRunner.dumpAsText(); | 21 testRunner.dumpAsText(); |
22 var body = document.body; | 22 var body = document.body; |
23 var documentElement = document.documentElement; | 23 var documentElement = document.documentElement; |
24 checkValue('document.body.scrollHeight', 1000) | 24 checkValue('document.body.scrollHeight', 1000) |
25 checkValue('document.body.scrollWidth', 1000); | 25 checkValue('document.body.scrollWidth', 1000); |
26 | 26 |
27 // Scrolling right to 50. | 27 // Scrolling right to 50. |
28 documentElement.scrollLeft = 50; | 28 body.scrollLeft = 50; |
29 checkValue('document.documentElement.scrollLeft', 50); | 29 checkValue('document.body.scrollLeft', 50); |
30 | 30 |
31 // Zooming in. | 31 // Zooming in. |
32 eventSender.zoomPageIn(); | 32 eventSender.zoomPageIn(); |
33 checkValue('document.body.scrollHeight', 1000); | 33 checkValue('document.body.scrollHeight', 1000); |
34 checkValue('document.body.scrollWidth', 1000); | 34 checkValue('document.body.scrollWidth', 1000); |
35 checkValue('document.documentElement.scrollTop', 0); | 35 checkValue('document.body.scrollTop', 0); |
36 checkValue('document.documentElement.scrollLeft', 50); | 36 checkValue('document.body.scrollLeft', 50); |
37 | 37 |
38 // Scrolling down to 100. | 38 // Scrolling down to 100. |
39 documentElement.scrollTop = 100; | 39 body.scrollTop = 100; |
40 checkValue('document.documentElement.scrollTop', 100); | 40 checkValue('document.body.scrollTop', 100); |
41 | 41 |
42 // Zooming back out. | 42 // Zooming back out. |
43 eventSender.zoomPageOut(); | 43 eventSender.zoomPageOut(); |
44 checkValue('document.documentElement.scrollTop', 100); | 44 checkValue('document.body.scrollTop', 100); |
45 checkValue('document.documentElement.scrollLeft', 50); | 45 checkValue('document.body.scrollLeft', 50); |
46 } | 46 } |
47 </script> | 47 </script> |
48 </body> | 48 </body> |
49 </html> | 49 </html> |
OLD | NEW |