| <!DOCTYPE html> |
| <html> |
| <!-- |
| Test adapted from https://mxr.mozilla.org/chromium/source/src/third_party/WebKit/LayoutTests/fast/dom/TreeWalker/script-tests/previousSiblingLastChildSkip.js |
| --> |
| <head> |
| <title>TreeWalker: previousSiblingLastChildSkip</title> |
| <script src="/resources/testharness.js"></script> |
| <script src="/resources/testharnessreport.js"></script> |
| <script src="traversal-support.js"></script> |
| <link rel="stylesheet" href="/resources/testharness.css"> |
| <div id=log></div> |
| </head> |
| <body> |
| <p>Test that previousSibling properly respects the filter.</p> |
| <script> |
| var testElement; |
| setup(function() { |
| testElement = document.createElement("div"); |
| testElement.id = 'root'; |
| // testElement.innerHTML='<div id="A1"><div id="B1"><div id="C1"></div><div id="C2"><div id="D1"></div><div id="D2"></div></div></div><div id="B2"><div id="C3"></div><div id="C4"></div></div></div>'; |
| // testElement.innerHTML=' |
| // <div id="A1"> |
| // <div id="B1"> |
| // <div id="C1"> |
| // </div> |
| // <div id="C2"> |
| // <div id="D1"> |
| // </div> |
| // <div id="D2"> |
| // </div> |
| // </div> |
| // </div> |
| // <div id="B2"> |
| // <div id="C3"> |
| // </div> |
| // <div id="C4"> |
| // </div> |
| // </div> |
| // </div>'; |
| |
| // XXX for Servo, build the tree without using innerHTML |
| var a1 = document.createElement("div"); a1.id = "A1"; |
| var b1 = document.createElement("div"); b1.id = "B1"; |
| var b2 = document.createElement("div"); b2.id = "B2"; |
| var c1 = document.createElement("div"); c1.id = "C1"; |
| var c2 = document.createElement("div"); c2.id = "C2"; |
| var c3 = document.createElement("div"); c3.id = "C3"; |
| var c4 = document.createElement("div"); c4.id = "C4"; |
| var d1 = document.createElement("div"); d1.id = "D1"; |
| var d2 = document.createElement("div"); d2.id = "D2"; |
| |
| testElement.appendChild(a1); |
| a1.appendChild(b1); |
| a1.appendChild(b2); |
| b1.appendChild(c1); |
| b1.appendChild(c2); |
| b2.appendChild(c3); |
| b2.appendChild(c4); |
| c2.appendChild(d1); |
| c2.appendChild(d2); |
| }); |
| |
| test(function() |
| { |
| function filter(node) |
| { |
| if (node.id == "B1") |
| return NodeFilter.FILTER_SKIP; |
| return NodeFilter.FILTER_ACCEPT; |
| } |
| |
| var walker = document.createTreeWalker(testElement, NodeFilter.SHOW_ELEMENT, filter); |
| assert_node(walker.currentNode, { type: Element, id: 'root' }); |
| assert_node(walker.firstChild(), { type: Element, id: 'A1' }); |
| assert_node(walker.currentNode, { type: Element, id: 'A1' }); |
| assert_node(walker.nextNode(), { type: Element, id: 'C1' }); |
| assert_node(walker.currentNode, { type: Element, id: 'C1' }); |
| assert_node(walker.nextNode(), { type: Element, id: 'C2' }); |
| assert_node(walker.currentNode, { type: Element, id: 'C2' }); |
| assert_node(walker.nextNode(), { type: Element, id: 'D1' }); |
| assert_node(walker.currentNode, { type: Element, id: 'D1' }); |
| assert_node(walker.nextNode(), { type: Element, id: 'D2' }); |
| assert_node(walker.currentNode, { type: Element, id: 'D2' }); |
| assert_node(walker.nextNode(), { type: Element, id: 'B2' }); |
| assert_node(walker.currentNode, { type: Element, id: 'B2' }); |
| assert_node(walker.previousSibling(), { type: Element, id: 'C2' }); |
| assert_node(walker.currentNode, { type: Element, id: 'C2' }); |
| }, 'Test that previousSibling properly respects the filter.'); |
| </script> |
| </body> |
| </html> |