|
1 <!DOCTYPE HTML> |
|
2 <html> |
|
3 <!-- |
|
4 --> |
|
5 <head> |
|
6 <title>W3 Tests for Element Traversal - HTML</title> |
|
7 <script type="text/javascript" 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> |
|
148 |