<html>
<head>
<script>
if (window.testRunner) {
if (!sessionStorage.stage)
testRunner.clearBackForwardList();
testRunner.dumpAsText();
testRunner.waitUntilDone();
}
function lastPathComponent(url)
{
return url.split('/').pop();
}
function hashOf(url)
{
return url.substring(url.lastIndexOf('#'));
}
function runFirstStageOfTest()
{
history.replaceState("FirstEntry", null, "#FirstEntry");
history.pushState("SecondEntry", null, "#SecondEntry");
history.back();
}
function runTest()
{
alert("LOADED");
if (!sessionStorage.stage)
runFirstStageOfTest();
}
function continueTest(state)
{
// FIXME: Once the popstate and hashchange events fire asynchronously, we
// can eliminate this setTimeout hack. The hashchange event currently runs
// synchronously following the popstate event, but the calls to
// replaceState cause the location to change immediately. That confuses
// our hashchange handler, which expects to see the "old" value of the
// location.
setTimeout(function() {
if (state == "FirstEntry") {
history.replaceState("FirstEntryWillLaterBeReactivated", null, "#FirstEntryWillLaterBeReactivated");
history.forward();
} else if (state == "SecondEntry") {
history.replaceState("SecondEntryWillLaterBeReactivated", null, "#SecondEntryWillLaterBeReactivated");
window.location = "resources/navigate-back.html";
} else if (state == "SecondEntryWillLaterBeReactivated")
history.back();
}, 0);
}
window.onpopstate = function statePopped()
{
var state = event.state;
alert("State popped - " + state + " (type " + typeof state + ")");
continueTest(state);
}
window.onpageshow = function pageShown()
{
if (sessionStorage.stage == 2) {
var state = history.state;
alert("Page shown - " + state + " (type " + typeof state + ")");
continueTest(state);
}
}
window.onhashchange = function hashChanged(event)
{
alert("hashChanged - Last path component of location is " + lastPathComponent(event.newURL));
if (hashOf(event.newURL) == "#FirstEntryWillLaterBeReactivated") {
alert("Test complete");
sessionStorage.clear();
if (window.testRunner)
testRunner.notifyDone();
}
}
</script>
<body onload="runTest();" onunload="/* disable page cache */">
<pre>
This test:
-Builds up a list of state object entries with fragment URLs.
-Navigates through them to verify that the popstate and hashchanged events are fired.
-Navigates away to a new document, with the old document being destroyed.
-Navigates back to the state object entries and verifies the pageshow or popstate events are fired on the new documents.
</pre>
</body>
</html>