DXR is a code search and navigation tool aimed at making sense of large projects. It supports full-text and regex searches as well as structural queries.

Mercurial (1aeaa33a64f9)

VCS Links

Line Code
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215
<!DOCTYPE HTML>
<html>
<!--
https://bugzilla.mozilla.org/show_bug.cgi?id=650493
-->
<head>
  <title>Test for Bug 650493</title>
  <script type="text/javascript" src="/tests/SimpleTest/SimpleTest.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=650493">Mozilla Bug 650493</a>
<p id="display"></p>
<div id="content" style="display: none">
  
</div>
<pre id="test">
<script class="testbody" type="text/javascript">

function getNodes() {
  var walker = document.createTreeWalker($('content'), NodeFilter.SHOW_ALL, null);
  var nodes = [];
  do {
    nodes.push(walker.currentNode);
  } while(walker.nextNode());

  return nodes;
}

function check() {
  var current = getNodes();
  is(nodes.length, current.length, "length after " + testName);
  nodes.forEach(function(val, index) {
    ok(current.indexOf(val) > -1, "nodes[" + index + "] (" + val + ") shouldn't exist after " + testName);
  });
}

var nodes = getNodes();
var testName = "empty";
var mutateCount = 0;

check();

// Set up listeners
root = $('content');
root.addEventListener("DOMNodeInserted", function(e) {
  mutateCount++;
  is(e.isTrusted, true, "untrusted mutation event");
  var w = document.createTreeWalker(e.target, NodeFilter.SHOW_ALL, null);
  do {
    is(nodes.indexOf(w.currentNode), -1, "already have inserted node (" + w.currentNode + ") when " + testName);
    nodes.push(w.currentNode);
  } while(w.nextNode());
});
root.addEventListener("DOMNodeRemoved", function(e) {
  mutateCount++;
  is(e.isTrusted, true, "untrusted mutation event");
  var w = document.createTreeWalker(e.target, NodeFilter.SHOW_ALL, null);
  do {
    var index = nodes.indexOf(w.currentNode);
    ok(index != -1, "missing removed node (" + w.currentNode + ") when " + testName);
    nodes.splice(index, 1);
  } while(w.nextNode());
});

testName = "text-only innerHTML";
root.innerHTML = "hello world";
check();

testName = "innerHTML with <b>";
root.innerHTML = "<b>bold</b> world";
check();

testName = "complex innerHTML";
root.innerHTML = "<b>b<span>old</span></b> <strong>world";
check();

testName = "replacing using .textContent";
root.textContent = "i'm just a plain text minding my own business";
check();

testName = "clearing using .textContent";
root.textContent = "";
check();

testName = "inserting using .textContent";
root.textContent = "i'm new text!!";
check();

testName = "inserting using .textContent";
root.textContent = "i'm new text!!";
check();

testName = "preparing to normalize";
root.innerHTML = "<u><b>foo</b></u>  ";
var u = root.firstChild;
is(u.nodeName, "U", "got the right node");
var b = u.firstChild;
is(b.nodeName, "B", "got the right node");
b.insertBefore(document.createTextNode(""), b.firstChild);
b.insertBefore(document.createTextNode(""), b.firstChild);
b.appendChild(document.createTextNode(""));
b.appendChild(document.createTextNode("hello"));
b.appendChild(document.createTextNode("world"));
u.appendChild(document.createTextNode("foo"));
u.appendChild(document.createTextNode(""));
u.appendChild(document.createTextNode("bar"));
check();

testName = "normalizing";
root.normalize();
check();

testName = "self replace firstChild";
mutateCount = 0;
root.replaceChild(root.firstChild, root.firstChild);
check();
is(mutateCount, 2, "should remove and reinsert " + testName);

testName = "self replace second child";
mutateCount = 0;
root.replaceChild(root.firstChild.nextSibling, root.firstChild.nextSibling);
check();
is(mutateCount, 2, "should remove and reinsert " + testName);

testName = "self replace lastChild";
mutateCount = 0;
root.replaceChild(root.lastChild, root.lastChild);
check();
is(mutateCount, 2, "should remove and reinsert " + testName);

testName = "self insertBefore firstChild";
mutateCount = 0;
root.insertBefore(root.firstChild, root.firstChild);
check();
is(mutateCount, 2, "should remove and reinsert " + testName);

testName = "self insertBefore second child";
mutateCount = 0;
root.insertBefore(root.firstChild.nextSibling, root.firstChild.nextSibling);
check();
is(mutateCount, 2, "should remove and reinsert " + testName);

testName = "self insertBefore lastChild";
mutateCount = 0;
root.insertBefore(root.lastChild, root.lastChild);
check();
is(mutateCount, 2, "should remove and reinsert " + testName);

testName = "appendChild last";
mutateCount = 0;
root.appendChild(root.lastChild);
check();
is(mutateCount, 2, "should remove and reinsert " + testName);

testName = "prepare script/style";
script = document.createElement("script");
script.appendChild(document.createTextNode("void(0);"));
root.appendChild(script);
style = document.createElement("style");
root.appendChild(style);
check();

testName = "set something in script";
script.text = "something";
check();

testName = "set something in style";
style.innerHTML = "something { dislay: none; }";
check();

testName = "moving style";
root.insertBefore(style, root.firstChild);
check();

testName = "replacing script";
root.replaceChild(b, script);
check();

testName = "doc-fragment insert in the middle";
frag = document.createDocumentFragment();
frag.addEventListener("DOMNodeRemoved", function(e) {
  var index = children.indexOf(e.target);
  ok(index != -1, "unknown child removed from fragment");
  children.splice(index, 1);
});
var children = [];
children.push(document.createTextNode("foo"));
children.push(document.createTextNode("bar"));
children.push(document.createElement("span"));
children.push(document.createElement("b"));
children[2].appendChild(document.createElement("i"));
children.forEach(function(child) { frag.appendChild(child); });
ok(root.firstChild, "need to have children in order to test inserting before end");
root.replaceChild(frag, root.firstChild);
check();
is(children.length, 0, "should have received DOMNodeRemoved for all frag children when inserting");
is(frag.childNodes.length, 0, "fragment should be empty when inserting");

testName = "doc-fragment append at the end";
children.push(document.createTextNode("foo"));
children.push(document.createTextNode("bar"));
children.push(document.createElement("span"));
children.push(document.createElement("b"));
children[2].appendChild(document.createElement("i"));
children.forEach(function(child) { frag.appendChild(child); });
root.appendChild(frag);
check();
is(children.length, 0, "should have received DOMNodeRemoved for all frag children when appending");
is(frag.childNodes.length, 0, "fragment should be empty when appending");

</script>
</body>
</html>