mirror of
https://github.com/classilla/tenfourfox.git
synced 2024-10-21 11:24:51 +00:00
252 lines
9.7 KiB
HTML
252 lines
9.7 KiB
HTML
|
<!DOCTYPE HTML>
|
||
|
<html>
|
||
|
<!--
|
||
|
https://bugzilla.mozilla.org/show_bug.cgi?id=1034110
|
||
|
-->
|
||
|
<head>
|
||
|
<title>Test for Bug 1034110</title>
|
||
|
<script type="application/javascript" src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script>
|
||
|
<script type="application/javascript" src="chrome://mochikit/content/tests/SimpleTest/EventUtils.js"></script>
|
||
|
<script type="application/javascript" src="chrome://mochikit/content/tests/SimpleTest/ChromeUtils.js"></script>
|
||
|
<link rel="stylesheet" type="text/css" href="chrome://mochikit/content/tests/SimpleTest/test.css"/>
|
||
|
</head>
|
||
|
<body>
|
||
|
<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1034110">Mozilla Bug 1034110</a>
|
||
|
<style type="text/css">
|
||
|
#pseudo.before::before { content: "before"; }
|
||
|
#pseudo.after::after { content: "after"; }
|
||
|
</style>
|
||
|
<div id="pseudo"></div>
|
||
|
<video id="video"></video>
|
||
|
<p id="display"></p>
|
||
|
<div id="content" style="display: none">
|
||
|
|
||
|
</div>
|
||
|
|
||
|
<pre id="test">
|
||
|
<script type="application/javascript;version=1.7">
|
||
|
|
||
|
/** Test for Bug 1034110 **/
|
||
|
|
||
|
SimpleTest.waitForExplicitFinish();
|
||
|
const {Cc, Ci, Cu} = SpecialPowers;
|
||
|
|
||
|
function getWalker(node) {
|
||
|
let walker = Cc["@mozilla.org/inspector/deep-tree-walker;1"].createInstance(Ci.inIDeepTreeWalker);
|
||
|
walker.showAnonymousContent = true;
|
||
|
walker.init(node.ownerDocument, Ci.nsIDOMNodeFilter.SHOW_ALL);
|
||
|
walker.currentNode = node;
|
||
|
return walker;
|
||
|
}
|
||
|
|
||
|
function getFirstChild(parent) {
|
||
|
return SpecialPowers.unwrap(getWalker(parent).firstChild());
|
||
|
}
|
||
|
|
||
|
function getLastChild(parent) {
|
||
|
return SpecialPowers.unwrap(getWalker(parent).lastChild());
|
||
|
}
|
||
|
|
||
|
function assertSamePseudoElement(which, node1, node2) {
|
||
|
is(node1.nodeName, "_moz_generated_content_" + which,
|
||
|
"Correct pseudo element type");
|
||
|
is(node1, node2,
|
||
|
"Referencing the same ::after element");
|
||
|
}
|
||
|
|
||
|
window.onload = function () {
|
||
|
testOneAdded();
|
||
|
};
|
||
|
|
||
|
function testOneAdded() {
|
||
|
let parent = document.getElementById("pseudo");
|
||
|
var m = new MutationObserver(function(records, observer) {
|
||
|
is(records.length, 1, "Correct number of records");
|
||
|
is(records[0].type, "nativeAnonymousChildList", "Correct record type");
|
||
|
is(records[0].target, parent, "Correct target");
|
||
|
|
||
|
is(records[0].addedNodes.length, 1, "Should have got addedNodes");
|
||
|
assertSamePseudoElement("before", records[0].addedNodes[0], getFirstChild(parent));
|
||
|
is(records[0].removedNodes.length, 0, "Shouldn't have got removedNodes");
|
||
|
|
||
|
observer.disconnect();
|
||
|
testAddedAndRemoved();
|
||
|
});
|
||
|
|
||
|
m.observe(parent, { nativeAnonymousChildList: true});
|
||
|
parent.className = "before";
|
||
|
}
|
||
|
|
||
|
function testAddedAndRemoved() {
|
||
|
let parent = document.getElementById("pseudo");
|
||
|
let originalBeforeElement = getFirstChild(parent);
|
||
|
var m = new MutationObserver(function(records, observer) {
|
||
|
is(records.length, 2, "Correct number of records");
|
||
|
is(records[0].type, "nativeAnonymousChildList", "Correct record type (1)");
|
||
|
is(records[1].type, "nativeAnonymousChildList", "Correct record type (2)");
|
||
|
is(records[0].target, parent, "Correct target (1)");
|
||
|
is(records[1].target, parent, "Correct target (2)");
|
||
|
|
||
|
// Two records are sent - one for removed and one for added.
|
||
|
is(records[0].addedNodes.length, 0, "Shouldn't have got addedNodes");
|
||
|
is(records[0].removedNodes.length, 1, "Should have got removedNodes");
|
||
|
assertSamePseudoElement("before", records[0].removedNodes[0], originalBeforeElement);
|
||
|
|
||
|
is(records[1].addedNodes.length, 1, "Should have got addedNodes");
|
||
|
assertSamePseudoElement("after", records[1].addedNodes[0], getLastChild(parent));
|
||
|
is(records[1].removedNodes.length, 0, "Shouldn't have got removedNodes");
|
||
|
|
||
|
observer.disconnect();
|
||
|
testRemoved();
|
||
|
});
|
||
|
|
||
|
m.observe(parent, { nativeAnonymousChildList: true});
|
||
|
parent.className = "after";
|
||
|
}
|
||
|
|
||
|
function testRemoved() {
|
||
|
let parent = document.getElementById("pseudo");
|
||
|
let originalAfterElement = getLastChild(parent);
|
||
|
var m = new MutationObserver(function(records, observer) {
|
||
|
is(records.length, 1, "Correct number of records");
|
||
|
is(records[0].type, "nativeAnonymousChildList", "Correct record type");
|
||
|
is(records[0].target, parent, "Correct target");
|
||
|
|
||
|
is(records[0].addedNodes.length, 0, "Shouldn't have got addedNodes");
|
||
|
is(records[0].removedNodes.length, 1, "Should have got removedNodes");
|
||
|
assertSamePseudoElement("after", records[0].removedNodes[0], originalAfterElement);
|
||
|
|
||
|
observer.disconnect();
|
||
|
testMultipleAdded();
|
||
|
});
|
||
|
|
||
|
m.observe(parent, { nativeAnonymousChildList: true });
|
||
|
parent.className = "";
|
||
|
}
|
||
|
|
||
|
function testMultipleAdded() {
|
||
|
let parent = document.getElementById("pseudo");
|
||
|
var m = new MutationObserver(function(records, observer) {
|
||
|
is(records.length, 2, "Correct number of records");
|
||
|
is(records[0].type, "nativeAnonymousChildList", "Correct record type (1)");
|
||
|
is(records[1].type, "nativeAnonymousChildList", "Correct record type (2)");
|
||
|
is(records[0].target, parent, "Correct target (1)");
|
||
|
is(records[1].target, parent, "Correct target (2)");
|
||
|
|
||
|
is(records[0].addedNodes.length, 1, "Should have got addedNodes");
|
||
|
assertSamePseudoElement("before", records[0].addedNodes[0], getFirstChild(parent));
|
||
|
is(records[0].removedNodes.length, 0, "Shouldn't have got removedNodes");
|
||
|
|
||
|
is(records[1].addedNodes.length, 1, "Should have got addedNodes");
|
||
|
assertSamePseudoElement("after", records[1].addedNodes[0], getLastChild(parent));
|
||
|
is(records[1].removedNodes.length, 0, "Shouldn't have got removedNodes");
|
||
|
|
||
|
observer.disconnect();
|
||
|
testRemovedDueToDisplay();
|
||
|
});
|
||
|
|
||
|
m.observe(parent, { nativeAnonymousChildList: true });
|
||
|
parent.className = "before after";
|
||
|
}
|
||
|
|
||
|
function testRemovedDueToDisplay() {
|
||
|
let parent = document.getElementById("pseudo");
|
||
|
let originalBeforeElement = getFirstChild(parent);
|
||
|
let originalAfterElement = getLastChild(parent);
|
||
|
var m = new MutationObserver(function(records, observer) {
|
||
|
is(records.length, 2, "Correct number of records");
|
||
|
is(records[0].type, "nativeAnonymousChildList", "Correct record type (1)");
|
||
|
is(records[1].type, "nativeAnonymousChildList", "Correct record type (2)");
|
||
|
is(records[0].target, parent, "Correct target (1)");
|
||
|
is(records[1].target, parent, "Correct target (2)");
|
||
|
|
||
|
is(records[0].addedNodes.length, 0, "Shouldn't have got addedNodes");
|
||
|
is(records[0].removedNodes.length, 1, "Should have got removedNodes");
|
||
|
assertSamePseudoElement("before", records[0].removedNodes[0], originalBeforeElement);
|
||
|
|
||
|
is(records[1].addedNodes.length, 0, "Shouldn't have got addedNodes");
|
||
|
is(records[1].removedNodes.length, 1, "Should have got removedNodes");
|
||
|
assertSamePseudoElement("after", records[1].removedNodes[0], originalAfterElement);
|
||
|
|
||
|
observer.disconnect();
|
||
|
testAddedDueToDisplay();
|
||
|
});
|
||
|
|
||
|
m.observe(parent, { nativeAnonymousChildList: true });
|
||
|
parent.style.display = "none";
|
||
|
}
|
||
|
|
||
|
function testAddedDueToDisplay() {
|
||
|
let parent = document.getElementById("pseudo");
|
||
|
var m = new MutationObserver(function(records, observer) {
|
||
|
is(records.length, 2, "Correct number of records");
|
||
|
is(records[0].type, "nativeAnonymousChildList", "Correct record type (1)");
|
||
|
is(records[1].type, "nativeAnonymousChildList", "Correct record type (2)");
|
||
|
is(records[0].target, parent, "Correct target (1)");
|
||
|
is(records[1].target, parent, "Correct target (2)");
|
||
|
|
||
|
is(records[0].addedNodes.length, 1, "Should have got addedNodes");
|
||
|
assertSamePseudoElement("before", records[0].addedNodes[0], getFirstChild(parent));
|
||
|
is(records[0].removedNodes.length, 0, "Shouldn't have got removedNodes");
|
||
|
|
||
|
is(records[1].addedNodes.length, 1, "Should have got addedNodes");
|
||
|
assertSamePseudoElement("after", records[1].addedNodes[0], getLastChild(parent));
|
||
|
is(records[1].removedNodes.length, 0, "Shouldn't have got removedNodes");
|
||
|
|
||
|
observer.disconnect();
|
||
|
testDifferentTargetNoSubtree();
|
||
|
});
|
||
|
|
||
|
m.observe(parent, { nativeAnonymousChildList: true });
|
||
|
parent.style.display = "block";
|
||
|
}
|
||
|
|
||
|
function testDifferentTargetNoSubtree() {
|
||
|
let parent = document.getElementById("pseudo");
|
||
|
var m = new MutationObserver(function(records, observer) {
|
||
|
ok(false,
|
||
|
"No mutation should fire when observing on a parent without subtree option.");
|
||
|
});
|
||
|
m.observe(document, { nativeAnonymousChildList: true });
|
||
|
parent.style.display = "none";
|
||
|
|
||
|
// Wait for the actual mutation to come through, making sure that
|
||
|
// the original observer never fires.
|
||
|
var m2 = new MutationObserver(function(records, observer) {
|
||
|
ok(!getFirstChild(parent), "Pseudo element has been removed, but no mutation");
|
||
|
ok(!getLastChild(parent), "Pseudo element has been removed, but no mutation");
|
||
|
observer.disconnect();
|
||
|
testSubtree();
|
||
|
});
|
||
|
m2.observe(parent, { nativeAnonymousChildList: true });
|
||
|
}
|
||
|
|
||
|
function testSubtree() {
|
||
|
let parent = document.getElementById("pseudo");
|
||
|
var m = new MutationObserver(function(records, observer) {
|
||
|
is(records.length, 2, "Correct number of records");
|
||
|
is(records[0].type, "nativeAnonymousChildList", "Correct record type (1)");
|
||
|
is(records[1].type, "nativeAnonymousChildList", "Correct record type (2)");
|
||
|
is(records[0].target, parent, "Correct target (1)");
|
||
|
is(records[1].target, parent, "Correct target (2)");
|
||
|
|
||
|
is(records[0].addedNodes.length, 1, "Should have got addedNodes");
|
||
|
assertSamePseudoElement("before", records[0].addedNodes[0], getFirstChild(parent));
|
||
|
is(records[0].removedNodes.length, 0, "Shouldn't have got removedNodes");
|
||
|
|
||
|
is(records[1].addedNodes.length, 1, "Should have got addedNodes");
|
||
|
assertSamePseudoElement("after", records[1].addedNodes[0], getLastChild(parent));
|
||
|
is(records[1].removedNodes.length, 0, "Shouldn't have got removedNodes");
|
||
|
|
||
|
observer.disconnect();
|
||
|
SimpleTest.finish();
|
||
|
});
|
||
|
m.observe(document, { nativeAnonymousChildList: true, subtree: true });
|
||
|
parent.style.display = "block";
|
||
|
}
|
||
|
|
||
|
</script>
|
||
|
</pre>
|
||
|
</body>
|
||
|
</html>
|