| <!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 src="/common/get-host-info.sub.js"></script> |
| </head> |
| <body> |
| <h1>Description</h1> |
| <p>This test validates that the values of nav timing 2 instance's timing-related attributes are in certain order and the others are of expected values.</p> |
| |
| <script> |
| // Host names and ports may be configured at test execution time. The |
| // web-platform-tests server offers two mechanisms for retrieving these |
| // values dynamically: direct text substitution and the `get-host-info` |
| // script. The former is inapproprate for this test because it |
| // influences the size of the document, and this test includes static |
| // assertions for that value. |
| var host_info = get_host_info(); |
| var expectedUrl = "http://" + host_info.ORIGINAL_HOST + ":" + |
| host_info.HTTP_PORT + |
| "/navigation-timing/nav2_test_attributes_values.html"; |
| var navTiming2EventOrder1 = [ |
| 'startTime', |
| 'redirectStart', |
| //'unloadEventStart', |
| 'redirectEnd', |
| //'unloadEventEnd', |
| 'fetchStart', |
| 'domainLookupStart', |
| 'domainLookupEnd', |
| 'connectStart', |
| //'secureConnectionStart', |
| 'connectEnd', |
| 'requestStart', |
| 'responseStart', |
| 'responseEnd', |
| 'domInteractive', |
| 'domContentLoadedEventStart', |
| 'domContentLoadedEventEnd', |
| 'domComplete', |
| 'loadEventStart', |
| 'loadEventEnd' |
| ]; |
| |
| var navTiming2EventOrder2 = [ |
| 'redirectStart', |
| 'unloadEventStart', |
| 'redirectEnd', |
| 'unloadEventEnd', |
| 'fetchStart' |
| ]; |
| |
| var navTiming2EventOrder3 = [ |
| 'connectStart', |
| 'secureConnectionStart', |
| 'connectEnd' |
| ]; |
| |
| // Navigation Timing attributes for comparison. |
| var navTiming1EventOrder = [ |
| 'fetchStart', |
| 'domainLookupStart', |
| 'domainLookupEnd', |
| 'connectStart', |
| 'connectEnd', |
| 'requestStart', |
| 'responseStart', |
| 'responseEnd', |
| 'domInteractive', |
| 'domContentLoadedEventStart', |
| 'domContentLoadedEventEnd', |
| 'domComplete', |
| 'loadEventStart', |
| 'loadEventEnd' |
| ]; |
| |
| function verifyTimingEventOrder(eventOrder, timingEntry) { |
| for (var i = 0; i < eventOrder.length - 1; i++) { |
| assert_true(timingEntry[eventOrder[i]] <= timingEntry[eventOrder[i + 1]], |
| "Expected " + eventOrder[i] + " to be no greater than " + eventOrder[i + 1] + "."); |
| } |
| } |
| |
| async_test(function (t) { |
| var observer = new PerformanceObserver( |
| t.step_func(function (entryList) { |
| var entries = entryList.getEntries(); |
| assert_equals(entries[0].entryType, "navigation", |
| "Expected entryType to be: navigation."); |
| assert_equals(entries[0].name, expectedUrl); |
| assert_equals(entries[0].startTime, 0, |
| "Expected startTime to be: 0."); |
| assert_equals(entries[0].duration, entries[0].loadEventEnd, |
| "Expected duration to be equal to loadEventEnd."); |
| assert_equals(entries[0].initiatorType, "navigation", |
| "Expected initiatorType to be: navigation."); |
| assert_equals(entries[0].nextHopProtocol, "http/1.1"); |
| // This test may fail when response is from cach. Disable or clean cach before |
| // running this test. |
| assert_true(entries[0].transferSize > entries[0].encodedBodySize, |
| "Expected transferSize to be greater than encodedBodySize in uncached navigation."); |
| assert_equals(entries[0].encodedBodySize, 5955); |
| assert_equals(entries[0].decodedBodySize, 5955); |
| verifyTimingEventOrder(entries[0], navTiming2EventOrder1); |
| // Verify if the reported timing is not that different |
| // from what is reported by Navigation Timing 1. |
| navTiming1EventOrder.forEach( |
| function(event) { |
| if (window.performance.timing[event] - |
| window.performance.timing.navigationStart > 0) { |
| assert_greater_than(entries[0][event], 0, |
| "Expected " + event + " to be greater than 0"); |
| } |
| }); |
| // When unloadEvent happens |
| if (entries[0]["unloadEventStart"] != 0) { |
| verifyTimingEventOrder(entries[0], navTiming2EventOrder2); |
| } |
| // When a secure transport is used |
| if (entries[0]["secureConnectionStart"] != 0) { |
| verifyTimingEventOrder(entries[0], navTiming2EventOrder3); |
| } |
| observer.disconnect(); |
| t.done(); |
| }) |
| ); |
| observer.observe({entryTypes: ["navigation"]}); |
| |
| }, "Performance navigation timing instance's value is reasonable."); |
| </script> |
| </body> |
| </html> |