content/base/test/test_NodeIterator_mutations_2.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <!-- NodeIterator mutation tests, 2.
   4      Originally part of WebKit, Mochi-ified by Zack Weinberg.
   5      This file based on node-iterator-00[...].html from
   6        http://svn.webkit.org/repository/webkit/trunk/LayoutTests/traversal/
   7   -->
   8 <head>
   9  <title>DOM Traversal: NodeIterator: Mutations (2/x)</title>
  10   <script type="text/javascript" src="/MochiKit/packed.js"></script>
  11   <script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
  12   <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css">
  13 </head>
  14 <p id="display"></p>
  15 <div id="content" style="display: none">
  16 </div>
  17 <pre id="test">
  18 <script class="testbody" type="text/javascript">
  19   function resetContent() {
  20     var content = $('content');
  21     content.innerHTML = ('<span id="A"><\/span><span id="B"><\/span>'
  22                          + '<span id="C"><\/span><span id="D"><\/span>'
  23                          + '<span id="E"><\/span><span id="F"><\/span>'
  24                          + '<span id="G"><\/span><span id="H"><\/span>'
  25                          + '<span id="I"><\/span>');
  26     return content;
  27   }
  28
  29   function makeSpan(id) {
  30     var e = document.createElement('span');
  31     e.id = id;
  32     return e;
  33   }
  34
  35   function testNodeFilter(n) {
  36     if (n.tagName == 'SPAN')
  37       return NodeFilter.FILTER_ACCEPT;
  38     return NodeFilter.FILTER_SKIP;
  39   }
  40
  41   function checkseq(it, root, expect) {
  42     var checkIt = document.createNodeIterator(root, NodeFilter.SHOW_ELEMENT,
  43                                               testNodeFilter, false);
  44     var printedPointer = (it.referenceNode == undefined);
  45     var string = '';
  46     var node;
  47     while ((node = checkIt.nextNode()) != null) {
  48       if (!printedPointer && it.referenceNode == node) {
  49         printedPointer = true;
  50         var s = '[' + node.id + '] ';
  51           if (it.pointerBeforeReferenceNode)
  52             string += "* " + s;
  53           else
  54             string += s + "* ";
  55       } else {
  56         string += node.id + " ";
  57       }
  58     }
  59     is(string.slice(0, -1), expect, "sequence check");
  60   }
  61
  62   // first a basic sanity check [node-iterator-001]
  63   (function(){
  64      var root = resetContent();
  65      var it = document.createNodeIterator(root, NodeFilter.SHOW_ELEMENT,
  66                                           testNodeFilter, false);
  67
  68      checkseq(it, root, 'A B C D E F G H I');
  69      it.nextNode();
  70      checkseq(it, root, '[A] * B C D E F G H I');
  71      it.previousNode();
  72      checkseq(it, root, '* [A] B C D E F G H I');
  73      it.previousNode();
  74      checkseq(it, root, '* [A] B C D E F G H I');
  75   })();
  76
  77   // Mutations that should not move the iterator [node-iterator-002]
  78   (function(){
  79      var root = resetContent();
  80      var it = document.createNodeIterator(root, NodeFilter.SHOW_ELEMENT,
  81                                           testNodeFilter, false);
  82
  83      for (var i = 0; i < 4; i++)
  84        it.nextNode();
  85      checkseq(it, root, 'A B C [D] * E F G H I');
  86
  87      root.removeChild($('E'));
  88      checkseq(it, root, 'A B C [D] * F G H I');
  89
  90      var X = makeSpan('X');
  91      root.insertBefore(X, $('F'));
  92      checkseq(it, root, 'A B C [D] * X F G H I');
  93
  94      var I = $('I');
  95      root.removeChild(I);
  96      root.insertBefore(I, X);
  97      checkseq(it, root, 'A B C [D] * I X F G H');
  98   })();
  99
 100   // 002 complete
 101
 102   /* Template
 103   (function(){
 104      var root = resetContent();
 105      var it = document.createNodeIterator(root, NodeFilter.SHOW_ELEMENT,
 106                                           testNodeFilter, false);
 107
 108   })();
 109   */
 110 </script>
 111 </pre>
 112 </body>
 113 </html>