2008-08-04 17:58:16 -07:00
|
|
|
<!DOCTYPE HTML>
|
|
|
|
|
<html>
|
|
|
|
|
<!--
|
|
|
|
|
https://bugzilla.mozilla.org/show_bug.cgi?id=444722
|
|
|
|
|
-->
|
|
|
|
|
<head>
|
|
|
|
|
<title>Test for the ElementTraversal spec</title>
|
|
|
|
|
<script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<a target="_blank" href="http://dev.w3.org/2006/webapi/ElementTraversal/publish/ElementTraversal.html">ElementTraversal</a>
|
|
|
|
|
<div id="content" style="display: none">
|
|
|
|
|
<span>span</span><div>div</div>
|
|
|
|
|
<!--comment goes here-->
|
|
|
|
|
<p id="p1">p1</p>
|
|
|
|
|
text here
|
|
|
|
|
<p id="p2">p2</p>
|
|
|
|
|
<span>a<span>b</span>c<span>d</span>e</span>
|
|
|
|
|
</div>
|
|
|
|
|
<pre id="test">
|
|
|
|
|
<script class="testbody" type="text/javascript">
|
|
|
|
|
|
|
|
|
|
var c = document.getElementById('content');
|
2008-12-02 05:05:15 -08:00
|
|
|
var cc = c.children;
|
2008-08-04 17:58:16 -07:00
|
|
|
|
|
|
|
|
var contents = ["span", "div", "p1", "p2", "abcde"];
|
|
|
|
|
function testContent() {
|
|
|
|
|
for(i = 0, e = c.firstElementChild; e; e = e.nextElementSibling, i++) {
|
|
|
|
|
is(e.textContent, contents[i], "wrong element contents");
|
2008-12-02 05:05:15 -08:00
|
|
|
is(e, c.children[i], "wrong element");
|
|
|
|
|
is(e, c.children.item(i), "wrong element");
|
2008-08-04 17:58:16 -07:00
|
|
|
}
|
|
|
|
|
is(i, contents.length, "wrong number of element siblings");
|
|
|
|
|
is(i, c.childElementCount, "wrong number of child elements");
|
2008-12-02 05:05:15 -08:00
|
|
|
is(i, c.children.length, "wrong number of child elements");
|
2008-08-04 17:58:16 -07:00
|
|
|
|
|
|
|
|
// Nuke all elements to retest the child list.
|
|
|
|
|
c.innerHTML = c.innerHTML;
|
|
|
|
|
|
|
|
|
|
for(i--, e = c.lastElementChild; e; e = e.previousElementSibling, i--) {
|
|
|
|
|
is(e.textContent, contents[i], "g element contents");
|
2008-12-02 05:05:15 -08:00
|
|
|
is(e, c.children[i], "wrong element");
|
|
|
|
|
is(e, c.children.item(i), "wrong element");
|
2008-08-04 17:58:16 -07:00
|
|
|
}
|
|
|
|
|
is(i, -1, "wrong number of element siblings");
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
testContent();
|
|
|
|
|
|
|
|
|
|
is(cc.length, 5, "wrong number of child elements");
|
|
|
|
|
is(c.childElementCount, 5, "wrong number of child elements");
|
|
|
|
|
|
|
|
|
|
var p1 = document.getElementById('p1');
|
|
|
|
|
var p2 = document.getElementById('p2');
|
|
|
|
|
is(p1.nextElementSibling, p2, "wrong sibling");
|
|
|
|
|
is(p2.previousElementSibling, p1, "wrong sibling");
|
|
|
|
|
|
|
|
|
|
u = document.createElement('u');
|
|
|
|
|
u.textContent = 'u';
|
|
|
|
|
c.insertBefore(u, p2);
|
|
|
|
|
is(cc.length, 6, "wrong number of child elements");
|
|
|
|
|
is(c.childElementCount, 6, "wrong number of child elements");
|
|
|
|
|
is(p1.nextElementSibling, u, "wrong sibling");
|
|
|
|
|
is(p2.previousElementSibling, u, "wrong sibling");
|
|
|
|
|
|
|
|
|
|
contents.splice(3, 0, "u");
|
|
|
|
|
testContent();
|
|
|
|
|
|
|
|
|
|
var p1 = document.getElementById('p1');
|
|
|
|
|
var p2 = document.getElementById('p2');
|
|
|
|
|
c.removeChild(p1);
|
|
|
|
|
c.removeChild(p2);
|
|
|
|
|
is(cc.length, 4, "wrong number of child elements");
|
|
|
|
|
is(c.childElementCount, 4, "wrong number of child elements");
|
|
|
|
|
|
|
|
|
|
contents.splice(2, 1);
|
|
|
|
|
contents.splice(3, 1);
|
|
|
|
|
testContent();
|
|
|
|
|
|
|
|
|
|
tw = document.createTreeWalker(document.documentElement,
|
|
|
|
|
NodeFilter.SHOW_ELEMENT,
|
2013-02-06 06:22:33 -08:00
|
|
|
null);
|
2008-08-04 17:58:16 -07:00
|
|
|
e = document.documentElement;
|
|
|
|
|
|
|
|
|
|
elemsTested = 0;
|
|
|
|
|
done = false;
|
|
|
|
|
while(!done) {
|
|
|
|
|
is(tw.currentNode, e, "wrong element:" + tw.currentNode + " != " + e);
|
|
|
|
|
elemsTested++;
|
|
|
|
|
|
|
|
|
|
if(tw.firstChild()) {
|
|
|
|
|
e = e.firstElementChild;
|
|
|
|
|
}
|
|
|
|
|
else {
|
|
|
|
|
while (!tw.nextSibling()) {
|
|
|
|
|
if (!tw.parentNode()) {
|
|
|
|
|
done = true;
|
|
|
|
|
break;
|
|
|
|
|
}
|
|
|
|
|
e = e.parentNode;
|
|
|
|
|
}
|
|
|
|
|
e = e.nextElementSibling;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
is(elemsTested, document.getElementsByTagName("*").length,
|
|
|
|
|
"wrong number of elements");
|
|
|
|
|
</script>
|
|
|
|
|
</pre>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
