blob: 613eb8e4064c9ef32e3c6f9565542861550f6c91 [file] [log] [blame]
Andrew Top61a84952019-04-30 15:07:33 -07001<!doctype html>
2<html>
3 <head>
4 <title>Pointer Event: Dispatch pointerenter. </title>
5 <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"/>
6 <link rel="author" title="Microsoft" href="http://www.microsoft.com/"/>
7 <meta name="assert" content="When a pointing device is moved into the hit test boundaries of an element or one of its descendants, the pointerenter event must be dispatched."/>
8 <link rel="stylesheet" type="text/css" href="pointerevent_styles.css">
9 <!-- /resources/testharness.js -->
10 <script src="/resources/testharness.js"></script>
11 <script src="/resources/testharnessreport.js"></script>
12 <!-- Additional helper script for common checks across event types -->
13 <script type="text/javascript" src="pointerevent_support.js"></script>
14 <script type="text/javascript">
15 var detected_pointertypes = {};
16 var test_pointerEvent = async_test("pointerenter event"); // set up test harness
17 // showPointerTypes is defined in pointerevent_support.js
18 // Requirements: the callback function will reference the test_pointerEvent object and
19 // will fail unless the async_test is created with the var name "test_pointerEvent".
20 add_completion_callback(showPointerTypes);
21
22 function run() {
23 var target0 = document.getElementById("target0");
24
25 on_event(target0, "pointerenter", function (event) {
26 detected_pointertypes[event.pointerType] = true;
27 check_PointerEvent(event);
28 test_pointerEvent.step(function () {
29 assert_equals(event.type, "pointerenter", "pointer event received: " + event.type);
30 });
31 test_pointerEvent.done(); // complete test
32 });
33 }
34 </script>
35 </head>
36 <body onload="run()">
37 <h1>Pointer Event: Dispatch pointerenter</h1>
38 <h4>
39 Test Description:
40 When a pointing device is moved into the hit test boundaries of an element or one of its descendants, the pointerenter event must be dispatched.
41 </h4>
42 <div id="target0">
43 Use the mouse or pen to move over this box.
44 </div>
45 <div id="complete-notice">
46 <p>Test complete: Scroll to Summary to view Pass/Fail Results.</p>
47 <p>The following pointer types were detected: <span id="pointertype-log"></span>.</p>
48 <p>Refresh the page to run the tests again with a different pointer type.</p>
49 </div>
50 <div id="log"></div>
51 </body>
52</html>