OLD | NEW |
| (Empty) |
1 <!doctype html> | |
2 <html> | |
3 <head> | |
4 <title>Pointer Event: Dispatch pointerover. </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 hi
t test boundaries of an element, the pointerover 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("pointerover is dispatched"); //
set up test harness; | |
17 // showPointerTypes is defined in pointerevent_support.js | |
18 // Requirements: the callback function will reference the test_point
erEvent object and | |
19 // will fail unless the async_test is created with the var name "tes
t_pointerEvent". | |
20 add_completion_callback(showPointerTypes); | |
21 | |
22 function run() { | |
23 var target0 = document.getElementById("target0"); | |
24 | |
25 on_event(target0, "pointerover", function (event) { | |
26 detected_pointertypes[event.pointerType] = true; | |
27 test_pointerEvent.step(function () { | |
28 check_PointerEvent(event); | |
29 assert_equals(event.type, "pointerover", "Pointer Event
received"); | |
30 }); | |
31 test_pointerEvent.done(); // complete test | |
32 }); | |
33 } | |
34 </script> | |
35 </head> | |
36 <body onload="run()"> | |
37 <h1>Pointer Event: Dispatch pointerover.</h1> | |
38 <h4>Test Description: | |
39 When a pointing device is moved into the hit test boundaries of an e
lement, the pointerover event must be dispatched. | |
40 </h4> | |
41 <br /> | |
42 <div id="target0"> | |
43 Use mouse, touch or pen to hover or contact this element.. | |
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> | |
OLD | NEW |