<!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>