pointerevent_pointermove.html (2437B)
1 <!doctype html> 2 <html> 3 <head> 4 <title>Pointermove</title> 5 <meta name="viewport" content="width=device-width"> 6 <meta name="assert" content="When a pointer changes coordinates, the pointermove event must be dispatched."/> 7 <link rel="stylesheet" type="text/css" href="pointerevent_styles.css"> 8 <script src="/resources/testharness.js"></script> 9 <script src="/resources/testharnessreport.js"></script> 10 <script src="/resources/testdriver.js"></script> 11 <script src="/resources/testdriver-actions.js"></script> 12 <script src="/resources/testdriver-vendor.js"></script> 13 <!-- Additional helper script for common checks across event types --> 14 <script type="text/javascript" src="pointerevent_support.js"></script> 15 </head> 16 <body onload="run()"> 17 <h2>PointerMove</h2> 18 <h4>Test Description: This test checks if pointermove event triggers. Move your mouse over the black rectangle or slide it if you are using touchscreen.</h4> 19 <div id="target0" style="background:black"></div> 20 <script> 21 var detected_pointertypes = {}; 22 var test_pointermove = async_test("pointermove event received"); 23 add_completion_callback(showPointerTypes); 24 25 function run() { 26 var target0 = document.getElementById("target0"); 27 var actions_promise; 28 29 // When a pointer changes coordinates, the pointermove event must be dispatched. 30 // TA: 5.3 31 on_event(target0, "pointermove", function (event) { 32 detected_pointertypes[event.pointerType] = true; 33 // Make sure the test finishes after all the input actions are completed. 34 actions_promise.then( () => { 35 test_pointermove.done(); 36 }); 37 }); 38 39 // Inject the inputs to run this test. 40 actions_promise = new test_driver.Actions().pointerMove(0, 0, {origin: target0}).send(); 41 } 42 </script> 43 <h1>Pointer Events pointermove Tests</h1> 44 <div id="complete-notice"> 45 <p>The following pointer types were detected: <span id="pointertype-log"></span>.</p> 46 <p>Refresh the page to run the tests again with a different pointer type.</p> 47 </div> 48 <div id="log"></div> 49 </body> 50 </html>