Mypal/dom/tests/mochitest/general/historyframes.html

157 lines
3.9 KiB
HTML

<!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>