nav2-test-timing-persistent.html

Enable keyboard shortcuts

This test has a WPT meta file that expects 1 subtest issues.
This WPT test may be referenced by the following Test IDs:
- /navigation-timing/nav2-test-timing-persistent.html - WPT Dashboard Interop Dashboard

<!DOCTYPE HTML>

<html>

<head>

  <meta charset=utf-8>

  <title>PerformanceNavigationTiming timing remains after iframe removed</title>

  <script src="/resources/testharness.js"></script>

  <script src="/resources/testharnessreport.js"></script>

  <script src="/common/get-host-info.sub.js"></script>

</head>

<body>

  <script>

    const start_page = "/navigation-timing/resources/blank_page_green.html";

    const end_page = "/navigation-timing/resources/blank_page_yellow.html";

    const host_info = get_host_info();

    const same_origin_redirect_chain = () => {

      let url = host_info["ORIGIN"];

      url += "/common/redirect.py";

      url += "?location=";

      url += host_info["ORIGIN"];

      url += end_page;

      return url;

};

    const timingAttributes = [

      'domComplete',

      'domContentLoadedEventEnd',

      'domContentLoadedEventStart',

      'domInteractive',

      //'criticalCHRestart' is not supported in iframe.

      'unloadEventStart',

      'unloadEventEnd',

      'loadEventStart',

      'loadEventEnd',

      'redirectCount',

      'redirectStart',

      'redirectEnd',

      'fetchStart',

      'responseEnd',

];

    function verify_timing(pnt, description) {

      for (const att of timingAttributes) {

        assert_greater_than(pnt[att], 0, `${description} ${att}`);

    promise_test(async function (t) {

      const iframe = document.createElement("iframe");

      document.body.appendChild(iframe);

      // Navigate from one location to another, then redirect. As a result, the tested fields contain non-zero values.

      await new Promise(resolve => {

        iframe.onload = function () {

          step_timeout(() => { iframe.contentWindow.location.href = same_origin_redirect_chain(); }, 10);

          iframe.onload = resolve;

        iframe.src = start_page;

});

      await new Promise(resolve => {

        const entries = iframe.contentWindow.performance.getEntriesByType("navigation");

        assert_equals(entries.length, 1, "Only one navigation time entry");

        const pnt = entries[0];

        assert_equals(pnt.name, iframe.contentWindow.location.toString(), "navigation name matches the window.location");

        assert_true(pnt.name.endsWith("blank_page_yellow.html"), "navigation name is blank_page_yellow.html");

        verify_timing(pnt, "timing values should be positive numbers:")

        iframe.remove();

        verify_timing(pnt, "timing values should remain positive numbers after iframe is removed:")

        resolve();

})

    }, "iframe navigation times are persistent after the iframe is removed. Part 1.");

    function getOutOfLoadEventHandler(t) {

      return new Promise(resolve => t.step_timeout(resolve, 0));

    function waitForLoad(obj) {

      return new Promise(resolve => {

        obj.addEventListener("load", resolve, { once: true });

});

    // 'type' entry should be persistent.

    promise_test(async function (t) {

      const iframe = document.createElement("iframe");

      document.body.appendChild(iframe);

      iframe.src = start_page;

      await waitForLoad(iframe);

      await getOutOfLoadEventHandler(t);

      iframe.contentWindow.location.href = end_page;

      await waitForLoad(iframe);

      iframe.contentWindow.history.back();

      await waitForLoad(iframe);

      await new Promise(resolve => {

        const entries = iframe.contentWindow.performance.getEntriesByType("navigation");

        assert_equals(entries.length, 1, "Only one navigation time entry");

        const pnt = entries[0];

        assert_equals(pnt.name, iframe.contentWindow.location.toString(), "navigation name matches the window.location");

        assert_true(pnt.name.endsWith("blank_page_green.html"), "navigation name is blank_page_green.html");

        assert_equals(pnt.type, "back_forward", "type should be back_forward after going back to history");

        iframe.remove();

        assert_equals(pnt.type, "back_forward", "type should remain back_forward after iframe is removed");

        resolve();

})

    }, "iframe navigation times are persistent after the iframe is removed Part 2.");

  </script>

</body>

</html>