summaryrefslogtreecommitdiffstats
path: root/gfx/layers/apz/test/mochitest/helper_zoom_prevented.html
blob: b756c873f2542cd92c4bcafa4484522529347ed8 (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
<!DOCTYPE HTML>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Checking prevent-default for zooming</title>
  <script type="application/javascript" src="apz_test_native_event_utils.js"></script>
  <script type="application/javascript" src="apz_test_utils.js"></script>
  <script src="/tests/SimpleTest/paint_listener.js"></script>
  <script type="application/javascript">

async function testPreventDefault(aTouchStartToCancel) {
  var initial_resolution = await getResolution();
  ok(initial_resolution > 0,
      "The initial_resolution is " + initial_resolution + ", which is some sane value");

  // preventDefault exactly one touchstart based on the value of aTouchStartToCancel
  var touchStartCount = 0;
  var canceller = function(e) {
    dump("touchstart listener hit, count: " + touchStartCount + "\n");
    touchStartCount++;
    if (touchStartCount == aTouchStartToCancel) {
      dump("calling preventDefault on touchstart\n");
      e.preventDefault();
      document.documentElement.removeEventListener("touchstart", canceller, {passive: false});
    }
  };
  document.documentElement.addEventListener("touchstart", canceller, {passive: false});

  let touchEndPromise = new Promise(resolve => {
    document.documentElement.addEventListener("touchend", resolve, {passive: true, once: true});
  });

  // Ensure that APZ gets updated hit-test info
  await promiseAllPaintsDone();

  await pinchZoomInTouchSequence(150, 300);
  await touchEndPromise; // wait for the touchend listener to fire

  // Flush state and get the resolution we're at now
  await promiseApzFlushedRepaints();
  let final_resolution = await getResolution();
  is(final_resolution, initial_resolution, "The final resolution (" + final_resolution + ") matches the initial resolution");
}

function transformFailer() {
  ok(false, "The test fired an unexpected APZ:TransformEnd");
}

async function test() {
  // Register a listener that fails the test if the APZ:TransformEnd event fires,
  // because this test shouldn't actually be triggering any transforms
  SpecialPowers.Services.obs.addObserver(transformFailer, "APZ:TransformEnd");

  await testPreventDefault(1);
  await testPreventDefault(2);
}

function cleanup() {
  SpecialPowers.Services.obs.removeObserver(transformFailer, "APZ:TransformEnd");
}

waitUntilApzStable()
.then(test)
.finally(cleanup)
.then(subtestDone, subtestFailed);

  </script>
</head>
<body>
  Here is some text to stare at as the test runs. It serves no functional
  purpose, but gives you an idea of the zoom level. It's harder to tell what
  the zoom level is when the page is just solid white.
</body>
</html>