Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /navigation-timing/nav2-test-attributes-values.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Navigation Timing 2 WPT</title>
<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, 5949);
assert_equals(entries[0].decodedBodySize, 5949);
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>