OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <html> |
| 3 <!-- |
| 4 Test adapted from https://mxr.mozilla.org/chromium/source/src/third_party/WebKit
/LayoutTests/fast/dom/TreeWalker/script-tests/traversal-reject.js |
| 5 --> |
| 6 <head> |
| 7 <title>TreeWalker: traversal-reject</title> |
| 8 <script src="../../../../resources/testharness.js"></script> |
| 9 <script src="../../../../resources/testharnessreport.js"></script> |
| 10 <script src="traversal-support.js"></script> |
| 11 <link rel="stylesheet" href="../../../../resources/testharness.css"> |
| 12 <div id=log></div> |
| 13 </head> |
| 14 <body> |
| 15 <p>Test TreeWalker with rejection</p> |
| 16 <script> |
| 17 var testElement; |
| 18 setup(function() { |
| 19 testElement = document.createElement("div"); |
| 20 testElement.id = 'root'; |
| 21 //testElement.innerHTML='<div id="A1"> <div id="B1"> <div id="C1"></div>
</div> <div id="B2"></div><div id="B3"></div> </div>'; |
| 22 // <div id="A1"> |
| 23 // <div id="B1"> |
| 24 // <div id="C1"></div> |
| 25 // </div> |
| 26 // <div id="B2"></div> |
| 27 // <div id="B3"></div> |
| 28 // </div> |
| 29 |
| 30 |
| 31 // XXX for Servo, build the tree without using innerHTML |
| 32 var a1 = document.createElement("div"); a1.id = "A1"; |
| 33 var b1 = document.createElement("div"); b1.id = "B1"; |
| 34 var b2 = document.createElement("div"); b2.id = "B2"; |
| 35 var b3 = document.createElement("div"); b3.id = "B3"; |
| 36 var c1 = document.createElement("div"); c1.id = "C1"; |
| 37 |
| 38 testElement.appendChild(a1); |
| 39 a1.appendChild(b1); |
| 40 a1.appendChild(b2); |
| 41 a1.appendChild(b3); |
| 42 b1.appendChild(c1); |
| 43 }); |
| 44 |
| 45 var rejectB1Filter = { |
| 46 acceptNode: function(node) { |
| 47 if (node.id == 'B1') |
| 48 return NodeFilter.FILTER_REJECT; |
| 49 |
| 50 return NodeFilter.FILTER_ACCEPT; |
| 51 } |
| 52 } |
| 53 |
| 54 var skipB2Filter = { |
| 55 acceptNode: function(node) { |
| 56 if (node.id == 'B2') |
| 57 return NodeFilter.FILTER_SKIP; |
| 58 |
| 59 return NodeFilter.FILTER_ACCEPT; |
| 60 } |
| 61 } |
| 62 |
| 63 test(function() |
| 64 { |
| 65 var walker = document.createTreeWalker(testElement, NodeFilter.SHOW_ELEMENT,
rejectB1Filter); |
| 66 assert_node(walker.nextNode(), { type: Element, id: 'A1' }); |
| 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,
rejectB1Filter); |
| 74 assert_node(walker.firstChild(), { type: Element, id: 'A1' }); |
| 75 assert_node(walker.firstChild(), { type: Element, id: 'B2' }); |
| 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,
rejectB1Filter); |
| 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,
rejectB1Filter); |
| 103 walker.currentNode = testElement.querySelectorAll('#B3')[0]; |
| 104 assert_node(walker.previousNode(), { type: Element, id: 'B2' }); |
| 105 assert_node(walker.previousNode(), { type: Element, id: 'A1' }); |
| 106 }, 'Testing previousNode'); |
| 107 |
| 108 </script> |
| 109 </body> |
| 110 </html> |
OLD | NEW |