frame-timing.js - mozsearch

Enable keyboard shortcuts

function test_frame_timing_before_load_event(type) {

  promise_test(async t => {

    const {document, performance} = type === 'frame' ? window.parent : window;

    const delay = 500;

    const frame = document.createElement(type);

    t.add_cleanup(() => frame.remove());

    await new Promise(resolve => {

      frame.addEventListener('load', resolve);

      frame.src = `/resource-timing/resources/iframe-with-delay.sub.html?delay=${delay}`;

      (type === 'frame' ? document.querySelector('frameset') : document.body).appendChild(frame);

});

    const entries = performance.getEntriesByName(frame.src);

    const navigationEntry = frame.contentWindow.performance.getEntriesByType('navigation')[0];

    assert_equals(entries.length, 1);

    assert_equals(entries[0].initiatorType, type);

    assert_greater_than(performance.now(), entries[0].responseEnd + delay);

    const domContentLoadedEventAbsoluteTime =

      navigationEntry.domContentLoadedEventStart +

      frame.contentWindow.performance.timeOrigin;

    const frameResponseEndAbsoluteTime = entries[0].responseEnd + performance.timeOrigin;

    assert_greater_than(domContentLoadedEventAbsoluteTime, frameResponseEndAbsoluteTime);

  }, `A ${type} should report its RT entry when the response is done and before it is completely loaded`);

function test_frame_timing_change_src(type,

                                      origin1 = document.origin,

                                      origin2 = document.origin,

                                      tao = false, label = '') {

  const uid = token();

  promise_test(async t => {

    const {document, performance} = type === 'frame' ? window.parent : window;

    const frame = document.createElement(type);

    t.add_cleanup(() => frame.remove());

    function createURL(origin) {

      const url = new URL(`${origin}/resource-timing/resources/green.html`, location.href);

      url.searchParams.set("uid", uid);

      if (tao)

        url.searchParams.set("pipe", "header(Timing-Allow-Origin, *)");

      return url.toString();

    await new Promise(resolve => {

      const done = () => {

        resolve();

        frame.removeEventListener('load', done);

      frame.addEventListener('load', done);

      frame.src = createURL(origin1);

      const root = type === 'frame' ? document.querySelector('frameset') : document.body;

      root.appendChild(frame);

});

    await new Promise(resolve => {

      frame.addEventListener('load', resolve);

      frame.src = createURL(origin2);

});

    const entries = performance.getEntries().filter(e => e.name.includes(uid));

    assert_equals(entries.length, 2);

  }, label || `A ${type} should report separate RT entries if its src changed from the outside`);