mirror of
https://github.com/nodejs/node.git
synced 2025-08-15 13:48:44 +02:00
b470e2fcb2
PR-URL: https://github.com/nodejs/node/pull/54642 Reviewed-By: Yagiz Nizipli <yagiz@nizipli.com> Reviewed-By: Matteo Collina <matteo.collina@gmail.com> Reviewed-By: Mattias Buelens <mattias@buelens.com> Reviewed-By: Benjamin Gruenbaum <benjamingr@gmail.com> Reviewed-By: Ethan Arrowood <ethan@arrowood.dev> Reviewed-By: Chemi Atlow <chemi@atlow.co.il> Reviewed-By: James M Snell <jasnell@gmail.com>
68 lines
2.2 KiB
HTML
68 lines
2.2 KiB
HTML
<!DOCTYPE HTML>
|
|
<html>
|
|
<head>
|
|
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1">
|
|
<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="/visual-viewport/viewport_support.js"></script>
|
|
<script src="/dom/events/scrolling/scroll_support.js"></script>
|
|
</head>
|
|
<body>
|
|
<style>
|
|
.large {
|
|
height: 200vh;
|
|
width: 200vw;
|
|
border: solid 1px black;
|
|
}
|
|
</style>
|
|
<div class="large"></div>
|
|
<script>
|
|
window.onload = async () => {
|
|
async function pan_viewport_test(add_event_listener_func) {
|
|
const preScrollVisualViewportOffsetTop = visualViewport.offsetTop;
|
|
const preScrollWindowScrollOffset = window.scrollY;
|
|
|
|
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,
|
|
`visualViewport should be scrolled.`);
|
|
assert_equals(window.scrollY, preScrollWindowScrollOffset,
|
|
"the window should not scroll.");
|
|
// 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>
|
|
</html>
|