function shiftEventsBefore(arrayOfEvents, aType) {
const index = arrayOfEvents.findIndex(event => event.type == aType);
if (index <= 0) {
return [];
}
let ret = [];
for (let i = 0; i < index; i++) {
ret.push(arrayOfEvents.shift());
}
return ret;
}
function promiseEvent(aType) {
return new Promise(resolve =>
addEventListener(aType, resolve, {once: true})
);
}
async function promiseFlushingAPZGestureState() {
await promiseApzFlushedRepaints();
// Wait for a while to avoid that the next tap will be treated as 2nd tap of
// a double tap.
return new Promise(
resolve => setTimeout(
resolve,
// NOTE: x1.0 is not enough to avoid intermittent failures.
SpecialPowers.getIntPref("apz.max_tap_time") * 1.2
)
);
}
await waitUntilApzStable();
for (const prefValue of [true, false]) {
await SpecialPowers.pushPrefEnv({
set: [
["test.events.async.enabled", prefValue],
["ui.click_hold_context_menus.delay", 15000], // disable long tap
]
});
const desc = `(test.events.async.enabled=${prefValue})`;
await (async function test_single_tap_with_consuming_pointerdown() {
await promiseFlushingAPZGestureState();
info("test_single_tap_with_consuming_pointerdown: testing...");
events = [];
const waitForTouchEnd = promiseEvent("click");
child.addEventListener("pointerdown", event => {
event.preventDefault();
}, {once: true});
synthesizeTouch(child, 5, 5);
await waitForTouchEnd;
const result = stringifyEvents(events);
const expected = stringifyEvents([
{ type: "touchend", target: child },
{ type: "click", target: child, detail: 1, button: 0, buttons: 0 },
]);
// If testing on Windows, the result is really unstable. Let's allow to
// fail for now.
(navigator.platform.includes("Win") && result != expected ? todo_is : is)(
result,
expected,
`Single tap should not cause mouse events if pointerdown is consumed, but click event should be fired ${desc}`
);
})();
await (async function test_single_tap_with_consuming_touchstart() {
await promiseFlushingAPZGestureState();
info("test_single_tap_with_consuming_touchstart: testing...");
events = [];
const waitForTouchEnd = promiseEvent("touchend");
child.addEventListener("touchstart", event => {
event.preventDefault();
}, {once: true});
synthesizeTouch(child, 5, 5);
await waitForTouchEnd;
const result = stringifyEvents(events);
const expected = stringifyEvents([{ type: "touchend", target: child }]);
// If testing this with APZ, the result is really unstable. Let's allow to
// fail for now.
(prefValue && result != expected ? todo_is : is)(
result,
expected,
`Single tap should not cause mouse events if touchstart is consumed ${desc}`
);
})();
await (async function test_single_tap_with_consuming_touchend() {
await promiseFlushingAPZGestureState();
info("test_single_tap_with_consuming_touchend: testing...");
events = [];
const waitForTouchEnd = promiseEvent("touchend");
child.addEventListener("touchend", event => {
event.preventDefault();
}, {once: true});
synthesizeTouch(child, 5, 5);
await waitForTouchEnd;
is(
stringifyEvents(shiftEventsBefore(events)),
stringifyEvents([]),
`test_single_tap_with_consuming_touchstart() shouldn't cause mouse events after touchend`
)
is(
stringifyEvents(events),
stringifyEvents([
{ type: "touchend", target: child },
]),
`Single tap should not cause mouse events if touchend is consumed ${desc}`
);
})();
await (async function test_multi_touch() {
await promiseFlushingAPZGestureState();
events = [];
info("test_multi_touch: testing...");
const waitForTouchEnd = new Promise(resolve => {
let count = 0;
function onTouchEnd(event) {
if (++count == 2) {
removeEventListener("touchend", onTouchEnd, {capture: true});
requestAnimationFrame(() => requestAnimationFrame(resolve));
}
}
addEventListener("touchend", onTouchEnd, {capture: true});
});
synthesizeTouch(child, [5, 25], 5);
await waitForTouchEnd;
is(
stringifyEvents(shiftEventsBefore(events)),
stringifyEvents([]),
`test_single_tap_with_consuming_touchend() shouldn't cause mouse events after touchend`
)
is(
stringifyEvents(events),
stringifyEvents([
{ type: "touchend", target: child },
{ type: "touchend", target: child },
]),
`Multiple touch should not cause mouse events ${desc}`
);
})();
// FIXME: Add long tap tests which won't frequently fail.
}
SimpleTest.finish();
});
</script>
</head>
<body><div id="parent"><div id="child"></div></div></body>
</html>
Die Informationen auf dieser Webseite wurden
nach bestem Wissen sorgfältig zusammengestellt. Es wird jedoch weder Vollständigkeit, noch Richtigkeit,
noch Qualität der bereit gestellten Informationen zugesichert.
Bemerkung:
Die farbliche Syntaxdarstellung und die Messung sind noch experimentell.
