tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

TreeWalker-traversal-skip.html (3670B)

      1 <!DOCTYPE html>
      2 <html>
      3 <!--
      4 Test adapted from chromium/source/src/third_party/WebKit/LayoutTests/fast/dom/TreeWalker/script-tests/traversal-skip.js
      5 -->
      6 <head>
      7 <title>TreeWalker: traversal-skip</title>
      8 <script src="/resources/testharness.js"></script>
      9 <script src="/resources/testharnessreport.js"></script>
     10 <script src="support/assert-node.js"></script>
     11 <div id=log></div>
     12 </head>
     13 <body>
     14 <p>Test TreeWalker with skipping</p>
     15 <script>
     16 var testElement;
     17 setup(function() {
     18    testElement = document.createElement("div");
     19    testElement.id = 'root';
     20    // testElement.innerHTML='<div id="A1">  <div id="B1">  <div id="C1"></div>  </div>  <div id="B2"></div><div id="B3"></div>  </div>';
     21    // <div id="A1">
     22    //   <div id="B1">
     23    //     <div id="C1"></div>
     24    //   </div>
     25    //   <div id="B2"></div>
     26    //   <div id="B3"></div>
     27    // </div>
     28 
     29 
     30    // XXX for Servo, build the tree without using innerHTML
     31    var a1 = document.createElement("div"); a1.id = "A1";
     32    var b1 = document.createElement("div"); b1.id = "B1";
     33    var b2 = document.createElement("div"); b2.id = "B2";
     34    var b3 = document.createElement("div"); b3.id = "B3";
     35    var c1 = document.createElement("div"); c1.id = "C1";
     36 
     37    testElement.appendChild(a1);
     38    a1.appendChild(b1);
     39    a1.appendChild(b2);
     40    a1.appendChild(b3);
     41    b1.appendChild(c1);
     42 });
     43 
     44 var skipB1Filter = {
     45  acceptNode: function(node) {
     46    if (node.id == 'B1')
     47      return NodeFilter.FILTER_SKIP;
     48 
     49    return NodeFilter.FILTER_ACCEPT;
     50  }
     51 }
     52 
     53 var skipB2Filter = {
     54  acceptNode: function(node) {
     55    if (node.id == 'B2')
     56      return NodeFilter.FILTER_SKIP;
     57 
     58    return NodeFilter.FILTER_ACCEPT;
     59  }
     60 }
     61 
     62 test(function()
     63 {
     64    var walker = document.createTreeWalker(testElement, NodeFilter.SHOW_ELEMENT, skipB1Filter);
     65    assert_node(walker.nextNode(), { type: Element, id: 'A1' });
     66    assert_node(walker.nextNode(), { type: Element, id: 'C1' });
     67    assert_node(walker.nextNode(), { type: Element, id: 'B2' });
     68    assert_node(walker.nextNode(), { type: Element, id: 'B3' });
     69 }, 'Testing nextNode');
     70 
     71 test(function()
     72 {
     73    var walker = document.createTreeWalker(testElement, NodeFilter.SHOW_ELEMENT, skipB1Filter);
     74    assert_node(walker.firstChild(), { type: Element, id: 'A1' });
     75    assert_node(walker.firstChild(), { type: Element, id: 'C1' });
     76 }, 'Testing firstChild');
     77 
     78 test(function()
     79 {
     80    var walker = document.createTreeWalker(testElement, NodeFilter.SHOW_ELEMENT, skipB2Filter);
     81    assert_node(walker.firstChild(), { type: Element, id: 'A1' });
     82    assert_node(walker.firstChild(), { type: Element, id: 'B1' });
     83    assert_node(walker.nextSibling(), { type: Element, id: 'B3' });
     84 }, 'Testing nextSibling');
     85 
     86 test(function()
     87 {
     88    var walker = document.createTreeWalker(testElement, NodeFilter.SHOW_ELEMENT, skipB1Filter);
     89    walker.currentNode = testElement.querySelectorAll('#C1')[0];
     90    assert_node(walker.parentNode(), { type: Element, id: 'A1' });
     91 }, 'Testing parentNode');
     92 
     93 test(function()
     94 {
     95    var walker = document.createTreeWalker(testElement, NodeFilter.SHOW_ELEMENT, skipB2Filter);
     96    walker.currentNode = testElement.querySelectorAll('#B3')[0];
     97    assert_node(walker.previousSibling(), { type: Element, id: 'B1' });
     98 }, 'Testing previousSibling');
     99 
    100 test(function()
    101 {
    102    var walker = document.createTreeWalker(testElement, NodeFilter.SHOW_ELEMENT, skipB1Filter);
    103    walker.currentNode = testElement.querySelectorAll('#B3')[0];
    104    assert_node(walker.previousNode(), { type: Element, id: 'B2' });
    105    assert_node(walker.previousNode(), { type: Element, id: 'C1' });
    106    assert_node(walker.previousNode(), { type: Element, id: 'A1' });
    107 }, 'Testing previousNode');
    108 
    109 </script>
    110 </body>
    111 </html>