summaryrefslogtreecommitdiffstats
path: root/dom/base/test/file_suppressed_events_top_modalstate.html
blob: e20938bb288682a478fcb55a7058d179965dd432 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<!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 utils = SpecialPowers.getDOMWindowUtils(window);
  utils.enterModalState();
  const TOTAL = 100;
  for (let i = 0; i < TOTAL; i++) {
    synthesizeMouseAtCenter(innerDiv, { type: "mousemove" }, innerWin);
  }
  utils.leaveModalState();

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