Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- Manifest: docshell/test/mochitest/mochitest.toml
<!DOCTYPE HTML>
<html>
<!--
-->
<head>
<script src="/tests/SimpleTest/SimpleTest.js"></script>
<script src="/tests/SimpleTest/EventUtils.js"></script>
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
</head>
<body>
<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=590573">Mozilla Bug 590573</a>
<script type='application/javascript'>
SimpleTest.waitForExplicitFinish();
// Listen to the first callback, since this indicates that the page loaded.
var page1LoadCallbackEnabled = true;
function page1Load() {
if (page1LoadCallbackEnabled) {
page1LoadCallbackEnabled = false;
dump("Got page1 load.\n");
pageLoad();
} else {
dump("Ignoring page1 load.\n");
}
}
var page1PageShowCallbackEnabled = false;
function page1PageShow() {
if (page1PageShowCallbackEnabled) {
page1PageShowCallbackEnabled = false;
dump("Got page1 pageshow.\n");
pageLoad();
} else {
dump("Ignoring page1 pageshow.\n");
}
}
var page2LoadCallbackEnabled = false;
function page2Load() {
if (page2LoadCallbackEnabled) {
page2LoadCallbackEnabled = false;
dump("Got page2 popstate.\n");
pageLoad();
} else {
dump("Ignoring page2 popstate.\n");
}
}
var page2PopstateCallbackEnabled = false;
function page2Popstate() {
if (page2PopstateCallbackEnabled) {
page2PopstateCallbackEnabled = false;
dump("Got page2 popstate.\n");
pageLoad();
} else {
dump("Ignoring page2 popstate.\n");
}
}
var page2PageShowCallbackEnabled = false;
function page2PageShow() {
if (page2PageShowCallbackEnabled) {
page2PageShowCallbackEnabled = false;
dump("Got page2 pageshow.\n");
pageLoad();
} else {
dump("Ignoring page2 pageshow.\n");
}
}
var popup = window.open("file_bug590573_1.html");
var gTestContinuation = null;
var loads = 0;
function pageLoad() {
loads++;
dump("pageLoad(loads=" + loads + ", page location=" + popup.location + ")\n");
if (!gTestContinuation) {
gTestContinuation = testBody();
}
var ret = gTestContinuation.next();
if (ret.done) {
SimpleTest.finish();
}
}
function continueAsync() {
popup.addEventListener("popstate", function() {
popup.requestAnimationFrame(function() { gTestContinuation.next(); });
},
{once: true});
}
function* testBody() {
is(popup.scrollY, 0, "test 1");
popup.scroll(0, 100);
popup.history.pushState("", "", "?pushed");
is(Math.round(popup.scrollY), 100, "test 2");
popup.scroll(0, 200); // set state-2's position to 200
popup.history.back();
continueAsync();
yield;
is(Math.round(popup.scrollY), 100, "test 3");
popup.scroll(0, 150); // set original page's position to 150
popup.history.forward();
continueAsync();
yield;
is(Math.round(popup.scrollY), 200, "test 4");
popup.history.back();
continueAsync();
yield;
is(Math.round(popup.scrollY), 150, "test 5");
popup.history.forward();
continueAsync();
yield;
is(Math.round(popup.scrollY), 200, "test 6");
// At this point, the history looks like:
// PATH POSITION
// file_bug590573_1.html 150 <-- oldest
// file_bug590573_1.html?pushed 200 <-- newest, current
// Now test that the scroll position is persisted when we have real
// navigations involved. First, we need to spin the event loop so that the
// navigation doesn't replace our current history entry.
setTimeout(pageLoad, 0);
yield;
page2LoadCallbackEnabled = true;
popup.location = "file_bug590573_2.html";
yield;
ok(popup.location.href.match("file_bug590573_2.html$"),
"Location was " + popup.location +
" but should end with file_bug590573_2.html");
is(popup.scrollY, 0, "test 7");
popup.scroll(0, 300);
// We need to spin the event loop again before we go back, otherwise the
// scroll positions don't get updated properly.
setTimeout(pageLoad, 0);
yield;
page1PageShowCallbackEnabled = true;
popup.history.back();
yield;
// Spin the event loop again so that we get the right scroll positions.
setTimeout(pageLoad, 0);
yield;
is(popup.location.search, "?pushed");
ok(popup.document.getElementById("div1"), "page should have div1.");
is(Math.round(popup.scrollY), 200, "test 8");
popup.history.back();
continueAsync();
yield;
is(Math.round(popup.scrollY), 150, "test 9");
popup.history.forward();
continueAsync();
yield;
is(Math.round(popup.scrollY), 200, "test 10");
// Spin one last time...
setTimeout(pageLoad, 0);
yield;
page2PageShowCallbackEnabled = true;
popup.history.forward();
yield;
const scrollY = Math.floor(popup.scrollY);
if (scrollY >= 299 && scrollY <= 300) {
is(1, 1, "test 11");
} else {
is(1, 0, "test 11, got " + popup.scrollY + " for popup.scrollY instead of 299|300");
}
popup.close();
}
</script>
</body>
</html>