Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /html/browsers/history/the-history-interface/007.html - WPT Dashboard Interop Dashboard
<!doctype html>
<html>
<head>
<title>Firing popstate after onload with pushed state</title>
<meta name=timeout content=long>
<script type="text/javascript" src="/resources/testharness.js"></script>
<script type="text/javascript" src="/resources/testharnessreport.js"></script>
</head>
<body>
<noscript><p>Enable JavaScript and reload</p></noscript>
<div id="log">It looks like the browser stopped loading the page when encountering a .go(-1) command pointing to a pushed state. This will break the tests.</div>
<script type="text/javascript">
//spec (25 March 2011 draft) states that popstate must fire before onload if there is a pushed/replaced state that is navigated
var popfired = false;
setup({explicit_done:true});
test(function () {
assert_equals( history.state, null );
}, 'history.state should initially be null');
window.addEventListener('popstate',function (e) { popfired = e.state; },false);
test(function () {
history.pushState('state1','');
history.pushState('state2','');
}, 'history.pushState support is needed for this testcase');
test(function () {
assert_equals( history.state, 'state2' );
}, 'history.state should reflect pushed state');
if( history.pushState ) { history.go(-1); }
window.onload = function () {
test(function () {
assert_true( !!popfired );
}, 'popstate event should fire before onload fires');
test(function () {
assert_equals( popfired, 'state1' );
}, 'the correct state should be restored when navigating during initial load');
test(function () {
assert_equals( history.state, 'state1' );
}, 'history.state should reflect the navigated state onload');
popfired = false;
setTimeout(function () {
test(function () {
assert_false( !!popfired );
}, 'popstate event should not fire after onload fires');
test(function () {
assert_equals( history.state, 'state1' );
}, 'history.state should reflect the navigated state after onload');
done();
if( history.pushState ) { history.go(-1); } //go back to the start to avoid state recovery when reloading
},100);
};
</script>
<!--
Reuse an existing server side script to slow down page load so that
history.go(-1); above gets run before load event fires.
-->
<script>
// define TEST_DELAY so that executing delay.py doesn't warn about use
// of undefined variable.
var TEST_DELAY;
</script>
<script src="/xhr/resources/delay.py?ms=2500"></script>
</body>
</html>