| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <style> | 4 <style> |
| 5 ::-webkit-scrollbar { | 5 ::-webkit-scrollbar { |
| 6 width: 0px; | 6 width: 0px; |
| 7 height: 0px; | 7 height: 0px; |
| 8 } | 8 } |
| 9 #bluebox { | 9 #bluebox { |
| 10 width: 100px; | 10 width: 100px; |
| 11 height: 100px; | 11 height: 100px; |
| 12 background: blue; | 12 background: blue; |
| 13 padding: 0px; | 13 padding: 0px; |
| 14 margin: 0px; | 14 margin: 0px; |
| 15 } | 15 } |
| 16 #redbox { | 16 #redbox { |
| 17 width: 100px; | 17 width: 100px; |
| 18 height: 100px; | 18 height: 100px; |
| 19 background: red; | 19 background: red; |
| 20 padding: 0px; | 20 padding: 0px; |
| 21 margin: 0px; | 21 margin: 0px; |
| 22 } | 22 } |
| 23 </style> | 23 </style> |
| 24 <script> | 24 <script> |
| 25 | 25 |
| 26 var floatPrecision = 0.1; | 26 var floatPrecision = 0.1; |
| 27 var scrollDistance = 10; | 27 var scrollDistance = 10; |
| 28 var expectedScrollDistance; | 28 var expectedScrollDistance; |
| 29 var scrollBox; | 29 var scrollBox; |
| 30 var integerScrollOffset = false; | 30 var integerScrollOffset = true; |
| 31 | 31 |
| 32 function scroll(scaleFactor) { | 32 function scroll(scaleFactor) { |
| 33 if (integerScrollOffset) | 33 if (integerScrollOffset) |
| 34 expectedScrollDistance = Math.floor(scrollDistance/scaleFactor); | 34 expectedScrollDistance = Math.floor(scrollDistance/scaleFactor); |
| 35 else | 35 else |
| 36 expectedScrollDistance = scrollDistance/scaleFactor; | 36 expectedScrollDistance = scrollDistance/scaleFactor; |
| 37 | 37 |
| 38 scrollBox.scrollTop = 0; | 38 scrollBox.scrollTop = 0; |
| 39 | 39 |
| 40 eventSender.gestureScrollBegin(10, 100); | 40 eventSender.gestureScrollBegin(10, 100); |
| (...skipping 40 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 81 scroll(1.63); | 81 scroll(1.63); |
| 82 debug('Scrolling 2.0 scaled div'); | 82 debug('Scrolling 2.0 scaled div'); |
| 83 scaleWithEventSender(2.0); | 83 scaleWithEventSender(2.0); |
| 84 scroll(2.0); | 84 scroll(2.0); |
| 85 } | 85 } |
| 86 | 86 |
| 87 function run_test() { | 87 function run_test() { |
| 88 if (window.eventSender && window.internals) { | 88 if (window.eventSender && window.internals) { |
| 89 description('This tests that a div scrolled by gesture touch while t
he page is scaled still scrolls at the rate of the touch'); | 89 description('This tests that a div scrolled by gesture touch while t
he page is scaled still scrolls at the rate of the touch'); |
| 90 | 90 |
| 91 window.internals.settings.setPreferCompositingToLCDTextEnabled(true)
; | 91 if (window.internals.runtimeFlags.fractionalScrollOffsetsEnabled) { |
| 92 integerScrollOffset = false; | 92 window.internals.settings.setPreferCompositingToLCDTextEnabled(t
rue); |
| 93 test(); | 93 integerScrollOffset = false; |
| 94 | 94 } |
| 95 window.internals.settings.setPreferCompositingToLCDTextEnabled(false
); | |
| 96 integerScrollOffset = true; | |
| 97 test(); | 95 test(); |
| 98 | 96 |
| 99 } else { | 97 } else { |
| 100 debug('eventSender not detected. Not running test.'); | 98 debug('eventSender not detected. Not running test.'); |
| 101 } | 99 } |
| 102 } | 100 } |
| 103 </script> | 101 </script> |
| 104 <script src="../../resources/js-test.js"></script> | 102 <script src="../../resources/js-test.js"></script> |
| 105 </head> | 103 </head> |
| 106 <body onload="run_test();"> | 104 <body onload="run_test();"> |
| 107 <div id="scrollbox" style="left:0; top:0; width:500px; height:500px; positio
n:absolute; overflow-y: scroll; overflow-x: scroll;"> | 105 <div id="scrollbox" style="left:0; top:0; width:500px; height:500px; positio
n:absolute; overflow-y: scroll; overflow-x: scroll;"> |
| 108 <div id="bluebox"></div> | 106 <div id="bluebox"></div> |
| 109 <div id="redbox"></div> | 107 <div id="redbox"></div> |
| 110 <div id="bluebox"></div> | 108 <div id="bluebox"></div> |
| 111 <div id="redbox"></div> | 109 <div id="redbox"></div> |
| 112 <div id="bluebox"></div> | 110 <div id="bluebox"></div> |
| 113 <div id="redbox"></div> | 111 <div id="redbox"></div> |
| 114 <div id="bluebox"></div> | 112 <div id="bluebox"></div> |
| 115 <div id="redbox"></div> | 113 <div id="redbox"></div> |
| 116 <div id="bluebox"></div> | 114 <div id="bluebox"></div> |
| 117 <div id="redbox"></div> | 115 <div id="redbox"></div> |
| 118 <div id="bluebox"></div> | 116 <div id="bluebox"></div> |
| 119 <div id="redbox"></div> | 117 <div id="redbox"></div> |
| 120 </div> | 118 </div> |
| 121 | 119 |
| 122 <div id="console"></div> | 120 <div id="console"></div> |
| 123 </body> | 121 </body> |
| 124 </html> | 122 </html> |
| OLD | NEW |