| <!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; |
| } |
| async_test(function(t) { |
| const observer = new PerformanceObserver(t.step_func_done((entryList) => { |
| const entries = entryList.getEntries().filter(e => e.name === 'click'); |
| // There must only be one click entry: from the clickAndBlockMain() call. |
| assert_equals(entries.length, 1); |
| const entry = entries[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); |
| })); |
| observer.observe({entryTypes: ['firstInput', '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. |
| clickAndBlockMain('div2'); |
| }, "Event Timing: events from programmatic click are not observed"); |
| </script> |
| </html> |
