<!DOCTYPE HTML> <html> <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=602256 --> <head> <title>Test for Bug 602256</title> </head> <body onload="SimpleTest.executeSoon(run_test)"> <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=602256">Mozilla Bug 602256</a> <div id="content"> <iframe id="iframe" src="data:text/html,<p%20id='text'>Start</p>"></iframe> </div> <pre id="test"> <script type="application/javascript"> /** Test for Bug 602256 **/ var testWin = window.opener ? window.opener : window.parent; var SimpleTest = testWin.SimpleTest; function is() { testWin.is.apply(testWin, arguments); } var gFrame = null; var gState = null; window.addEventListener("popstate", function(aEvent) { gState = aEvent.state; }, false); function waitForLoad() { function listener() { gFrame.removeEventListener("load", listener, false); SimpleTest.executeSoon(continue_test); } gFrame.addEventListener("load", listener, false); } function loadContent(aURL) { waitForLoad(); gFrame.src = aURL; } function getURL() { return gFrame.contentDocument.documentURI; } function getContent() { return gFrame.contentDocument.getElementById("text").textContent; } var START = "data:text/html,<p%20id='text'>Start</p>"; var URL1 = "data:text/html,<p%20id='text'>Test1</p>"; var URL2 = "data:text/html,<p%20id='text'>Test2</p>"; function run_test() { window.history.pushState("START", window.location); gFrame = document.getElementById("iframe"); continue_test(); } function* test_body() { yield* test_basic_inner_navigation(); yield* test_state_navigation(); } var gTestContinuation = null; function continue_test() { if (!gTestContinuation) { gTestContinuation = test_body(); } var ret = gTestContinuation.next(); if (ret.done) { testWin.done(); } } function* test_basic_inner_navigation() { // Navigate the inner frame a few times yield loadContent(URL1); is(getURL(), URL1, "URL should be correct"); is(getContent(), "Test1", "Page should be correct"); yield loadContent(URL2); is(getURL(), URL2, "URL should be correct"); is(getContent(), "Test2", "Page should be correct"); // Test that history is working window.history.back(); yield waitForLoad(); is(getURL(), URL1, "URL should be correct"); is(getContent(), "Test1", "Page should be correct"); window.history.forward(); yield waitForLoad(); is(getURL(), URL2, "URL should be correct"); is(getContent(), "Test2", "Page should be correct"); } function* test_state_navigation() { window.history.pushState("STATE1", window.location); is(getURL(), URL2, "URL should be correct"); is(getContent(), "Test2", "Page should be correct"); window.history.pushState("STATE2", window.location); is(getURL(), URL2, "URL should be correct"); is(getContent(), "Test2", "Page should be correct"); window.history.back(); is(gState, "STATE1", "State should be correct"); is(getURL(), URL2, "URL should be correct"); is(getContent(), "Test2", "Page should be correct"); window.history.forward(); is(gState, "STATE2", "State should be correct"); is(getURL(), URL2, "URL should be correct"); is(getContent(), "Test2", "Page should be correct"); window.history.back(); window.history.back(); is(gState, "START", "State should be correct"); is(getURL(), URL2, "URL should be correct"); is(getContent(), "Test2", "Page should be correct"); window.history.back(); is(gState, "START", "State should be correct"); yield waitForLoad(); is(getURL(), URL1, "URL should be correct"); is(getContent(), "Test1", "Page should be correct"); window.history.back(); is(gState, "START", "State should be correct after going back twice"); yield waitForLoad(); is(gState, "START", "State should be correct"); is(getURL(), START, "URL should be correct"); is(getContent(), "Start", "Page should be correct"); } </script> </pre> </body> </html>