blob: fb7247d10b7566a93b955e0b9145e3089f329cf4 [file] [log] [blame]
<!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/utils.js"></script>
<script>
function onload_test()
{
var reload_frame = document.getElementById("frameContext");
reload_frame.onload = do_test;
reload_frame.contentWindow.location.href = "resources/blank_page_green.html";
}
function do_test()
{
var newNavTiming = document.getElementById("frameContext").contentWindow.performance.getEntriesByType("navigation")[0];
assert_equals(newNavTiming.type, "navigate", "Expected navigation type to be navigate.");
assert_equals(newNavTiming.unloadEventStart, 0, "Expected unloadEventStart to be 0.");
assert_equals(newNavTiming.unloadEventEnd, 0, "Expected unloadEventEnd to be 0.");
done();
}
</script>
</head>
<body>
<h1>Description</h1>
<p>This test validates the value of window.performance.getEntriesByType("navigation")[0].(type/unloadEventEnd/unloadEventStart) with a navigation on top of a cross-origin document.</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 = "navigate"</li>
<li>The window.performance.getEntriesByType("navigation").unloadEventStart = 0</li>
<li>The window.performance.getEntriesByType("navigation").unloadEventEnd = 0</li>
</ul>
</p>
<iframe id="frameContext" onload="onload_test();" src="{{location[scheme]}}://{{domains[www2]}}:{{ports[http][0]}}/common/blank.html" style="width: 250px; height: 250px;"></iframe>
</body>
</html>