diff options
Diffstat (limited to 'testing/web-platform/tests/dom/events/scrolling/scrollend-event-fired-to-document.html')
-rw-r--r-- | testing/web-platform/tests/dom/events/scrolling/scrollend-event-fired-to-document.html | 106 |
1 files changed, 106 insertions, 0 deletions
diff --git a/testing/web-platform/tests/dom/events/scrolling/scrollend-event-fired-to-document.html b/testing/web-platform/tests/dom/events/scrolling/scrollend-event-fired-to-document.html new file mode 100644 index 0000000000..797c2eb53d --- /dev/null +++ b/testing/web-platform/tests/dom/events/scrolling/scrollend-event-fired-to-document.html @@ -0,0 +1,106 @@ +<!DOCTYPE HTML> +<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="scroll_support.js"></script> +<style> + #hspacer { + height: 100px; + width: 100vw; + top: 0; + left: 200px; + /* on the right edge od targetDiv */ + position: absolute; + } + + #vspacer { + height: 100vh; + width: 100px; + position: absolute; + } + + #targetDiv { + width: 200px; + height: 200px; + overflow: scroll; + } + + #innerDiv { + width: 400px; + height: 400px; + } +</style> + +<body style="margin:0" onload=runTest()> + <div id="targetDiv"> + <div id="innerDiv"></div> + </div> + <div id="hspacer"></div> + <div id="vspacer"></div> +</body> + +<script> + var target_div = document.getElementById('targetDiv'); + async function resetScrollers(test) { + await waitForScrollReset(test, target_div); + await waitForScrollReset(test, document.scrollingElement); + } + + function fail() { + assert_true(false); + } + + function runTest() { + promise_test(async (t) => { + await resetScrollers(t); + await waitForCompositorCommit(); + + assert_equals(document.scrollingElement.scrollTop, 0, + "document should not be scrolled"); + + let scrollend_promise = waitForScrollendEvent(t, target_div); + let max_target_div_scroll_top = target_div.scrollHeight - target_div.clientHeight; + target_div.scrollTo({ top: target_div.scrollHeight, left: 0 }); + await scrollend_promise; + assert_approx_equals(target_div.scrollTop, max_target_div_scroll_top, 1, + "target_div should be fully scrolled down"); + + scrollend_promise = waitForScrollendEvent(t, document, 2000); + target_div.addEventListener("scrollend", fail); + // Scroll up on target div and wait for the doc to get scrollend event. + await scrollElementDown(target_div, target_div.clientHeight + 25); + await scrollend_promise; + + target_div.removeEventListener("scrollend", fail); + assert_greater_than(document.scrollingElement.scrollTop, target_div.clientHeight - 1, + "document is scrolled by the height of target_div"); + }, "testing, vertical"); + + promise_test(async (t) => { + await resetScrollers(t); + await waitForCompositorCommit(); + + assert_equals(document.scrollingElement.scrollLeft, 0, + "document should not be scrolled"); + + let scrollend_promise = waitForScrollendEvent(t, target_div); + let max_target_div_scroll_left = target_div.scrollWidth - target_div.clientWidth; + target_div.scrollTo({ left: target_div.scrollWidth, top: 0 }); + await scrollend_promise; + assert_approx_equals(target_div.scrollLeft, max_target_div_scroll_left, 1, + "target_div should be fully scrolled right"); + + scrollend_promise = waitForScrollendEvent(t, document, 2000); + target_div.addEventListener("scrollend", fail); + await scrollElementLeft(target_div, target_div.clientWidth + 25); + await scrollend_promise; + + target_div.removeEventListener("scrollend", fail); + assert_greater_than(document.scrollingElement.scrollLeft, target_div.clientWidth - 1, + "document is scrolled by the height of target_div"); + }, "testing, horizontal"); + } +</script> |