wheelScroll.html (958B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>TestDriver actions: wheel scroll</title> 4 <script src="/resources/testharness.js"></script> 5 <script src="/resources/testharnessreport.js"></script> 6 <script src="/resources/testdriver.js"></script> 7 <script src="/resources/testdriver-actions.js"></script> 8 <script src="/resources/testdriver-vendor.js"></script> 9 10 <style> 11 #container { 12 width: 200px; 13 height: 200px; 14 overflow: scroll; 15 } 16 17 #content { 18 width: 600px; 19 height: 1000px; 20 background-color: blue; 21 } 22 23 </style> 24 25 <div id="container"> 26 <div id="content"></div> 27 </div> 28 29 <script> 30 let event_type = []; 31 let event_id = []; 32 33 promise_test(async t => { 34 let container = document.getElementById("container"); 35 container.addEventListener("wheel", 36 e => {event_type.push(e.type);}); 37 38 let actions = new test_driver.Actions() 39 .scroll(0, 0, 0, 50, {origin: container}); 40 41 await actions.send() 42 assert_array_equals(event_type, ["wheel"]); 43 }); 44 </script>