summaryrefslogtreecommitdiffstats
path: root/dom/events/test/test_coalesce_mousewheel.html
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-07 19:33:14 +0000
committerDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-07 19:33:14 +0000
commit36d22d82aa202bb199967e9512281e9a53db42c9 (patch)
tree105e8c98ddea1c1e4784a60a5a6410fa416be2de /dom/events/test/test_coalesce_mousewheel.html
parentInitial commit. (diff)
downloadfirefox-esr-36d22d82aa202bb199967e9512281e9a53db42c9.tar.xz
firefox-esr-36d22d82aa202bb199967e9512281e9a53db42c9.zip
Adding upstream version 115.7.0esr.upstream/115.7.0esrupstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'dom/events/test/test_coalesce_mousewheel.html')
-rw-r--r--dom/events/test/test_coalesce_mousewheel.html241
1 files changed, 241 insertions, 0 deletions
diff --git a/dom/events/test/test_coalesce_mousewheel.html b/dom/events/test/test_coalesce_mousewheel.html
new file mode 100644
index 0000000000..6142cc3201
--- /dev/null
+++ b/dom/events/test/test_coalesce_mousewheel.html
@@ -0,0 +1,241 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+ <meta charset="utf-8">
+ <title>mousewheel coalescing</title>
+ <script src="/tests/SimpleTest/SimpleTest.js"></script>
+ <script src="/tests/SimpleTest/EventUtils.js"></script>
+ <script src="apz_test_utils.js"></script>
+ <script src="apz_test_native_event_utils.js"></script>
+ <link rel="stylesheet" href="/tests/SimpleTest/test.css"/>
+ <script>
+ let wheelEvents = [];
+ function mousewheel(aWheelEvent) {
+ // Make mousewheel handling slow
+ var start = performance.now();
+ while (performance.now() < (start + 10));
+ wheelEvents.push(aWheelEvent);
+ }
+
+ function resolveIfProcessed(resolve, minamount) {
+ if (wheelEvents.length >= minamount) {
+ SimpleTest.requestFlakyTimeout("Make sure we got all events.");
+ setTimeout(function() { resolve(); }, 20);
+ } else {
+ setTimeout(function() { resolveIfProcessed(resolve, minamount); });
+ }
+ }
+
+ const kLineDeltaFactor =
+ SpecialPowers.getBoolPref("mousewheel.system_scroll_override.enabled", false)
+ ? SpecialPowers.getIntPref("mousewheel.system_scroll_override.vertical.factor", 200) / 100
+ : 1;
+
+ function checkWheelEvents(aExpectedDeltaMode, aExpectedSumOfDeltaY, aDescription) {
+ const lineDeltaFactor =
+ aExpectedDeltaMode === WheelEvent.DOM_DELTA_LINE ? kLineDeltaFactor : 1;
+ let succeeded = true;
+ let deltaY = 0;
+ for (const wheelEvent of wheelEvents) {
+ succeeded &= wheelEvent.deltaMode === aExpectedDeltaMode;
+ is(wheelEvent.deltaMode, aExpectedDeltaMode,
+ `When ${aDescription}, the deltaMode of all wheel events should be ${aExpectedDeltaMode}`);
+ deltaY += wheelEvent.deltaY;
+ }
+ succeeded &= deltaY == aExpectedSumOfDeltaY * lineDeltaFactor;
+ is(deltaY, aExpectedSumOfDeltaY * lineDeltaFactor,
+ `When ${aDescription}, sum of the deltaY of all wheel events should be ${aExpectedSumOfDeltaY * lineDeltaFactor}`);
+ return succeeded;
+ }
+
+ async function testOneSingleWheelEvent() {
+ await new Promise(function(resolve) {
+ wheelEvents = [];
+ var element = document.getElementById("wheelEventReceiver");
+ element.addEventListener("wheel", mousewheel, true);
+
+ synthesizeWheel(element, 10, 10, { deltaY: 3.0, deltaMode: WheelEvent.DOM_DELTA_LINE });
+
+ setTimeout(function() { resolveIfProcessed(resolve, 1); });
+ });
+ is(wheelEvents.length, 1,
+ "Synthesizing a wheel event via the parent process should cause 1 wheel event");
+ is(wheelEvents[0]?.deltaMode, WheelEvent.DOM_DELTA_LINE,
+ "When Synthesizing a wheel event via the parent process, the deltaMode of a wheel event should be WheelEvent.DOM_DELTA_LINE");
+ is(wheelEvents[0]?.deltaY, 3 * kLineDeltaFactor,
+ `When Synthesizing a wheel event via the parent process, the deltaY of a wheel event should be ${3 * kLineDeltaFactor}`);
+ }
+
+ const kMaxRetry = 10;
+
+ async function testTwoSingleWheelEvents() {
+ function tryIt() {
+ return new Promise(function(resolve) {
+ info("Synthesizing 2 wheel events via the parent process...");
+ wheelEvents = [];
+ var element = document.getElementById("wheelEventReceiver");
+ element.addEventListener("wheel", mousewheel, true);
+
+ synthesizeWheel(element, 10, 10, { deltaY: 3.0, deltaMode: WheelEvent.DOM_DELTA_LINE });
+ synthesizeWheel(element, 10, 10, { deltaY: 3.0, deltaMode: WheelEvent.DOM_DELTA_LINE });
+
+ setTimeout(function() { resolveIfProcessed(resolve, 1); });
+ });
+ }
+ for (let i = 0; i < kMaxRetry; i++) {
+ await tryIt();
+ if (wheelEvents.length == 2) {
+ // Even if failed to coalescing, the sum of deltaY values should be same
+ // as sum of the synthesized ones.
+ if (!checkWheelEvents(WheelEvent.DOM_DELTA_LINE, 6,
+ "synthesizing 2 wheel events via the parent process")) {
+ return false;
+ }
+ continue; // retry
+ }
+ is(wheelEvents.length, 1,
+ "Synthesizing 2 wheel events via the parent process should cause only 1 wheel event");
+ checkWheelEvents(WheelEvent.DOM_DELTA_LINE, 6,
+ "synthesizing 2 wheel events via the parent process");
+ return;
+ }
+ }
+
+ async function testManySingleWheelEvents() {
+ function tryIt() {
+ return new Promise(function(resolve) {
+ info("Synthesizing 5 wheel events via the parent process...");
+ wheelEvents = [];
+ var element = document.getElementById("wheelEventReceiver");
+ element.addEventListener("wheel", mousewheel, true);
+
+ synthesizeWheel(element, 10, 10, { deltaY: 3.0, deltaMode: WheelEvent.DOM_DELTA_LINE });
+ synthesizeWheel(element, 10, 10, { deltaY: 3.0, deltaMode: WheelEvent.DOM_DELTA_LINE });
+ synthesizeWheel(element, 10, 10, { deltaY: 3.0, deltaMode: WheelEvent.DOM_DELTA_LINE });
+ synthesizeWheel(element, 10, 10, { deltaY: 3.0, deltaMode: WheelEvent.DOM_DELTA_LINE });
+ synthesizeWheel(element, 10, 10, { deltaY: 3.0, deltaMode: WheelEvent.DOM_DELTA_LINE });
+
+ setTimeout(function() { resolveIfProcessed(resolve, 1); });
+ });
+ }
+ for (let i = 0; i < kMaxRetry; i++) {
+ await tryIt();
+ if (wheelEvents.length > 1 && wheelEvents.length <= 5) {
+ // Even if failed to coalescing, the sum of deltaY values should be same
+ // as sum of the synthesized ones.
+ if (!checkWheelEvents(WheelEvent.DOM_DELTA_LINE, 15,
+ "synthesizing 5 wheel events via the parent process")) {
+ return false;
+ }
+ continue; // retry
+ }
+ is(wheelEvents.length, 1,
+ "Synthesizing 5 wheel events via the parent process should cause only 1 wheel event");
+ checkWheelEvents(WheelEvent.DOM_DELTA_LINE, 15,
+ "synthesizing 5 wheel events via the parent process");
+ return;
+ }
+ }
+
+ async function testMixedWheelEvents() {
+ function tryIt() {
+ return new Promise(function(resolve) {
+ info("Synthesizing 2 line wheel events, 1 page wheel event and 1 line wheel event...");
+ wheelEvents = [];
+ var element = document.getElementById("wheelEventReceiver");
+ element.addEventListener("wheel", mousewheel, true);
+
+ synthesizeWheel(element, 10, 10, { deltaY: 3.0, deltaMode: WheelEvent.DOM_DELTA_LINE });
+ synthesizeWheel(element, 10, 10, { deltaY: 3.0, deltaMode: WheelEvent.DOM_DELTA_LINE });
+ synthesizeWheel(element, 10, 10, { deltaY: 3.0, deltaMode: WheelEvent.DOM_DELTA_PAGE });
+ synthesizeWheel(element, 10, 10, { deltaY: 3.0, deltaMode: WheelEvent.DOM_DELTA_LINE });
+
+ setTimeout(function() { resolveIfProcessed(resolve, 3); });
+ });
+ }
+ function checkGroupsOfWheelEvents() {
+ let succeeded = true;
+ let deltaY = [0, 0, 0];
+ let index = 0;
+ const description = "synthesizing 2 line wheel events, 1 page wheel event and 1 line wheel event";
+ for (const wheelEvent of wheelEvents) {
+ switch (index) {
+ case 0:
+ if (wheelEvent.deltaMode === WheelEvent.DOM_DELTA_LINE) {
+ is(wheelEvent.deltaMode, WheelEvent.DOM_DELTA_LINE,
+ `When ${description}, the deltaMode of the first group should be WheelEvent.DOM_DELTA_LINE`);
+ break;
+ }
+ index++;
+ // fallthrough
+ case 1:
+ if (wheelEvent.deltaMode === WheelEvent.DOM_DELTA_PAGE) {
+ is(wheelEvent.deltaMode, WheelEvent.DOM_DELTA_PAGE,
+ `When ${description}, the deltaMode of the seconde group should be WheelEvent.DOM_DELTA_PAGE`);
+ break;
+ }
+ index++;
+ // fallthrough
+ case 2:
+ succeeded &= wheelEvent.deltaMode === WheelEvent.DOM_DELTA_LINE;
+ is(wheelEvent.deltaMode, WheelEvent.DOM_DELTA_LINE,
+ `When ${description}, the deltaMode of the last group should be WheelEvent.DOM_DELTA_LINE`);
+ break;
+ }
+ deltaY[index] += wheelEvent.deltaY;
+ }
+ succeeded &= deltaY == [6 * kLineDeltaFactor, 3, 3 * kLineDeltaFactor];
+ isDeeply(deltaY, [6 * kLineDeltaFactor, 3, 3 * kLineDeltaFactor],
+ `When ${description}, sum of the deltaY of the each wheel event group should be same as sum of the synthesized ones`);
+ return succeeded;
+ }
+ for (let i = 0; i < kMaxRetry; i++) {
+ await tryIt();
+ if (wheelEvents.length != 3 && wheelEvents.length > 1 && wheelEvents.length <= 5) {
+ // Even if failed to coalescing, the sum of deltaY values should be same
+ // as sum of the synthesized ones and the wheel events shouldn't be
+ // reordered.
+ if (!checkGroupsOfWheelEvents()) {
+ return false;
+ }
+ continue; // retry
+ }
+ is(wheelEvents.length, 3,
+ "Synthesizing 2 line wheel events, 1 page wheel event and 1 line wheel event via the parent process should cause only 3 wheel events");
+ checkGroupsOfWheelEvents();
+ return;
+ }
+ }
+
+ async function runTests() {
+ var enabled = SpecialPowers.getDOMWindowUtils(window).asyncPanZoomEnabled;
+
+ // Avoid synthesized mousemove events to be fired at the system cursor.
+ await promiseNativeMouseEvent({
+ type: "mousemove",
+ screenX: 0,
+ screenY: 0,
+ });
+
+ await SpecialPowers.pushPrefEnv({set: [
+ ["test.events.async.enabled", true],
+ ["dom.event.wheel-coalesced.testing", true],
+ ]});
+ await promiseElementReadyForUserInput(document.documentElement);
+ await SpecialPowers.pushPrefEnv({clear: [["test.events.async.enabled"]]});
+
+ await testOneSingleWheelEvent();
+ await testTwoSingleWheelEvents();
+ await testManySingleWheelEvents();
+ await testMixedWheelEvents();
+
+ setTimeout("SimpleTest.finish()");
+ window.close();
+ }
+
+ </script>
+</head>
+<body onload="SimpleTest.waitForFocus(runTests);">
+ <div id="wheelEventReceiver" style="width:100px;height:100px;"></div>
+</body>
+</html>