OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <style> | 3 <style> |
4 ::-webkit-scrollbar { | 4 ::-webkit-scrollbar { |
5 width: 0px; | 5 width: 0px; |
6 height: 0px; | 6 height: 0px; |
7 } | 7 } |
8 </style> | 8 </style> |
9 <script> | 9 <script> |
10 window.enablePixelTesting = true; | 10 window.enablePixelTesting = true; |
11 | 11 |
12 function scroll() { | 12 function scroll() { |
13 // The page scale, as set by window.internals.setPageScaleFactor shoul
d not be apparent | 13 // The page scale, as set by window.eventSender.setPageScaleFactor sho
uld not be apparent |
14 // to javascript. So, we expect scrolling to (100,100) to be page coor
dinates, rather | 14 // to javascript. So, we expect scrolling to (100,100) to be page coor
dinates, rather |
15 // than device pixels. | 15 // than device pixels. |
16 window.scrollTo(100,100); | 16 window.scrollTo(100,100); |
17 | 17 |
18 shouldBe("window.document.body.scrollTop", "100"); | 18 shouldBe("window.document.body.scrollTop", "100"); |
19 shouldBe("window.document.body.scrollLeft", "100"); | 19 shouldBe("window.document.body.scrollLeft", "100"); |
20 shouldBe("window.scrollX", "100"); | 20 shouldBe("window.scrollX", "100"); |
21 shouldBe("window.scrollY", "100"); | 21 shouldBe("window.scrollY", "100"); |
22 } | 22 } |
23 | 23 |
24 function scaleWithEventSender() { | 24 function scaleWithEventSender() { |
25 var scaleFactor = 2.0; | 25 var scaleFactor = 2.0; |
26 var scaleOffset = 0; | 26 var scaleOffset = 0; |
27 if (window.internals) { | 27 if (window.eventSender) |
28 window.internals.setPageScaleFactor(scaleFactor, scaleOffset, scale
Offset); | 28 eventSender.setPageScaleFactor(scaleFactor, scaleOffset, scaleOffset
); |
29 } | |
30 } | 29 } |
31 | 30 |
32 function test() { | 31 function test() { |
33 scaleWithEventSender(); | 32 scaleWithEventSender(); |
34 scroll(); | 33 scroll(); |
35 } | 34 } |
36 </script> | 35 </script> |
37 <script src="../js/resources/js-test-pre.js"></script> | 36 <script src="../js/resources/js-test-pre.js"></script> |
38 </head> | 37 </head> |
39 <body style="width:2000px; height:2000px; margin:0px;" onload="test();"> | 38 <body style="width:2000px; height:2000px; margin:0px;" onload="test();"> |
40 <div style="left:0; top:0; width:100px; height:100px; position:absolute; bac
kground:yellow;"></div> | 39 <div style="left:0; top:0; width:100px; height:100px; position:absolute; bac
kground:yellow;"></div> |
41 <div style="left:100px; top:0; width:100px; height:100px; position:absolute;
background:green;"></div> | 40 <div style="left:100px; top:0; width:100px; height:100px; position:absolute;
background:green;"></div> |
42 <div style="left:200px; top:0; width:100px; height:100px; position:absolute;
background:blue;"></div> | 41 <div style="left:200px; top:0; width:100px; height:100px; position:absolute;
background:blue;"></div> |
43 | 42 |
44 <div style="left:0; top:100px; width:100px; height:100px; position:absolute;
background: green;"></div> | 43 <div style="left:0; top:100px; width:100px; height:100px; position:absolute;
background: green;"></div> |
45 <div style="left:100px; top:100px; width:100px; height:100px; position:absol
ute; background:blue;"></div> | 44 <div style="left:100px; top:100px; width:100px; height:100px; position:absol
ute; background:blue;"></div> |
46 <div style="left:200px; top:100px; width:100px; height:100px; position:absol
ute; background:yellow;"></div> | 45 <div style="left:200px; top:100px; width:100px; height:100px; position:absol
ute; background:yellow;"></div> |
47 | 46 |
48 <div id="console"></div> | 47 <div id="console"></div> |
49 </body> | 48 </body> |
50 </html> | 49 </html> |
OLD | NEW |