41 lines
1.8 KiB
HTML
41 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<meta charset=utf-8 />
|
|
<title>Event Timing: Modal Dialog Interrupt Paint</title>
|
|
<button id='testButtonId'>Click me.</button>
|
|
<script src=/resources/testharness.js></script>
|
|
<script src=/resources/testharnessreport.js></script>
|
|
<script src=/resources/testdriver.js></script>
|
|
<script src=/resources/testdriver-actions.js></script>
|
|
<script src=/resources/testdriver-vendor.js></script>
|
|
<script src=resources/event-timing-test-utils.js></script>
|
|
|
|
<script>
|
|
let observedEntries = [];
|
|
const map = new Map();
|
|
const events = ['click'];
|
|
const showModalDialog = () => {
|
|
alert();
|
|
// Stay busy for a few more ms after dialog closes, to ensure processingEnd
|
|
// time is far from startTime + duration
|
|
mainThreadBusy(16);
|
|
};
|
|
document.getElementById('testButtonId').addEventListener("click", showModalDialog);
|
|
|
|
promise_test(async t => {
|
|
assert_implements(window.PerformanceEventTiming, 'Event Timing is not supported.');
|
|
|
|
const callback = (entryList) => { observedEntries = observedEntries.concat(entryList.getEntries().filter(filterAndAddToMap(events, map))); };
|
|
const readyToResolve = () => { return observedEntries.length >= 1; };
|
|
const observerPromise = createPerformanceObserverPromise(['event'], callback, readyToResolve);
|
|
|
|
await interactAndObserve('click', document.getElementById('testButtonId'), observerPromise);
|
|
|
|
const clickEntry = observedEntries[0];
|
|
assert_less_than(clickEntry.startTime + clickEntry.duration, clickEntry.processingEnd, 'Event duration measurement should stop at the modal dialog showing time, which should be before processingEnd.');
|
|
assert_greater_than(clickEntry.interactionId, 0, 'Should have a non-trivial interactionId for click event');
|
|
}, "Event Timing: showing modal dialogs is an alternative end point.");
|
|
|
|
</script>
|
|
|
|
</html>
|