<!DOCTYPE HTML> <html> <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=590573 --> <head> <title>Test for Bug 590573</title> <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; // Bug 821821, on Android tegras we get 299 instead of 300 sometimes 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>