| <!DOCTYPE html> | |
| <meta charset="utf-8"> | |
| <title>TestDriver actions: wheel scroll</title> | |
| <script src="/resources/testharness.js"></script> | |
| <script src="/resources/testharnessreport.js"></script> | |
| <script src="/resources/testdriver.js"></script> | |
| <script src="/resources/testdriver-actions.js"></script> | |
| <script src="/resources/testdriver-vendor.js"></script> | |
| <style> | |
| #container { | |
| width: 200px; | |
| height: 200px; | |
| overflow: scroll; | |
| } | |
| #content { | |
| width: 600px; | |
| height: 1000px; | |
| background-color: blue; | |
| } | |
| </style> | |
| <div id="container"> | |
| <div id="content"></div> | |
| </div> | |
| <script> | |
| let event_type = []; | |
| let event_id = []; | |
| async_test(t => { | |
| let container = document.getElementById("container"); | |
| container.addEventListener("wheel", | |
| e => {event_type.push(e.type);}); | |
| let actions = new test_driver.Actions() | |
| .scroll(0, 0, 0, 50, {origin: container}); | |
| actions.send() | |
| .then(t.step_func_done(() => {assert_array_equals(event_type, ["wheel"]);})) | |
| .catch(e => t.step_func(() => assert_unreached("Actions sequence failed " + e))); | |
| }); | |
| </script> |