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