scrollend-event-fired-to-document.html

Enable keyboard shortcuts

This test has a WPT meta file that expects 3 subtest issues.
This WPT test may be referenced by the following Test IDs:
- /dom/events/scrolling/scrollend-event-fired-to-document.html - WPT Dashboard Interop Dashboard

<!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>