<!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 reload_frame;
function onload_test()
{
reload_frame = document.getElementById("frameContext");
reload_frame.onload = function() {
setTimeout(do_test, 0);
}
setTimeout("reload_the_frame();", 100);
}
function reload_the_frame()
{
reload_frame.contentWindow.location.reload(true);
}
function do_test()
{
var newNavTiming = document.getElementById("frameContext").contentWindow.performance.getEntriesByType("navigation")[0];
assert_equals(newNavTiming.type, "reload", "Expected navigation type to be reload.");
assert_true(newNavTiming.unloadEventStart > 0, "Expected unloadEventStart to be greater than 0.");
assert_true(newNavTiming.unloadEventEnd > 0, "Expected unloadEventEnd to be greater than 0.");
done();
}
</script>
</head>
<body onload="onload_test();">
<h1>Description</h1>
<p>This test validates the value of window.performance.getEntriesByType("navigation")[0].(type/unloadEventEnd/unloadEventStart) with a reloaded navigation.</p>
<p>This page should be loaded with a green background frame below. The frame will be automatically reloaded
and then verified that
<ul>
<li>The window.performance.getEntriesByType("navigation").type = "reload" after reload</li>
<li>The window.performance.getEntriesByType("navigation").unloadEventStart > 0 after reload</li>
<li>The window.performance.getEntriesByType("navigation").unloadEventEnd > 0 after reload</li>
</ul>
</p>
<iframe id="frameContext" src="resources/blank_page_green.html" style="width: 250px; height: 250px;"></iframe>
</body>
</html>
Codebase Browser
chromium