OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <script src="../../resources/js-test.js"></script> | 3 <script src="../../resources/js-test.js"></script> |
4 <script> | 4 <script> |
| 5 var isMacOSX = navigator.userAgent.indexOf("Mac OS X") >= 0; |
| 6 |
5 var givenScrollTop = 2; // Only one page per event, so this should b
e interpreted as 1 | 7 var givenScrollTop = 2; // Only one page per event, so this should b
e interpreted as 1 |
6 var givenScrollLeft = 2; | 8 var givenScrollLeft = 2; |
7 var expectedScrollTop = 511; // Window is 800x600. 15 pixel scrollba
rs. Scroll 87.5% of visible. | 9 |
8 var expectedScrollLeft = 686; | 10 var maxOverlapBetweenPages = 40; |
| 11 |
| 12 // Window is 800x600. Page scrolls 87.5% of window size. |
| 13 var expectedScrollTop = 600 * 0.875; |
| 14 var expectedScrollLeft = 800 * 0.875; |
| 15 |
| 16 if (isMacOSX) { |
| 17 // On Mac, there is a max overlap between pages that can affect
the page scroll size. |
| 18 expectedScrollTop = Math.max(expectedScrollTop, 600 - maxOverlap
BetweenPages); |
| 19 expectedScrollLeft = Math.max(expectedScrollLeft, 800 - maxOverl
apBetweenPages); |
| 20 } |
| 21 |
9 var event; | 22 var event; |
10 var div; | 23 var div; |
11 | 24 |
12 window.jsTestIsAsync = true; | 25 window.jsTestIsAsync = true; |
13 if (window.testRunner) | 26 if (window.testRunner) |
14 testRunner.waitUntilDone(); | 27 testRunner.waitUntilDone(); |
15 | 28 |
16 function dispatchWheelEvent() | 29 function dispatchWheelEvent() |
17 { | 30 { |
18 document.body.addEventListener("mousewheel", mousewheelHandler,
false); | 31 document.body.addEventListener("mousewheel", mousewheelHandler,
false); |
(...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
51 <div style="background-color:red;height:900px;width:1200px;position:re
lative;left:0px;top:0px"></div> | 64 <div style="background-color:red;height:900px;width:1200px;position:re
lative;left:0px;top:0px"></div> |
52 <div style="background-color:green;height:900px;width:1200px;position:
relative;left:1200px;top:-900px"></div> | 65 <div style="background-color:green;height:900px;width:1200px;position:
relative;left:1200px;top:-900px"></div> |
53 </div> | 66 </div> |
54 <div style="height:900px;width:2400px"> | 67 <div style="height:900px;width:2400px"> |
55 <div style="background-color:blue;height:900px;width:1200px;position:r
elative;left:0px;top:0px"></div> | 68 <div style="background-color:blue;height:900px;width:1200px;position:r
elative;left:0px;top:0px"></div> |
56 <div style="background-color:yellow;height:900px;width:1200px;position
:relative;left:1200px;top:-900px"></div> | 69 <div style="background-color:yellow;height:900px;width:1200px;position
:relative;left:1200px;top:-900px"></div> |
57 </div> | 70 </div> |
58 <div id="console"></div> | 71 <div id="console"></div> |
59 </body> | 72 </body> |
60 </html> | 73 </html> |
OLD | NEW |