summaryrefslogtreecommitdiffstats
path: root/gfx/layers/apz/test/mochitest/helper_bug1299195.html
blob: b1aad7ef11abc4be7c8f7670be62340f67c5f018 (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
<!DOCTYPE HTML>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width; initial-scale=1.0; user-scalable=no">
  <title>Test pointer events are dispatched once for touch tap</title>
  <script src="/tests/SimpleTest/paint_listener.js"></script>
  <script type="application/javascript" src="apz_test_utils.js"></script>
  <script type="application/javascript" src="apz_test_native_event_utils.js"></script>
  <script type="application/javascript">
    /** Test for Bug 1299195 */
    async function runTests() {
      let target0 = document.getElementById("target0");
      let mouseup_count = 0;
      let mousedown_count = 0;
      let pointerup_count = 0;
      let pointerdown_count = 0;

      target0.addEventListener("mouseup", () => {
        ++mouseup_count;
        if (mouseup_count == 2) {
          is(mousedown_count, 2, "Double tap with touch should fire 2 mousedown events");
          is(mouseup_count, 2, "Double tap with touch should fire 2 mouseup events");
          is(pointerdown_count, 2, "Double tap with touch should fire 2 pointerdown events");
          is(pointerup_count, 2, "Double tap with touch should fire 2 pointerup events");
          subtestDone();
        }
      });
      target0.addEventListener("mousedown", () => {
        ++mousedown_count;
      });
      target0.addEventListener("pointerup", () => {
        ++pointerup_count;
      });
      target0.addEventListener("pointerdown", () => {
        ++pointerdown_count;
      });
      await synthesizeNativeTap(document.getElementById("target0"), 100, 100);
      await synthesizeNativeTap(document.getElementById("target0"), 100, 100);
    }
    waitUntilApzStable().then(runTests);
    </script>
</head>
<body>
  <div id="target0" style="width: 200px; height: 200px; background: green"></div>
</body>
</html>