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 window.scrollTo(100,100); | 13 window.scrollTo(100,100); |
14 } | 14 } |
15 | 15 |
16 function scaleWithEventSender() { | 16 function applyScaleFactor() { |
17 var scaleFactor = 2.0; | 17 var scaleFactor = 2.0; |
18 if (window.internals) | 18 if (window.internals) |
19 internals.setPageScaleFactor(scaleFactor); | 19 internals.setPageScaleFactor(scaleFactor); |
20 } | 20 } |
21 | 21 |
22 function test() { | 22 function test() { |
23 scaleWithEventSender(); | 23 // Scroll before applying page scale so we scroll the layout viewport. |
24 scroll(); | 24 scroll(); |
| 25 applyScaleFactor(); |
25 } | 26 } |
26 </script> | 27 </script> |
27 <script src="../../resources/js-test.js"></script> | 28 <script src="../../resources/js-test.js"></script> |
28 </head> | 29 </head> |
29 <body style="width:2000px; height:2000px; margin:0px;" onload="test();"> | 30 <body style="width:2000px; height:2000px; margin:0px;" onload="test();"> |
30 <div style="position: fixed; top: -100px; left: -100px; z-index: 1"> | 31 <div style="position: fixed; top: -100px; left: -100px; z-index: 1"> |
31 <div style="left:0; top:0; width:100px; height:100px; position:absolute;
background:yellow;"></div> | 32 <div style="left:0; top:0; width:100px; height:100px; position:absolute;
background:yellow;"></div> |
32 <div style="left:100px; top:0; width:100px; height:100px; position:absol
ute; background:green;"></div> | 33 <div style="left:100px; top:0; width:100px; height:100px; position:absol
ute; background:green;"></div> |
33 | 34 |
34 <div style="left:0; top:100px; width:100px; height:100px; position:absol
ute; background:green;"></div> | 35 <div style="left:0; top:100px; width:100px; height:100px; position:absol
ute; background:green;"></div> |
35 <div style="left:100px; top:100px; width:100px; height:100px; position:a
bsolute; background:black;"></div> | 36 <div style="left:100px; top:100px; width:100px; height:100px; position:a
bsolute; background:black;"></div> |
36 </div> | 37 </div> |
37 | 38 |
38 <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> |
39 <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> |
40 <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> |
41 | 42 |
42 <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> |
43 <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> |
44 <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> |
45 | 46 |
46 <div style="left:0; top:200px; width:100px; height:100px; position:absolute;
background:blue;"></div> | 47 <div style="left:0; top:200px; width:100px; height:100px; position:absolute;
background:blue;"></div> |
47 <div style="left:100px; top:200px; width:100px; height:100px; position:absol
ute; background:yellow;"></div> | 48 <div style="left:100px; top:200px; width:100px; height:100px; position:absol
ute; background:yellow;"></div> |
48 <div style="left:200px; top:200px; width:100px; height:100px; position:absol
ute; background:green;"></div> | 49 <div style="left:200px; top:200px; width:100px; height:100px; position:absol
ute; background:green;"></div> |
49 </body> | 50 </body> |
50 </html> | 51 </html> |
OLD | NEW |