nav2-test-document-open.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /navigation-timing/nav2-test-document-open.html - WPT Dashboard Interop Dashboard

  <!DOCTYPE html>

  <html>

      <head>

          <meta charset="utf-8" />

          <title>Navigation Timing 2 WPT</title>

          <link rel="author" title="Google" href="http://www.google.com/" />

          <link rel="help" href="http://www.w3.org/TR/navigation-timing-2/#sec-PerformanceNavigationTiming"/>

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

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

          <script>

              setup({ single_test: true });

              var navTiming2Attributes = [

                  'connectEnd',

                  'connectStart',

                  'decodedBodySize',

                  'domComplete',

                  'domContentLoadedEventEnd',

                  'domContentLoadedEventStart',

                  'domInteractive',

                  'domainLookupEnd',

                  'domainLookupStart',

                  'duration',

                  'encodedBodySize',

                  'entryType',

                  'fetchStart',

                  'initiatorType',

                  'loadEventEnd',

                  'loadEventStart',

                  'name',

                  'redirectCount',

                  'redirectEnd',

                  'redirectStart',

                  'requestStart',

                  'responseEnd',

                  'responseStart',

                  'secureConnectionStart',

                  'transferSize',

                  'type',

                  'unloadEventEnd',

                  'unloadEventStart',

                  'workerStart'

];

              var originalTiming = {};

              var didOpen = false;

              function onload_test()

                  if (!didOpen) {

                      setTimeout(testTimingWithDocumentOpen, 0);

                      didOpen = true;

              function testTimingWithDocumentOpen()

                  var subcontentWindow = document.getElementById("frameContext").contentWindow;

                  var timing = subcontentWindow.performance.getEntriesByType("navigation")[0];

                  for (i in navTiming2Attributes) {

                      originalTiming[navTiming2Attributes[i]] = timing[navTiming2Attributes[i]];

                  var subdocument = subcontentWindow.document;

                  subdocument.open();

                  subdocument.write('<!DOCTYPE HTML>');

                  subdocument.write('<html>');

                  subdocument.write('<head>');

                  subdocument.write('<meta charset="utf-8" />');

                  subdocument.write('<title><Green Test Page</title>');

                  subdocument.write('</head>');

                  subdocument.write('<body style="background-color:#00FF00;">');

                  subdocument.write('</body>');

                  subdocument.write('</html>');

                  subdocument.close();

                  setTimeout(function() {

                      var timing = subcontentWindow.performance.getEntriesByType("navigation")[0];

                      for (var i in navTiming2Attributes) {

                          assert_equals(originalTiming[navTiming2Attributes[i]], timing[navTiming2Attributes[i]],

                            navTiming2Attributes[i] + " is the same after document open.");

                      done();

                  }, 0);

          </script>

      </head>

      <body>

          <h1>Description</h1>

          <p>This test validates window.performance.getEntriesByType("navigation") remains constant when a

          document is replaced using document.open.</p>

          <p>This page should be loaded with a yellow frame below. It then replaces the

          document in that frame with a green document.</p>

          <p>The test passes if all of the checks to performance.getEntriesByType("navigation") are correct and

          the frame below ends with a green background.</p>

          <iframe id="frameContext" onload="onload_test();" src="resources/blank_page_yellow.html" style="width: 250px; height: 250px;"></iframe>

      </body>

  </html>