test_bug650493.html

Enable keyboard shortcuts

<!DOCTYPE HTML>

<html>

<!--

https://bugzilla.mozilla.org/show_bug.cgi?id=650493

-->

<head>

  <title>Test for Bug 650493</title>

  <script 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 test() {

  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");

  SimpleTest.finish();

SimpleTest.waitForExplicitFinish();

SpecialPowers.pushPrefEnv({"set": [["dom.mutation_events.enabled", true]]}, test);

</script>

</body>

</html>