| 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 src="../../resources/js-test.js"></script> |
| 9 <script> | 10 <script> |
| 10 window.enablePixelTesting = true; | 11 window.enablePixelTesting = true; |
| 11 | 12 |
| 12 function scroll() { | 13 function scroll() { |
| 14 // Scrolls so that unscaled content is out of view |
| 13 window.scrollTo(100,100); | 15 window.scrollTo(100,100); |
| 14 } | 16 } |
| 15 | 17 |
| 16 function applyScaleFactor() { | 18 function applyScaleFactor() { |
| 17 var scaleFactor = 2.0; | 19 var scaleFactor = 2.0; |
| 18 if (window.internals) | 20 if (window.internals) |
| 19 internals.setPageScaleFactor(scaleFactor); | 21 internals.setPageScaleFactor(scaleFactor); |
| 20 } | 22 } |
| 21 | 23 |
| 22 function test() { | 24 function test() { |
| 25 if (window.internals) |
| 26 internals.settings.setScrollAnimatorEnabled(false); |
| 27 |
| 23 // Scroll before applying page scale so we scroll the layout viewport. | 28 // Scroll before applying page scale so we scroll the layout viewport. |
| 24 scroll(); | 29 scroll(); |
| 25 applyScaleFactor(); | 30 applyScaleFactor(); |
| 26 } | 31 } |
| 27 </script> | 32 </script> |
| 28 <script src="../../resources/js-test.js"></script> | |
| 29 </head> | 33 </head> |
| 30 <body style="height:2000px; width: 2000px; margin:0px;" onload="test();"> | 34 <body style="height:2000px; width: 2000px; margin:0px;" onload="test();"> |
| 31 <div style="position: fixed; top: -100px; right: 500px; z-index: 1"> | 35 <div style="position: fixed; top: -100px; right: 500px; z-index: 1"> |
| 32 <div style="left:0; top:0; width:100px; height:100px; position:absolute;
background:yellow;"></div> | 36 <div style="left:0; top:0; width:100px; height:100px; position:absolute;
background:yellow;"></div> |
| 33 <div style="left:100px; top:0; width:100px; height:100px; position:absol
ute; background:green;"></div> | 37 <div style="left:100px; top:0; width:100px; height:100px; position:absol
ute; background:green;"></div> |
| 34 | 38 |
| 35 <div style="left:0; top:100px; width:100px; height:100px; position:absol
ute; background:black;"></div> | 39 <div style="left:0; top:100px; width:100px; height:100px; position:absol
ute; background:black;"></div> |
| 36 <div style="left:100px; top:100px; width:100px; height:100px; position:a
bsolute; background:blue;"></div> | 40 <div style="left:100px; top:100px; width:100px; height:100px; position:a
bsolute; background:blue;"></div> |
| 37 </div> | 41 </div> |
| 38 <div style="position: absolute; width:300px; height:300px; top: 0px; left: 3
00px" id="grid"> | 42 <div style="position: absolute; width:300px; height:300px; top: 0px; left: 3
00px" id="grid"> |
| 39 <div style="float:left; width:100px; height:100px; background:yellow;"><
/div> | 43 <div style="float:left; width:100px; height:100px; background:yellow;"><
/div> |
| 40 <div style="float:left; width:100px; height:100px; background:green;"></
div> | 44 <div style="float:left; width:100px; height:100px; background:green;"></
div> |
| 41 <div style="float:left; width:100px; height:100px; background:blue;"></d
iv> | 45 <div style="float:left; width:100px; height:100px; background:blue;"></d
iv> |
| 42 | 46 |
| 43 <div style="float:left; width:100px; height:100px; background: green;"><
/div> | 47 <div style="float:left; width:100px; height:100px; background: green;"><
/div> |
| 44 <div style="float:left; width:100px; height:100px; background:blue;"></d
iv> | 48 <div style="float:left; width:100px; height:100px; background:blue;"></d
iv> |
| 45 <div style="float:left; width:100px; height:100px; background:yellow;"><
/div> | 49 <div style="float:left; width:100px; height:100px; background:yellow;"><
/div> |
| 46 | 50 |
| 47 <div style="float:left; width:100px; height:100px; background:blue;"></d
iv> | 51 <div style="float:left; width:100px; height:100px; background:blue;"></d
iv> |
| 48 <div style="float:left; width:100px; height:100px; background:yellow;"><
/div> | 52 <div style="float:left; width:100px; height:100px; background:yellow;"><
/div> |
| 49 <div style="float:left; width:100px; height:100px; background:green;"></
div> | 53 <div style="float:left; width:100px; height:100px; background:green;"></
div> |
| 50 </div> | 54 </div> |
| 51 <div id="console"></div> | 55 <div id="console"></div> |
| 52 </body> | 56 </body> |
| 53 </html> | 57 </html> |
| OLD | NEW |