Source code
Revision control
Copy as Markdown
Other Tools
<?xml version="1.0"?>
<hbox>
<vbox id="box1">
</vbox>
<vbox id="box2">
</vbox>
<spacer flex="1"/>
</hbox>
<!-- test code goes here -->
<script type="application/javascript"><![CDATA[
/* globals SimpleTest, is, isnot, ok, snapshotWindow, compareSnapshots,
onerror */
var imports = [ "SimpleTest", "is", "isnot", "ok", "snapshotWindow",
"compareSnapshots", "onerror" ];
for (var name of imports) {
window[name] = window.arguments[0][name];
}
function $(id) {
return document.getElementById(id);
}
function addBrowser(parent, id, width, height) {
var b =
document.createElementNS("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul", "browser");
var type = window.location.search.slice(1);
is(type == "chrome" || type == "content", true, "Unexpected type");
b.setAttribute("type", type);
b.setAttribute("id", id);
b.style.width = width + "px";
b.style.height = height + "px";
$(parent).appendChild(b);
}
addBrowser("box1", "f1", 300, 200);
addBrowser("box1", "f2", 300, 200);
addBrowser("box2", "f3", 30, 200);
var doc1 =
"data:text/html,<html><body onbeforeunload='document.documentElement.textContent = \"\"' onunload='document.documentElement.textContent = \"\"' onpagehide='document.documentElement.textContent = \"\"'>This is a test</body></html>";
var doc2 = "data:text/html,<html><head></head><body>This is a second test</body></html>";
$("f1").setAttribute("src", doc1);
$("f2").setAttribute("src", doc2);
$("f3").setAttribute("src", doc2);
async function doTheTest() {
var s2 = await snapshotWindow($("f2").contentWindow);
// var s3 = await snapshotWindow($("f3").contentWindow);
//ok(!compareSnapshots(s2, s3, true)[0],
// "Should look different due to different sizing");
function getDOM(id) {
return $(id).contentDocument.documentElement.innerHTML;
}
var dom1 = getDOM("f1");
var dom2 = getDOM("f2");
$("f2").contentDocument.body.textContent = "Modified the text";
var dom2star = getDOM("f2");
isnot(dom2, dom2star, "We changed the DOM!");
$("f1").swapDocShells($("f2"));
// now we have doms 2*, 1, 2 in the frames
is(getDOM("f1"), dom2star, "Shouldn't have changed the DOM on swap");
is(getDOM("f2"), dom1, "Shouldn't have fired event handlers");
// The DOMLink* events are dispatched asynchronously, thus I cannot
// just include the <link> element in the initial DOM and swap the
// docshells. Instead, the link element is added now. Then, when the
// first DOMLinkAdded event (which is a result of the actual addition)
// is dispatched, the docshells are swapped and the pageshow and pagehide
// events are tested. Only then, we wait for the DOMLink* events,
// which are a result of swapping the docshells.
var DOMLinkListener = {
_afterFirst: false,
_addedDispatched: false,
async handleEvent(aEvent) {
if (!this._afterFirst) {
is(aEvent.type, "DOMLinkAdded");
var strs = { "f1": "", "f3" : "" };
function attachListener(node, type) {
var listener = function() {
if (strs[node.id]) strs[node.id] += " ";
strs[node.id] += node.id + ".page" + type;
}
node.addEventListener("page" + type, listener);
listener.detach = function() {
node.removeEventListener("page" + type, listener);
}
return listener;
}
var l1 = attachListener($("f1"), "show");
var l2 = attachListener($("f1"), "hide");
var l3 = attachListener($("f3"), "show");
var l4 = attachListener($("f3"), "hide");
$("f1").swapDocShells($("f3"));
// now we have DOMs 2, 1, 2* in the frames
l1.detach();
l2.detach();
l3.detach();
l4.detach();
// swapDocShells reflows asynchronously, ensure layout is
// clean so that the viewport of f1 is the right size.
$("f1").getBoundingClientRect();
var s1_new = await snapshotWindow($("f1").contentWindow);
var [same, first, second] = compareSnapshots(s1_new, s2, true);
ok(same, "Should reflow on swap. Expected " + second + " but got " + first);
is(strs.f1, "f1.pagehide f1.pageshow");
is(strs.f3, "f3.pagehide f3.pageshow");
this._afterFirst = true;
return;
}
if (aEvent.type == "DOMLinkAdded") {
is(this._addedDispatched, false);
this._addedDispatched = true;
}
if (this._addedDispatched) {
$("f1").removeEventListener("DOMLinkAdded", this);
$("f3").removeEventListener("DOMLinkAdded", this);
window.close();
SimpleTest.finish();
}
}
};
$("f1").addEventListener("DOMLinkAdded", DOMLinkListener);
$("f3").addEventListener("DOMLinkAdded", DOMLinkListener);
var linkElement = $("f1").contentDocument.createElement("link");
linkElement.setAttribute("rel", "alternate");
linkElement.setAttribute("href", "about:blank");
$("f1").contentDocument.documentElement.firstChild.appendChild(linkElement);
}
]]></script>
</window>