summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/event-timing/event-click-counts.html
blob: 6c6563b95818ac56adbc06c9374798700ed41245 (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
<!DOCTYPE html>
<html>
<meta charset=utf-8 />
<title>Event Timing: eventCounts.</title>
<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>
<div id='div'>Click me</div>
<button id='button'>Click me</button>
<script>
  promise_test( t => {
    assert_implements(window.EventCounts, "Event Counts isn't supported");
    function testClicks(expectedCount, resolve) {
      const clickCount = performance.eventCounts.get('click');
      if (clickCount < expectedCount) {
        t.step_timeout(function() {
          testClicks(expectedCount, resolve);
        }, 5);
        return;
      }
      assert_equals(clickCount, expectedCount,'Incorrect click count.');
      assert_equals(performance.eventCounts.get('mousedown'), expectedCount, 'Incorrect mousedown count');
      assert_equals(performance.eventCounts.get('mouseup'), expectedCount, 'Incorrect mouseup count.');
      resolve();
    }
    function promiseClicks(expectedCount) {
      return new Promise(resolve => {
        testClicks(expectedCount, resolve)
      });
    }

    return test_driver.click(document.getElementById('div')).then(() => {
      return promiseClicks(1);
    }).then(() => {
      return test_driver.click(document.getElementById('button'));
    }).then(() => {
      return promiseClicks(2);
    }).then(() => {
      return test_driver.click(document.getElementById('div'));
    }).then(() => {
      return promiseClicks(3);
    });
  })
</script>
</html>