<!DOCTYPE HTML>
<html>
<head>
<title>Test event suppression</title>
<script src="/tests/SimpleTest/SimpleTest.js"></script>
<script src="/tests/SimpleTest/EventUtils.js"></script>
<script src="/tests/SimpleTest/paint_listener.js"></script>
<script src="/tests/gfx/layers/apz/test/mochitest/apz_test_utils.js"></script>
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
</head>
<body>
<div>Top</div>
<script type="application/javascript">

function waitForMessage(aMsg, aCallback) {
  window.addEventListener("message", function handler(e) {
    if (e.data != aMsg) {
      return;
    }

    info(`received: ${e.data}`);
    window.removeEventListener("message", handler);
    if (aCallback) {
      aCallback(e);
    }
  });
}

function waitForClickEvent(aElement, aWindow) {
  return new Promise((aResolve) => {
    aElement.addEventListener("click", aResolve, { once: true });
    synthesizeMouseAtCenter(aElement, { type: "mousedown" }, aWindow);
    synthesizeMouseAtCenter(aElement, { type: "mouseup" }, aWindow);
  });
}

waitForMessage("ready", async function(e) {
  await waitUntilApzStable();

  let innerWin = e.source;
  let innerDiv = innerWin.document.querySelector("div");

  let eventCount = 0;
  innerDiv.addEventListener("mousemove", function() {
    eventCount++;
  });

  // Test that event handling is suppressed.
  let xhr = new XMLHttpRequest();
  opener.info("xhr open");
  xhr.open('GET', 'slow.sjs', false);

  const TOTAL = 100;
  for (let i = 0; i < TOTAL; i++) {
    synthesizeMouseAtCenter(innerDiv, { type: "mousemove" }, innerWin);
  }
  xhr.send();
  opener.info(`xhr done`);

  // Wait for click event to ensure we have received all mousemove events.
  await waitForClickEvent(innerDiv, innerWin);
  opener.info(`eventCount: ${eventCount}`);
  opener.ok(eventCount < TOTAL, "event should be suspressed");

  // Test that event handling is not suppressed.
  eventCount = 0;
  for (let i = 0; i < TOTAL; i++) {
    synthesizeMouseAtCenter(innerDiv, { type: "mousemove" }, innerWin);
  }

  // Wait for click event to ensure we have received all mousemove events.
  await waitForClickEvent(innerDiv, innerWin);
  opener.info(`eventCount: ${eventCount}`);
  opener.is(eventCount, TOTAL, "event should not be suspressed");

  opener.postMessage("done", "*");
});

</script>
<iframe src="http://example.org/tests/dom/base/test/file_suppressed_events_middle.html"></iframe>
</body>
</html>
