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 |