helper_div_pan.html (1358B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width; initial-scale=1.0"> 6 <title>Sanity panning test for scrollable div</title> 7 <script type="application/javascript" src="apz_test_native_event_utils.js"></script> 8 <script type="application/javascript" src="apz_test_utils.js"></script> 9 <script src="/tests/SimpleTest/paint_listener.js"></script> 10 <script type="application/javascript"> 11 12 async function test() { 13 let transformEndPromise = promiseTransformEnd(); 14 15 await synthesizeNativeTouchDrag(document.getElementById("outer"), 10, 100, 0, -50); 16 dump("Finished native drag, waiting for transform-end observer...\n"); 17 18 await transformEndPromise; 19 20 dump("Transform complete; flushing repaints...\n"); 21 await promiseOnlyApzControllerFlushed(); 22 23 var outerScroll = document.getElementById("outer").scrollTop; 24 is(outerScroll, 50, "check that the div scrolled"); 25 } 26 27 waitUntilApzStable() 28 .then(test) 29 .then(subtestDone); 30 31 </script> 32 </head> 33 <body> 34 <div id="outer" style="height: 250px; border: solid 1px black; overflow:scroll"> 35 <div style="height: 5000px; background-color: lightblue"> 36 This div makes the |outer| div scrollable. 37 </div> 38 </div> 39 <div style="height: 5000px; background-color: lightgreen;"> 40 This div makes the top-level page scrollable. 41 </div> 42 </body> 43 </html>