test_w3element_traversal.html (4851B)
1 <!DOCTYPE HTML> 2 <html> 3 <!-- 4 --> 5 <head> 6 <title>W3 Tests for Element Traversal - HTML</title> 7 <script src="/tests/SimpleTest/SimpleTest.js"></script> 8 <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" /> 9 </head> 10 <body> 11 12 <p id="parentEl_count"> 13 <span id="first_element_child_count"> 14 <span></span> 15 <span></span> 16 </span> 17 <span id="middle_element_child_count"></span> 18 <span id="last_element_child_count"></span> 19 </p> 20 21 22 <p id="parentEl_nochild"> 23 </p> 24 25 <p id="parentEl_null"> 26 </p> 27 28 <p id="parentEl_dynamicadd"> 29 <span id="first_emement_child_add"></span> 30 </p> 31 32 <p id="parentEl_dynamicremove"> 33 <span id="first_emement_child_remove"></span> 34 <span id="last_emement_child_remove"></span> 35 </p> 36 37 38 <p id="parentEl_fec"> 39 <span id="first_element_child_fec"></span> 40 </p> 41 42 <p id="parentEl_lec"> 43 <span id="first_element_child_lec"></span> 44 <span id="last_element_child_lec"></span> 45 </p> 46 47 <p id="parentEl_namespace"> 48 <pickle:span id="first_element_child_namespace"></pickle:span> 49 </p> 50 51 <p id="parentEl_nes"> 52 <span id="first_element_child_nes"></span> 53 <span id="last_element_child_nes"></span> 54 </p> 55 56 <p id="parentEl_pes"> 57 <span id="first_element_child_pes"></span> 58 <span id="middle_element_child_pes"></span> 59 <span id="last_element_child_pes"></span> 60 </p> 61 62 <p id="parentEl_sibnull"> 63 <span id="first_element_child_sibnull"></span> 64 </p> 65 66 <pre id="test"> 67 <script class="testbody" type="text/javascript"> 68 69 70 71 function runTest() { 72 73 //from et-childElementCount.html 74 var parentEl = document.getElementById("parentEl_count"); 75 is(parentEl.childElementCount && 3, parentEl.childElementCount, "Child Element Count is mismatched"); 76 77 //from et-childElementCount-nochild.html 78 var parentEl_nochild = document.getElementById("parentEl_nochild"); 79 is(parentEl_nochild.childElementCount, 0, "Child Element count is not 0"); 80 81 //from et-childElementCount-null.html 82 parentEl = document.getElementById("parentEl_null"); 83 is(null == parentEl.firstElementChild, null == parentEl.lastElementChild, "firstElementChild or lastElementChild is not null"); 84 85 //from et-dynamic-add.html 86 parentEl = document.getElementById("parentEl_dynamicadd"); 87 var newChild = document.createElement("span") 88 parentEl.appendChild( newChild ); 89 is(parentEl.childElementCount && 2, parentEl.childElementCount, "failed to add span element"); 90 91 //from et-dynamic-remove.html 92 parentEl = document.getElementById("parentEl_dynamicremove"); 93 var lec = parentEl.lastElementChild; 94 parentEl.removeChild( lec ); 95 is(parentEl.childElementCount && 1, parentEl.childElementCount, "failed to remove span element"); 96 97 //from et-firstElementChild.html 98 parentEl = document.getElementById("parentEl_fec"); 99 var fec = parentEl.firstElementChild; 100 is(fec.nodeType, 1, "failed to get firstElementChild"); 101 is(fec.getAttribute("id"), "first_element_child_fec", "failed to get firstElementChild"); 102 isnot(fec, null, "failed to get firstElementChild"); 103 104 //from et-lastElementChild.html 105 parentEl = document.getElementById("parentEl_lec"); 106 var lec = parentEl.lastElementChild; 107 is(lec.nodeType, 1, "failed to get lastElementChild"); 108 is(lec.getAttribute("id"), "last_element_child_lec", "failed to get lastElementChild"); 109 isnot(lec, null, "failed to get lastElementChild"); 110 111 //from et-namespace.html 112 parentEl = document.getElementById("parentEl_namespace"); 113 var fec = parentEl.firstElementChild; 114 isnot(fec, null, "failed to get firstElementChild in namespace"); 115 is(fec.getAttribute("id"), "first_element_child_namespace", "failed to get firstElementChild in namespace"); 116 117 //from et-nextElementSibling.html 118 parentEl = document.getElementById("parentEl_nes"); 119 var fec = parentEl.firstElementChild; 120 var nes = fec.nextElementSibling; 121 is(nes.nodeType, 1, "failed to get nextElementSibling"); 122 is(nes.getAttribute("id"), "last_element_child_nes", "failed to get nextElementSibling"); 123 isnot(nes, null, "failed to get nextElementSibling"); 124 125 //from et-previousElementSibling.html 126 var lec = document.getElementById("last_element_child_pes"); 127 var pes = lec.previousElementSibling; 128 is(pes.nodeType, 1, "failed to get previousElementSibling"); 129 is(pes.getAttribute("id"), "middle_element_child_pes", "failed to get previousElementSibling"); 130 isnot(pes, null, "failed to get previousElementSibling"); 131 132 //from et-siblingElement-null.html 133 var fec = document.getElementById("first_element_child_sibnull"); 134 var pes = fec.previousElementSibling; 135 var nes = fec.nextElementSibling; 136 is(pes, null, "got unexpected previousElementSibling"); 137 is(nes, null, "got unexpected nextElementSibling"); 138 139 } 140 141 SimpleTest.waitForExplicitFinish(); 142 addLoadEvent(runTest); 143 addLoadEvent(SimpleTest.finish) 144 </script> 145 </pre> 146 </body> 147 </html>