diff options
author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
---|---|---|
committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
commit | 26a029d407be480d791972afb5975cf62c9360a6 (patch) | |
tree | f435a8308119effd964b339f76abb83a57c29483 /testing/marionette/harness/marionette_harness/www/actions_scroll.html | |
parent | Initial commit. (diff) | |
download | firefox-26a029d407be480d791972afb5975cf62c9360a6.tar.xz firefox-26a029d407be480d791972afb5975cf62c9360a6.zip |
Adding upstream version 124.0.1.upstream/124.0.1
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to '')
-rw-r--r-- | testing/marionette/harness/marionette_harness/www/actions_scroll.html | 139 |
1 files changed, 139 insertions, 0 deletions
diff --git a/testing/marionette/harness/marionette_harness/www/actions_scroll.html b/testing/marionette/harness/marionette_harness/www/actions_scroll.html new file mode 100644 index 0000000000..468a699696 --- /dev/null +++ b/testing/marionette/harness/marionette_harness/www/actions_scroll.html @@ -0,0 +1,139 @@ +<!doctype html> +<meta charset=utf-8> +<html> + <head> + <title>Test Scroll Actions</title> + <style> + div { + padding: 0; + margin: 0; + } + + #not-scrollable { + margin-bottom: 100px; + width: 100px; + height: 50px; + } + + #not-scrollable-content { + width: 200px; + height: 100px; + background-color: #ccc; + } + + #scrollable { + width: 100px; + height: 100px; + overflow: scroll; + } + + #scrollable-content { + width: 600px; + height: 1000px; + background-color: blue; + } + + #iframe { + width: 100px; + height: 100px; + } + + #event-reporter { + white-space: pre-line; + } + </style> + + <script> + var eventReporter; + var allEvents = { events: [] }; + + function addMessage(message) { + eventReporter.textContent = `${message}\n${eventReporter.textContent}`; + } + + function recordWheelEvent(event) { + allEvents.events.push({ + "type": event.type, + "button": event.button, + "buttons": event.buttons, + "pageX": event.pageX, + "pageY": event.pageY, + "deltaX": event.deltaX, + "deltaY": event.deltaY, + "deltaZ": event.deltaZ, + "deltaMode": event.deltaMode, + "target": event.target.id, + }); + + addMessage( + "type: " + event.type + " " + + "button: " + event.button + ", " + + "buttons: " + event.buttons + ", " + + "pageX: " + event.pageX + ", " + + "pageY: " + event.pageY + ", " + + "deltaX: " + event.deltaX + ", " + + "deltaY: " + event.deltaY + ", " + + "deltaZ: " + event.deltaZ + ", " + + "deltaMode: " + event.deltaMode + ", " + + "target id: " + event.target.id + ); + } + + document.addEventListener("DOMContentLoaded", function () { + eventReporter = document.getElementById("event-reporter"); + + var noScroll = document.getElementById("not-scrollable"); + noScroll.addEventListener("wheel", recordWheelEvent); + + var scrollable = document.getElementById("scrollable"); + scrollable.addEventListener("wheel", recordWheelEvent); + }); + </script> + </head> + + <body> + <div> + <h2>Scroll Reporter</h2> + <div id="not-scrollable"> + <div id="not-scrollable-content"></div> + </div> + </div> + + <div> + <h2>Overflow Scroll Reporter</h2> + <div id="scrollable"> + <div id="scrollable-content"></div> + </div> + </div> + + <div> + <h2>iframe Scroll Reporter</h2> + <iframe id="iframe" srcdoc=' + <script> + document.scrollingElement.addEventListener("wheel", event => { + window.parent.recordWheelEvent({ + "type": event.type, + "button": event.button, + "buttons": event.buttons, + "pageX": event.pageX, + "pageY": event.pageY, + "deltaX": event.deltaX, + "deltaY": event.deltaY, + "deltaZ": event.deltaZ, + "deltaMode": event.deltaMode, + "target": event.target + }); + }); + </script> + <div id="iframeContent" style="width: 7500px; height: 7500px; background-color:blue"> + </div>'> + </iframe> + </div> + + <div id="resultContainer"> + <hr /> + <h2>Events</h2> + <div id="event-reporter"></div> + </div> + </body> +</html> |