зеркало из https://github.com/mozilla/gecko-dev.git
131 строка
4.5 KiB
HTML
131 строка
4.5 KiB
HTML
<!doctype html>
|
|
<title>Coalesced 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";
|
|
const pointer_type = location.search.substring(1);
|
|
const target = document.getElementById("target");
|
|
|
|
// https://w3c.github.io/pointerevents/#coalesced-events
|
|
function checkListAttributes(event) {
|
|
assert_equals(typeof event.getCoalescedEvents, "function",
|
|
event.type + ".getCoalescedEvents is a function");
|
|
assert_equals(typeof event.getCoalescedEvents(), "object",
|
|
event.type + ".getCoalescedEvents() returns an object");
|
|
if (event.type == "pointermove") {
|
|
assert_greater_than_equal(event.getCoalescedEvents().length, 1,
|
|
event.type + ".getCoalescedEvents() has at least 1 entry");
|
|
} else {
|
|
assert_equals(event.getCoalescedEvents().length, 0,
|
|
event.type + ".getCoalescedEvents() has 0 entry");
|
|
}
|
|
}
|
|
|
|
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);
|
|
}, "Coalesced 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 new test_driver.Actions()
|
|
.addPointer("TestPointer", pointer_type)
|
|
.pointerMove(0, 0, {origin: target})
|
|
.pointerDown()
|
|
.pointerMove(20, 20, {origin: target})
|
|
.pointerUp()
|
|
.send();
|
|
|
|
checkListAttributes(await gotpointercapture_promise);
|
|
checkListAttributes(await lostpointercapture_promise);
|
|
|
|
target.classList.remove("touchActionNone");
|
|
}, "Coalesced 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 new test_driver.Actions()
|
|
.addPointer("TestPointer", pointer_type)
|
|
.pointerMove(0, 0, {origin: target})
|
|
.pointerDown()
|
|
.pointerMove(20, 20, {origin: target})
|
|
.pointerUp()
|
|
.send();
|
|
|
|
checkListAttributes(await pointerdown_promise);
|
|
checkListAttributes(await pointermove_promise);
|
|
checkListAttributes(await pointerup_promise);
|
|
|
|
target.classList.remove("touchActionNone");
|
|
}, "Coalesced 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 new test_driver.Actions()
|
|
.addPointer("TestPointer", pointer_type)
|
|
.pointerMove(0, 0, {origin: target})
|
|
.pointerDown()
|
|
.pointerMove(20, 20, {origin: target})
|
|
.pointerUp()
|
|
.send();
|
|
|
|
checkListAttributes(await pointercancel_promise);
|
|
}, "Coalesced list in pointercancel event");
|
|
</script>
|