pointerevent_pointerout_received_once.html (2820B)
1 <!doctype html> 2 <html> 3 <head> 4 <title>pointerout received just once</title> 5 <meta name="timeout" content="long"> 6 <link rel="stylesheet" type="text/css" href="pointerevent_styles.css"> 7 <meta name="viewport" content="width=device-width"> 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 <script src="pointerevent_support.js"></script> 14 </head> 15 <body onload="run()"> 16 <h1>pointerout received just once</h1> 17 <h4> 18 Test Description: This test checks if pointerout event dispatched properly. 19 <ol> 20 <li>Put your mouse over the black rectangle. 21 <li>Move your mouse out of the black rectangle 22 </ol> 23 </h4> 24 <p> 25 <div id="target0" style="background:black"></div> 26 <script> 27 var pointeroutCounter = 0; 28 var detected_pointertypes = {}; 29 var actions_promise; 30 31 setup({ explicit_done: true }); 32 add_completion_callback(showPointerTypes); 33 34 function run() { 35 var target0 = document.getElementById("target0"); 36 37 // When a mouse passes through dispatches one event 38 // TA: 7.4 39 on_event(target0, "pointerover", function (event) { 40 pointeroutCounter = 0; 41 detected_pointertypes[event.pointerType] = true; 42 }); 43 44 on_event(target0, "pointerout", function (event) { 45 pointeroutCounter++; 46 47 step_timeout(function() { 48 test(function() { 49 assert_equals(pointeroutCounter, 1, "pointerout received just once") 50 }, "pointerout received just once"); 51 actions_promise.then( () => { 52 done(); 53 }); 54 }, 5000); 55 }); 56 57 // Inject mouse inputs. 58 actions_promise = new test_driver.Actions() 59 .pointerMove(0, 0, {origin: target0}) 60 .pointerMove(0, 0) 61 .send(); 62 } 63 </script> 64 <h1>Pointer Events pointerout received once test</h1> 65 <div id="complete-notice"> 66 <p>The following pointer types were detected: <span id="pointertype-log"></span>.</p> 67 <p>Refresh the page to run the tests again with a different pointer type.</p> 68 </div> 69 <div id="log"></div> 70 </body> 71 </html>