1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
|
<!DOCTYPE HTML>
<meta name="viewport" content="width=device-width">
<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>
<script type="text/javascript" src="pointerevent_support.js"></script>
<h1>PointerEvent: Verifies that mouse boundary events don't point to shadow-dom</h1>
<input id="target" style="margin: 20px">
<script>
function name(node) {
return node? node.tagName : "(null)";
}
promise_test(async () => {
var targetEvents = ["mouseout", "pointerout", "mouseover", "pointerover"];
var receivedEvents = [];
var moveReceived = false;
targetEvents.forEach(function(eventName) {
window.addEventListener(eventName, function(e) {
var eventDetails = e.type +
" target=" + name(e.target) +
" relatedTarget=" + name(e.relatedTarget);
receivedEvents.push(eventDetails);
});
});
window.addEventListener('pointermove', () => { moveReceived = true; });
var rect = document.getElementById("target").getBoundingClientRect();
await new test_driver.Actions()
.addPointer("default-mouse")
.pointerMove(Math.ceil(rect.left - 10), Math.ceil(rect.top - 10))
.send()
await resolveWhen(() => { return moveReceived == true });
receivedEvents = [];
moveReceived = false;
await new test_driver.Actions()
.addPointer("default-mouse")
.pointerMove(Math.ceil(rect.left + 10), Math.ceil(rect.top + 10))
.send()
await resolveWhen(() => { return moveReceived == true });
assert_array_equals(receivedEvents, [
"pointerout target=BODY relatedTarget=INPUT",
"pointerover target=INPUT relatedTarget=BODY",
"mouseout target=BODY relatedTarget=INPUT",
"mouseover target=INPUT relatedTarget=BODY",
], "Moved into <input>");
receivedEvents = [];
moveReceived = false;
await new test_driver.Actions()
.addPointer("default-mouse")
.pointerMove(Math.ceil(rect.left - 10), Math.ceil(rect.top - 10))
.send()
await resolveWhen(() => { return moveReceived == true });
assert_array_equals(receivedEvents, [
"pointerout target=INPUT relatedTarget=BODY",
"pointerover target=BODY relatedTarget=INPUT",
"mouseout target=INPUT relatedTarget=BODY",
"mouseover target=BODY relatedTarget=INPUT",
], "Moved out of <input>");
}, "PointerEvent: Verifies that mouse boundary events don't point to shadow-dom");
</script>
|
