summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/dom/events/scrolling
diff options
context:
space:
mode:
Diffstat (limited to 'testing/web-platform/tests/dom/events/scrolling')
-rw-r--r--testing/web-platform/tests/dom/events/scrolling/scrollend-event-fires-on-visual-viewport.html44
1 files changed, 32 insertions, 12 deletions
diff --git a/testing/web-platform/tests/dom/events/scrolling/scrollend-event-fires-on-visual-viewport.html b/testing/web-platform/tests/dom/events/scrolling/scrollend-event-fires-on-visual-viewport.html
index 5e3af7966e..99a281480f 100644
--- a/testing/web-platform/tests/dom/events/scrolling/scrollend-event-fires-on-visual-viewport.html
+++ b/testing/web-platform/tests/dom/events/scrolling/scrollend-event-fires-on-visual-viewport.html
@@ -20,28 +20,48 @@
</style>
<div class="large"></div>
<script>
- window.onload = () => {
- promise_test(async () => {
- await waitForCompositorCommit();
-
- await pinchZoomIn();
- assert_greater_than(visualViewport.scale, 1, "page should be zoomed in.");
-
+ window.onload = async () => {
+ async function pan_viewport_test(add_event_listener_func) {
const preScrollVisualViewportOffsetTop = visualViewport.offsetTop;
const preScrollWindowScrollOffset = window.scrollY;
- const scrollend_promise = new Promise((resolve) => {
- visualViewport.addEventListener("scrollend", resolve);
- });
+
+ const scrollend_promise = add_event_listener_func();
const scrollAmount = 50;
await touchScrollInTarget(scrollAmount, document.documentElement, "up");
await scrollend_promise;
- assert_less_than(visualViewport.offsetTop, preScrollVisualViewportOffsetTop,
+ assert_less_than(visualViewport.offsetTop,
+ preScrollVisualViewportOffsetTop,
`visualViewport should be scrolled.`);
assert_equals(window.scrollY, preScrollWindowScrollOffset,
"the window should not scroll.");
- }, "scrollend fires when visual viewport is panned.");
+ // No need to undo scroll; subsequent test has room to scroll further.
+ }
+
+ await waitForCompositorCommit();
+ await pinchZoomIn();
+ assert_greater_than(visualViewport.scale, 1, "page should be zoomed in.");
+
+ promise_test(async (t) => {
+ await pan_viewport_test(() => {
+ return new Promise((resolve) => {
+ visualViewport.addEventListener("scrollend", resolve, { once: true});
+ });
+ });
+ }, "scrollend listener added via addEventlistener fires when the visual " +
+ "viewport is panned.");
+
+ promise_test(async (t) => {
+ await pan_viewport_test((t) => {
+ return new Promise((resolve) => {
+ visualViewport.onscrollend = () => {
+ visualViewport.onscrollend = undefined;
+ resolve();
+ }
+ });
+ });
+ }, "visualviewport.onscrollend fires when the visual viewport is panned.");
}
</script>
</body>