<!DOCTYPE html>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="resources/test-helpers.sub.js"></script>
<script>
service_worker_test(
'resources/performance-timeline-worker.js',
'Test Performance Timeline API in Service Worker');
// The purpose of this test is to verify that service worker overhead
// is included in the Performance API's timing information.
promise_test(t => {
let script = 'resources/empty-but-slow-worker.js';
let scope = 'resources/sample.txt?slow-sw-timing';
let url = new URL(scope, window.location).href;
let slowURL = url + '&slow';
let frame;
return service_worker_unregister_and_register(t, script, scope)
.then(reg => {
t.add_cleanup(() => service_worker_unregister(t, scope));
return wait_for_state(t, reg.installing, 'activated');
})
.then(_ => with_iframe(scope))
.then(f => {
frame = f;
return frame.contentWindow.fetch(url).then(r => r && r.text());
})
.then(_ => {
return frame.contentWindow.fetch(slowURL).then(r => r && r.text());
})
.then(_ => {
function elapsed(u) {
let entry = frame.contentWindow.performance.getEntriesByName(u);
return entry[0] ? entry[0].duration : undefined;
}
let urlTime = elapsed(url);
let slowURLTime = elapsed(slowURL);
// Verify the request slowed by the service worker is indeed measured
// to be slower. Note, we compare to smaller delay instead of the exact
// delay amount to avoid making the test racy under automation.
assert_greater_than(slowURLTime, urlTime + 1000,
'Slow service worker request should measure increased delay.');
frame.remove();
})
}, 'empty service worker fetch event included in performance timings');
</script>