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
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
|
<!doctype html>
<title>Predicted events count and properties</title>
<meta name="variant" content="?mouse">
<meta name="variant" content="?pen">
<meta name="variant" content="?touch">
<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 src="pointerevent_support.js"></script>
<link rel="stylesheet" type="text/css" href="pointerevent_styles.css">
<style>
div {
width: 100px;
height: 100px;
}
</style>
<div id="target"></div>
<div id="done"></div>
<script>
"use strict";
assert_true(location.search.length > 0,
"Test URL should contain pointer_type");
const pointer_type = location.search.substring(1);
assert_true(["mouse", "touch", "pen"].includes(pointer_type));
const target = document.getElementById("target");
// https://w3c.github.io/pointerevents/#predicted-events
function checkListAttributes(event) {
assert_equals(typeof event.getPredictedEvents, "function",
event.type + ".getPredictedEvents is a function");
assert_equals(typeof event.getPredictedEvents(), "object",
event.type + ".getPredictedEvents() returns an object");
let predicted_events = event.getPredictedEvents();
if (event.type == "pointermove") {
assert_greater_than_equal(predicted_events.length, 0,
event.type + ".getPredictedEvents() has 0 or more entry");
for (let i = 0; i < predicted_events.length; i++) {
let predicted_event = predicted_events[i];
assert_equals(predicted_event.isTrusted, true,
"predicted_event.isTrusted is true");
assert_equals(predicted_event.bubbles, false,
"predicted_event.bubbles is false");
assert_equals(predicted_event.cancelable, false,
"predicted_event.cancelable is false");
assert_equals(predicted_event.pointerId, event.pointerId,
"predicted_event.pointerId matches the same in the container event");
assert_equals(predicted_event.pointerType, event.pointerType,
"predicted_event.pointerType matches the same in the container event");
assert_equals(predicted_event.isPrimary, event.isPrimary,
"predicted_event.isPrimary matches the same in the container event");
assert_equals(predicted_event.target, event.target,
"predicted_event.target matches the same in the container event");
if (i > 0) {
assert_greater_than_equal(predicted_event.timeStamp,
predicted_events[i - 1].timeStamp,
"predicted_event.timeStamp must be ascending");
}
}
} else {
assert_equals(predicted_events.length, 0,
event.type + ".getPredictedEvents() has 0 entry");
}
}
function actionToDragPointerInTarget() {
return new test_driver.Actions()
.addPointer("TestPointer", pointer_type)
.pointerMove(0, 0, {origin: target})
.pointerDown()
.pointerMove(20, 20, {origin: target})
.pointerUp()
}
promise_test(async () => {
const done = document.getElementById("done");
let pointerover_promise = getEvent("pointerover", target);
let pointerenter_promise = getEvent("pointerenter", target);
let pointerout_promise = getEvent("pointerout", target);
let pointerleave_promise = getEvent("pointerleave", target);
await clickInTarget(pointer_type, target);
await clickInTarget(pointer_type, done);
checkListAttributes(await pointerover_promise);
checkListAttributes(await pointerenter_promise);
checkListAttributes(await pointerout_promise);
checkListAttributes(await pointerleave_promise);
}, "Predicted list in boundary events");
promise_test(async () => {
// We need "touch-action:none" to guarantee pointermove events.
target.classList.add("touchActionNone");
target.addEventListener("pointerdown",
e => target.setPointerCapture(e.pointerId),
{once: true});
target.addEventListener("pointermove",
e => target.releasePointerCapture(e.pointerId),
{once: true});
let gotpointercapture_promise = getEvent("gotpointercapture", target);
let lostpointercapture_promise = getEvent("lostpointercapture", target);
await actionToDragPointerInTarget().send();
checkListAttributes(await gotpointercapture_promise);
checkListAttributes(await lostpointercapture_promise);
target.classList.remove("touchActionNone");
}, "Predicted list in pointer-capture events");
promise_test(async () => {
// We need "touch-action:none" to guarantee pointermove events.
target.classList.add("touchActionNone");
let pointerdown_promise = getEvent("pointerdown", target);
let pointermove_promise = getEvent("pointermove", target);
let pointerup_promise = getEvent("pointerup", target);
await actionToDragPointerInTarget().send();
checkListAttributes(await pointerdown_promise);
checkListAttributes(await pointermove_promise);
checkListAttributes(await pointerup_promise);
target.classList.remove("touchActionNone");
}, "Predicted list in pointerdown/move/up events");
promise_test(async () => {
if (pointer_type !== "touch") {
assert_true(true, "Skipped for " + pointer_type);
return;
}
let pointercancel_promise = getEvent("pointercancel", target);
await actionToDragPointerInTarget().send();
checkListAttributes(await pointercancel_promise);
}, "Predicted list in pointercancel event");
</script>
|
