OLD | NEW |
| (Empty) |
1 <!DOCTYPE html> | |
2 <html id="html" lang="en"> | |
3 <head id="head"> | |
4 <meta id="meta" charset="UTF-8"> | |
5 <title id="title">Selectors-API Test Suite: HTML with Selectors Level 2
using TestHarness: Test Document</title> | |
6 | |
7 <!-- Links for :link and :visited pseudo-class test --> | |
8 <link id="pseudo-link-link1" href=""> | |
9 <link id="pseudo-link-link2" href="http://example.org/"> | |
10 <link id="pseudo-link-link3"> | |
11 <style> | |
12 @namespace ns "http://www.w3.org/1999/xhtml"; | |
13 /* Declare the namespace prefix used in tests. This declaration should
not be used by the API. */ | |
14 </style> | |
15 </head> | |
16 <body id="body"> | |
17 <div id="root"> | |
18 <div id="target"></div> | |
19 | |
20 <div id="universal"> | |
21 <p id="universal-p1">Universal selector tests inside element wit
h <code id="universal-code1">id="universal"</code>.</p> | |
22 <hr id="universal-hr1"> | |
23 <pre id="universal-pre1">Some preformatted text with some <span
id="universal-span1">embedded code</span></pre> | |
24 <p id="universal-p2">This is a normal link: <a id="universal-a1"
href="http://www.w3.org/">W3C</a></p> | |
25 <address id="universal-address1">Some more nested elements <code
id="universal-code2"><a href="#" id="universal-a2">code hyperlink</a></code></a
ddress> | |
26 </div> | |
27 | |
28 <div id="attr-presence"> | |
29 <div class="attr-presence-div1" id="attr-presence-div1" align="c
enter"></div> | |
30 <div class="attr-presence-div2" id="attr-presence-div2" align=""
></div> | |
31 <div class="attr-presence-div3" id="attr-presence-div3" valign="
center"></div> | |
32 <div class="attr-presence-div4" id="attr-presence-div4" alignv="
center"></div> | |
33 <p id="attr-presence-p1"><a id="attr-presence-a1" tItLe=""></a>
<span id="attr-presence-span1" TITLE="attr-presence-span1"></span></p> | |
34 <pre id="attr-presence-pre1" data-attr-presence="pre1"></pre> | |
35 <blockquote id="attr-presence-blockquote1" data-attr-presence="b
lockquote1"></blockquote> | |
36 <ul id="attr-presence-ul1" data-中文=""></ul> | |
37 | |
38 <select id="attr-presence-select1"> | |
39 <option id="attr-presence-select1-option1">A</option> | |
40 <option id="attr-presence-select1-option2">B</option> | |
41 <option id="attr-presence-select1-option3">C</option> | |
42 <option id="attr-presence-select1-option4">D</option> | |
43 </select> | |
44 <select id="attr-presence-select2"> | |
45 <option id="attr-presence-select2-option1">A</option> | |
46 <option id="attr-presence-select2-option2">B</option> | |
47 <option id="attr-presence-select2-option3">C</option> | |
48 <option id="attr-presence-select2-option4" selected="sel
ected">D</option> | |
49 </select> | |
50 <select id="attr-presence-select3" multiple="multiple"> | |
51 <option id="attr-presence-select3-option1">A</option> | |
52 <option id="attr-presence-select3-option2" selected="">B
</option> | |
53 <option id="attr-presence-select3-option3" selected="sel
ected">C</option> | |
54 <option id="attr-presence-select3-option4">D</option> | |
55 </select> | |
56 </div> | |
57 | |
58 <div id="attr-value"> | |
59 <div id="attr-value-div1" align="center"></div> | |
60 <div id="attr-value-div2" align=""></div> | |
61 <div id="attr-value-div3" data-attr-value="é"></div> | |
62 <div id="attr-value-div4" data-attr-value_foo="é"></div> | |
63 | |
64 <form id="attr-value-form1"> | |
65 <input id="attr-value-input1" type="text"> | |
66 <input id="attr-value-input2" type="password"> | |
67 <input id="attr-value-input3" type="hidden"> | |
68 <input id="attr-value-input4" type="radio"> | |
69 <input id="attr-value-input5" type="checkbox"> | |
70 <input id="attr-value-input6" type="radio"> | |
71 <input id="attr-value-input7" type="text"> | |
72 <input id="attr-value-input8" type="hidden"> | |
73 <input id="attr-value-input9" type="radio"> | |
74 </form> | |
75 | |
76 <div id="attr-value-div5" data-attr-value="中文"></div> | |
77 </div> | |
78 | |
79 <div id="attr-whitespace"> | |
80 <div id="attr-whitespace-div1" class="foo div1 bar"></div> | |
81 <div id="attr-whitespace-div2" class=""></div> | |
82 <div id="attr-whitespace-div3" class="foo div3 bar"></div> | |
83 | |
84 <div id="attr-whitespace-div4" data-attr-whitespace="foo é bar"
></div> | |
85 <div id="attr-whitespace-div5" data-attr-whitespace_foo="é foo"
></div> | |
86 | |
87 <a id="attr-whitespace-a1" rel="next bookmark"></a> | |
88 <a id="attr-whitespace-a2" rel="tag nofollow"></a> | |
89 <a id="attr-whitespace-a3" rel="tag bookmark"></a> | |
90 <a id="attr-whitespace-a4" rel="book mark"></a> <!-- Intentional
space in "book mark" --> | |
91 <a id="attr-whitespace-a5" rel="nofollow"></a> | |
92 <a id="attr-whitespace-a6" rev="bookmark nofollow"></a> | |
93 <a id="attr-whitespace-a7" rel="prev next tag alternate nofollow
author help icon noreferrer prefetch search stylesheet tag"></a> | |
94 | |
95 <p id="attr-whitespace-p1" title="Chinese 中文 characters"></p> | |
96 </div> | |
97 | |
98 <div id="attr-hyphen"> | |
99 <div id="attr-hyphen-div1"></div> | |
100 <div id="attr-hyphen-div2" lang="fr"></div> | |
101 <div id="attr-hyphen-div3" lang="en-AU"></div> | |
102 <div id="attr-hyphen-div4" lang="es"></div> | |
103 </div> | |
104 | |
105 <div id="attr-begins"> | |
106 <a id="attr-begins-a1" href="http://www.example.org"></a> | |
107 <a id="attr-begins-a2" href="http://example.org/"></a> | |
108 <a id="attr-begins-a3" href="http://www.example.com/"></a> | |
109 | |
110 <div id="attr-begins-div1" lang="fr"></div> | |
111 <div id="attr-begins-div2" lang="en-AU"></div> | |
112 <div id="attr-begins-div3" lang="es"></div> | |
113 <div id="attr-begins-div4" lang="en-US"></div> | |
114 <div id="attr-begins-div5" lang="en"></div> | |
115 | |
116 <p id="attr-begins-p1" class=" apple"></p> <!-- Intentional spac
e in class value " apple". --> | |
117 </div> | |
118 | |
119 <div id="attr-ends"> | |
120 <a id="attr-ends-a1" href="http://www.example.org"></a> | |
121 <a id="attr-ends-a2" href="http://example.org/"></a> | |
122 <a id="attr-ends-a3" href="http://www.example.org"></a> | |
123 | |
124 <div id="attr-ends-div1" lang="fr"></div> | |
125 <div id="attr-ends-div2" lang="de-CH"></div> | |
126 <div id="attr-ends-div3" lang="es"></div> | |
127 <div id="attr-ends-div4" lang="fr-CH"></div> | |
128 | |
129 <p id="attr-ends-p1" class="apple "></p> <!-- Intentional space
in class value "apple ". --> | |
130 </div> | |
131 | |
132 <div id="attr-contains"> | |
133 <a id="attr-contains-a1" href="http://www.example.org"></a> | |
134 <a id="attr-contains-a2" href="http://example.org/"></a> | |
135 <a id="attr-contains-a3" href="http://www.example.com/"></a> | |
136 | |
137 <div id="attr-contains-div1" lang="fr"></div> | |
138 <div id="attr-contains-div2" lang="en-AU"></div> | |
139 <div id="attr-contains-div3" lang="de-CH"></div> | |
140 <div id="attr-contains-div4" lang="es"></div> | |
141 <div id="attr-contains-div5" lang="fr-CH"></div> | |
142 <div id="attr-contains-div6" lang="en-US"></div> | |
143 | |
144 <p id="attr-contains-p1" class=" apple banana orange "></p> | |
145 </div> | |
146 | |
147 <div id="pseudo-nth"> | |
148 <table id="pseudo-nth-table1"> | |
149 <tr id="pseudo-nth-tr1"><td id="pseudo-nth-td1"></td><td
id="pseudo-nth-td2"></td><td id="pseudo-nth-td3"></td><td id="pseudo-nth-td4"><
/td><td id="pseudo-nth--td5"></td><td id="pseudo-nth-td6"></td></tr> | |
150 <tr id="pseudo-nth-tr2"><td id="pseudo-nth-td7"></td><td
id="pseudo-nth-td8"></td><td id="pseudo-nth-td9"></td><td id="pseudo-nth-td10">
</td><td id="pseudo-nth-td11"></td><td id="pseudo-nth-td12"></td></tr> | |
151 <tr id="pseudo-nth-tr3"><td id="pseudo-nth-td13"></td><t
d id="pseudo-nth-td14"></td><td id="pseudo-nth-td15"></td><td id="pseudo-nth-td1
6"></td><td id="pseudo-nth-td17"></td><td id="pseudo-nth-td18"></td></tr> | |
152 </table> | |
153 | |
154 <ol id="pseudo-nth-ol1"> | |
155 <li id="pseudo-nth-li1"></li> | |
156 <li id="pseudo-nth-li2"></li> | |
157 <li id="pseudo-nth-li3"></li> | |
158 <li id="pseudo-nth-li4"></li> | |
159 <li id="pseudo-nth-li5"></li> | |
160 <li id="pseudo-nth-li6"></li> | |
161 <li id="pseudo-nth-li7"></li> | |
162 <li id="pseudo-nth-li8"></li> | |
163 <li id="pseudo-nth-li9"></li> | |
164 <li id="pseudo-nth-li10"></li> | |
165 <li id="pseudo-nth-li11"></li> | |
166 <li id="pseudo-nth-li12"></li> | |
167 </ol> | |
168 | |
169 <p id="pseudo-nth-p1"> | |
170 <span id="pseudo-nth-span1">span1</span> | |
171 <em id="pseudo-nth-em1">em1</em> | |
172 <!-- comment node--> | |
173 <em id="pseudo-nth-em2">em2</em> | |
174 <span id="pseudo-nth-span2">span2</span> | |
175 <strong id="pseudo-nth-strong1">strong1</strong> | |
176 <em id="pseudo-nth-em3">em3</em> | |
177 <span id="pseudo-nth-span3">span3</span> | |
178 <span id="pseudo-nth-span4">span4</span> | |
179 <strong id="pseudo-nth-strong2">strong2</strong> | |
180 <em id="pseudo-nth-em4">em4</em> | |
181 </p> | |
182 </div> | |
183 | |
184 <div id="pseudo-first-child"> | |
185 <div id="pseudo-first-child-div1"></div> | |
186 <div id="pseudo-first-child-div2"></div> | |
187 <div id="pseudo-first-child-div3"></div> | |
188 | |
189 <p id="pseudo-first-child-p1"><span id="pseudo-first-child-span1
"></span><span id="pseudo-first-child-span2"></span></p> | |
190 <p id="pseudo-first-child-p2"><span id="pseudo-first-child-span3
"></span><span id="pseudo-first-child-span4"></span></p> | |
191 <p id="pseudo-first-child-p3"><span id="pseudo-first-child-span5
"></span><span id="pseudo-first-child-span6"></span></p> | |
192 </div> | |
193 | |
194 <div id="pseudo-last-child"> | |
195 <p id="pseudo-last-child-p1"><span id="pseudo-last-child-span1">
</span><span id="pseudo-last-child-span2"></span></p> | |
196 <p id="pseudo-last-child-p2"><span id="pseudo-last-child-span3">
</span><span id="pseudo-last-child-span4"></span></p> | |
197 <p id="pseudo-last-child-p3"><span id="pseudo-last-child-span5">
</span><span id="pseudo-last-child-span6"></span></p> | |
198 | |
199 <div id="pseudo-last-child-div1"></div> | |
200 <div id="pseudo-last-child-div2"></div> | |
201 <div id="pseudo-last-child-div3"></div> | |
202 </div> | |
203 | |
204 <div id="pseudo-only"> | |
205 <p id="pseudo-only-p1"> | |
206 <span id="pseudo-only-span1"></span> | |
207 </p> | |
208 <p id="pseudo-only-p2"> | |
209 <span id="pseudo-only-span2"></span> | |
210 <span id="pseudo-only-span3"></span> | |
211 </p> | |
212 <p id="pseudo-only-p3"> | |
213 <span id="pseudo-only-span4"></span> | |
214 <em id="pseudo-only-em1"></em> | |
215 <span id="pseudo-only-span5"></span> | |
216 </p> | |
217 </div>> | |
218 | |
219 <div id="pseudo-empty"> | |
220 <p id="pseudo-empty-p1"></p> | |
221 <p id="pseudo-empty-p2"><!-- comment node --></p> | |
222 <p id="pseudo-empty-p3"> </p> | |
223 <p id="pseudo-empty-p4">Text node</p> | |
224 <p id="pseudo-empty-p5"><span id="pseudo-empty-span1"></span></p
> | |
225 </div> | |
226 | |
227 <div id="pseudo-link"> | |
228 <a id="pseudo-link-a1" href="">with href</a> | |
229 <a id="pseudo-link-a2" href="http://example.org/">with href</a> | |
230 <a id="pseudo-link-a3">without href</a> | |
231 <map name="pseudo-link-map1" id="pseudo-link-map1"> | |
232 <area id="pseudo-link-area1" href=""> | |
233 <area id="pseudo-link-area2"> | |
234 </map> | |
235 </div> | |
236 | |
237 <div id="pseudo-lang"> | |
238 <div id="pseudo-lang-div1"></div> | |
239 <div id="pseudo-lang-div2" lang="fr"></div> | |
240 <div id="pseudo-lang-div3" lang="en-AU"></div> | |
241 <div id="pseudo-lang-div4" lang="es"></div> | |
242 </div> | |
243 | |
244 <div id="pseudo-ui"> | |
245 <input id="pseudo-ui-input1" type="text"> | |
246 <input id="pseudo-ui-input2" type="password"> | |
247 <input id="pseudo-ui-input3" type="radio"> | |
248 <input id="pseudo-ui-input4" type="radio" checked="checked"> | |
249 <input id="pseudo-ui-input5" type="checkbox"> | |
250 <input id="pseudo-ui-input6" type="checkbox" checked="checked"> | |
251 <input id="pseudo-ui-input7" type="submit"> | |
252 <input id="pseudo-ui-input8" type="button"> | |
253 <input id="pseudo-ui-input9" type="hidden"> | |
254 <textarea id="pseudo-ui-textarea1"></textarea> | |
255 <button id="pseudo-ui-button1">Enabled</button> | |
256 | |
257 <input id="pseudo-ui-input10" disabled="disabled" type="text"> | |
258 <input id="pseudo-ui-input11" disabled="disabled" type="password
"> | |
259 <input id="pseudo-ui-input12" disabled="disabled" type="radio"> | |
260 <input id="pseudo-ui-input13" disabled="disabled" type="radio" c
hecked="checked"> | |
261 <input id="pseudo-ui-input14" disabled="disabled" type="checkbox
"> | |
262 <input id="pseudo-ui-input15" disabled="disabled" type="checkbox
" checked="checked"> | |
263 <input id="pseudo-ui-input16" disabled="disabled" type="submit"> | |
264 <input id="pseudo-ui-input17" disabled="disabled" type="button"> | |
265 <input id="pseudo-ui-input18" disabled="disabled" type="hidden"> | |
266 <textarea id="pseudo-ui-textarea2" disabled="disabled"></textare
a> | |
267 <button id="pseudo-ui-button2" disabled="disabled">Disabled</but
ton> | |
268 </div> | |
269 | |
270 <div id="not"> | |
271 <div id="not-div1"></div> | |
272 <div id="not-div2"></div> | |
273 <div id="not-div3"></div> | |
274 | |
275 <p id="not-p1"><span id="not-span1"></span><em id="not-em1"></em
></p> | |
276 <p id="not-p2"><span id="not-span2"></span><em id="not-em2"></em
></p> | |
277 <p id="not-p3"><span id="not-span3"></span><em id="not-em3"></em
></p> | |
278 </div> | |
279 | |
280 <div id="pseudo-element">All pseudo-element tests</div> | |
281 | |
282 <div id="class"> | |
283 <p id="class-p1" class="foo class-p bar"></p> | |
284 <p id="class-p2" class="class-p foo bar"></p> | |
285 <p id="class-p3" class="foo bar class-p"></p> | |
286 | |
287 <!-- All permutations of the classes should match --> | |
288 <div id="class-div1" class="apple orange banana"></div> | |
289 <div id="class-div2" class="apple banana orange"></div> | |
290 <p id="class-p4" class="orange apple banana"></p> | |
291 <div id="class-div3" class="orange banana apple"></div> | |
292 <p id="class-p6" class="banana apple orange"></p> | |
293 <div id="class-div4" class="banana orange apple"></div> | |
294 <div id="class-div5" class="apple orange"></div> | |
295 <div id="class-div6" class="apple banana"></div> | |
296 <div id="class-div7" class="orange banana"></div> | |
297 | |
298 <span id="class-span1" class="台北Táiběi 台北"></span> | |
299 <span id="class-span2" class="台北"></span> | |
300 | |
301 <span id="class-span3" class="foo:bar"></span> | |
302 <span id="class-span4" class="test.foo[5]bar"></span> | |
303 </div> | |
304 | |
305 <div id="id"> | |
306 <div id="id-div1"></div> | |
307 <div id="id-div2"></div> | |
308 | |
309 <ul id="id-ul1"> | |
310 <li id="id-li-duplicate"></li> | |
311 <li id="id-li-duplicate"></li> | |
312 <li id="id-li-duplicate"></li> | |
313 <li id="id-li-duplicate"></li> | |
314 </ul> | |
315 | |
316 <span id="台北Táiběi"></span> | |
317 <span id="台北"></span> | |
318 | |
319 <span id="#foo:bar"></span> | |
320 <span id="test.foo[5]bar"></span> | |
321 </div> | |
322 | |
323 <div id="descendant"> | |
324 <div id="descendant-div1" class="descendant-div1"> | |
325 <div id="descendant-div2" class="descendant-div2"> | |
326 <div id="descendant-div3" class="descendant-div3
"> | |
327 </div> | |
328 </div> | |
329 </div> | |
330 <div id="descendant-div4" class="descendant-div4"></div> | |
331 </div> | |
332 | |
333 <div id="child"> | |
334 <div id="child-div1" class="child-div1"> | |
335 <div id="child-div2" class="child-div2"> | |
336 <div id="child-div3" class="child-div3"> | |
337 </div> | |
338 </div> | |
339 </div> | |
340 <div id="child-div4" class="child-div4"></div> | |
341 </div> | |
342 | |
343 <div id="adjacent"> | |
344 <div id="adjacent-div1" class="adjacent-div1"></div> | |
345 <div id="adjacent-div2" class="adjacent-div2"> | |
346 <div id="adjacent-div3" class="adjacent-div3"></div> | |
347 </div> | |
348 <div id="adjacent-div4" class="adjacent-div4"> | |
349 <p id="adjacent-p1" class="adjacent-p1"></p> | |
350 <div id="adjacent-div5" class="adjacent-div5"></div> | |
351 </div> | |
352 <div id="adjacent-div6" class="adjacent-div6"></div> | |
353 <p id="adjacent-p2" class="adjacent-p2"></p> | |
354 <p id="adjacent-p3" class="adjacent-p3"></p> | |
355 </div> | |
356 | |
357 <div id="sibling"> | |
358 <div id="sibling-div1" class="sibling-div"></div> | |
359 <div id="sibling-div2" class="sibling-div"> | |
360 <div id="sibling-div3" class="sibling-div"></div> | |
361 </div> | |
362 <div id="sibling-div4" class="sibling-div"> | |
363 <p id="sibling-p1" class="sibling-p"></p> | |
364 <div id="sibling-div5" class="sibling-div"></div> | |
365 </div> | |
366 <div id="sibling-div6" class="sibling-div"></div> | |
367 <p id="sibling-p2" class="sibling-p"></p> | |
368 <p id="sibling-p3" class="sibling-p"></p> | |
369 </div> | |
370 | |
371 <div id="group"> | |
372 <em id="group-em1"></em> | |
373 <strong id="group-strong1"></strong> | |
374 </div> | |
375 </div> | |
376 </body> | |
377 </html> | |
OLD | NEW |