summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/event-timing/programmatic-click-not-observed.html
blob: 049607e04e1b0bcf8c7c982edbe20f6fc9014aed (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
<!DOCTYPE html>
<html>
<meta charset=utf-8 />
<div id='div' onclick='delay()'>Click me</div>
<div id='div2'>No, click me!</div>
<script src=/resources/testharness.js></script>
<script src=/resources/testharnessreport.js></script>
<script src=/resources/testdriver.js></script>
<script src=/resources/testdriver-vendor.js></script>

<script src=resources/event-timing-test-utils.js></script>
<script>
  let delayCalled = false;
  let beforeClick;
  function delay() {
    const end = performance.now() + 150;
    while(performance.now() < end) {}
    delayCalled = true;
  }
  promise_test(function(t) {
    assert_implements(window.PerformanceEventTiming, 'Event Timing is not supported.');
    let observedPointerDown = false;
    const observerPromise = new Promise(resolve => {
      const observer = new PerformanceObserver(t.step_func(entryList => {
        const pointerDowns = entryList.getEntriesByName('pointerdown');
        // Ignore cases in which there is no pointerdown.
        if (pointerDowns.length === 0)
          return;

        assert_false(observedPointerDown, 'There must only be one pointerdown entry.');
        assert_equals(pointerDowns.length, 1);
        const entry = pointerDowns[0];
        // This ensures that the entry is exposing timing from the second click, i.e.
        // the one from the clickAndBlockMain() call.
        assert_greater_than_equal(entry.processingStart, beforeClick);
        verifyClickEvent(entry, 'div2', true);
        observedPointerDown = true;
        resolve();
      }));
      observer.observe({entryTypes: ['event']});
    });
    document.getElementById('div').click();
    // Take the timestamp after the programmatic click but before the next click.
    beforeClick = performance.now();
    // After the programmatic click, use another input to know when entries have been
    // dispatched to the PerformanceObserver callback.
    const clickPromise = clickAndBlockMain('div2');
    return Promise.all([observerPromise, clickPromise]);
  }, "Event Timing: events from programmatic click are not observed");
</script>
</html>