querySelectorAll polyfill Test Suite

, , ] 60 | 61 | t( testName, selector, [ "array", "of", "ids" ] ); 62 | Asserts that a select matches the given IDs 63 | @example t("Check for something", "//[a]", ["foo", "baar"]); 64 | 65 | url( "some/url.php" ); 66 | Add random number to url to stop caching 67 | @example url("data/test.html") => "data/test.html?10538358428943" 68 | @example url("data/test.php?foo=bar") => "data/test.php?foo=bar&10538358345554" 69 | */ 70 | 71 | var $$ = function(selector, node) { 72 | return Array.prototype.slice.call(document.documentElement.querySelectorAll.call(node || document, selector)) 73 | }; 74 | /*var $$0 = function(node, selector) { 75 | return document.documentElement.querySelector.call(node, selector) 76 | } 77 | */ 78 | var matchNode = function(node, selector) { 79 | return document.documentElement.matches.call(node, selector) 80 | }; 81 | 82 | test("element", function() { 83 | expect( 36 ); 84 | 85 | equal( $$("").length, 0, "Empty selector returns an empty array" ); 86 | equal( $$(" ").length, 0, "Empty selector returns an empty array" ); 87 | equal( $$("\t").length, 0, "Empty selector returns an empty array" ); 88 | var form = document.getElementById("form"); 89 | ok( !matchNode( form, "" ), "Empty string passed to matchesSelector does not match" ); 90 | 91 | ok( $$("*").length >= 30, "Select all" ); 92 | var all = $$("*"), good = true; 93 | for ( var i = 0; i < all.length; i++ ) { 94 | if ( all[i].nodeType == 8 ) { 95 | good = false; 96 | } 97 | } 98 | ok( good, "Select all elements, no comment nodes" ); 99 | t( "Element Selector", "html", ["html"] ); 100 | t( "Element Selector", "body", ["body"] ); 101 | t( "Element Selector", "#qunit-fixture p", ["firstp","ap","sndp","en","sap","first"] ); 102 | 103 | t( "Leading space", " #qunit-fixture p", ["firstp","ap","sndp","en","sap","first"] ); 104 | t( "Leading tab", "\t#qunit-fixture p", ["firstp","ap","sndp","en","sap","first"] ); 105 | t( "Leading carriage return", "\r#qunit-fixture p", ["firstp","ap","sndp","en","sap","first"] ); 106 | t( "Leading line feed", "\n#qunit-fixture p", ["firstp","ap","sndp","en","sap","first"] ); 107 | t( "Leading form feed", "\f#qunit-fixture p", ["firstp","ap","sndp","en","sap","first"] ); 108 | t( "Trailing space", "#qunit-fixture p ", ["firstp","ap","sndp","en","sap","first"] ); 109 | t( "Trailing tab", "#qunit-fixture p\t", ["firstp","ap","sndp","en","sap","first"] ); 110 | t( "Trailing carriage return", "#qunit-fixture p\r", ["firstp","ap","sndp","en","sap","first"] ); 111 | t( "Trailing line feed", "#qunit-fixture p\n", ["firstp","ap","sndp","en","sap","first"] ); 112 | t( "Trailing form feed", "#qunit-fixture p\f", ["firstp","ap","sndp","en","sap","first"] ); 113 | 114 | t( "Parent Element", "div p", ["firstp","ap","sndp","en","sap","first"] ); 115 | t( "Parent Element (non-space descendant combinator)", "div\tp", ["firstp","ap","sndp","en","sap","first"] ); 116 | var obj1 = document.getElementById("object1"); 117 | equal( $$("param", obj1).length, 2, "Object/param as context" ); 118 | 119 | deepEqual( $$("select", form), q("select1","select2","select3","select4","select5"), "Finding selects with a context." ); 120 | 121 | // Check for unique-ness and sort order 122 | deepEqual( $$("p, div p"), $$("p"), "Check for duplicates: p, div p" ); 123 | 124 | t( "Checking sort order", "h2, h1", ["qunit-header", "qunit-banner", "qunit-userAgent"] ); 125 | t( "Checking sort order", "h2:first-of-type, h1:first-of-type", ["qunit-header", "qunit-banner"] ); 126 | t( "Checking sort order", "#qunit-fixture p, #qunit-fixture p a", ["firstp", "simon1", "ap", "google", "groups", "anchor1", "mark", "sndp", "en", "yahoo", "sap", "anchor2", "simon", "first"] ); 127 | 128 | // Test Conflict ID 129 | var lengthtest = document.getElementById("lengthtest"); 130 | deepEqual( $$("#idTest", lengthtest), q("idTest"), "Finding element with id of ID." ); 131 | deepEqual( $$("[name='id']", lengthtest), q("idTest"), "Finding element with id of ID." ); 132 | deepEqual( $$("input[id='idTest']", lengthtest), q("idTest"), "Finding elements with id of ID." ); 133 | 134 | var siblingTest = document.getElementById("siblingTest"); 135 | deepEqual( $$("div em", siblingTest), [], "Element-rooted QSA does not select based on document context" ); 136 | deepEqual( $$("div em, div em, div em:not(div em)", siblingTest), [], "Element-rooted QSA does not select based on document context" ); 137 | deepEqual( $$("div em, em\\,", siblingTest), [], "Escaped commas do not get treated with an id in element-rooted QSA" ); 138 | 139 | var iframe = document.getElementById("iframe"), 140 | iframeDoc = iframe.contentDocument || iframe.contentWindow.document; 141 | iframeDoc.open(); 142 | iframeDoc.write("

bar

"); 143 | iframeDoc.close(); 144 | deepEqual( 145 | $$( "p:contains(bar)", iframeDoc ), 146 | [ iframeDoc.getElementById("foo") ], 147 | "Other document as context" 148 | ); 149 | 150 | var html = ""; 151 | for ( i = 0; i < 100; i++ ) { 152 | html = "

" + html + "

"; 153 | } 154 | html = jQuery( html ).appendTo( document.body ); 155 | ok( !!$$("body div div div").length, "No stack or performance problems with large amounts of descendents" ); 156 | ok( !!$$("body>div div div").length, "No stack or performance problems with large amounts of descendents" ); 157 | html.remove(); 158 | }); 159 | 160 | test("XML Document Selectors", function() { 161 | var xml = createWithFriesXML(); 162 | expect( 10 ); 163 | 164 | equal( $$("foo_bar", xml).length, 1, "Element Selector with underscore" ); 165 | equal( $$(".component", xml).length, 1, "Class selector" ); 166 | equal( $$("[class*=component]", xml).length, 1, "Attribute selector for class" ); 167 | equal( $$("property[name=prop2]", xml).length, 1, "Attribute selector with name" ); 168 | equal( $$("[name=prop2]", xml).length, 1, "Attribute selector with name" ); 169 | equal( $$("#seite1", xml).length, 1, "Attribute selector with ID" ); 170 | equal( $$("component#seite1", xml).length, 1, "Attribute selector with ID" ); 171 | equal( $$.matches( "#seite1", $$("component", xml) ).length, 1, "Attribute selector filter with ID" ); 172 | equal( $$("meta property thing", xml).length, 2, "Descendent selector and dir caching" ); 173 | ok( matchNode( xml.lastChild, "soap\\:Envelope" ), "Check for namespaced element" ); 174 | }); 175 | 176 | test("broken", function() { 177 | expect( 22 ); 178 | 179 | function broken( name, selector ) { 180 | raises(function() { 181 | $$( selector ); 182 | }, function( e ) { 183 | return e.message.indexOf("SYNTAX_ERR") >= 0; 184 | }, name + ": " + selector ); 185 | } 186 | 187 | broken( "Broken Selector", "[" ); 188 | broken( "Broken Selector", "(" ); 189 | broken( "Broken Selector", "{" ); 190 | broken( "Broken Selector", "<" ); 191 | broken( "Broken Selector", "()" ); 192 | broken( "Broken Selector", "<>" ); 193 | broken( "Broken Selector", "{}" ); 194 | broken( "Broken Selector", "," ); 195 | broken( "Broken Selector", ",a" ); 196 | broken( "Broken Selector", "a," ); 197 | // Hangs on IE 9 if regular expression is inefficient 198 | broken( "Broken Selector", "[id=012345678901234567890123456789"); 199 | broken( "Doesn't exist", ":visble" ); 200 | broken( "Nth-child", ":nth-child" ); 201 | // Sigh again. IE 9 thinks this is also a real selector 202 | // not super critical that we fix this case 203 | //broken( "Nth-child", ":nth-child(-)" ); 204 | // Sigh. WebKit thinks this is a real selector in qSA 205 | // They've already fixed this and it'll be coming into 206 | // current browsers soon. Currently, Safari 5.0 still has this problem 207 | // broken( "Nth-child", ":nth-child(asdf)", [] ); 208 | broken( "Nth-child", ":nth-child(2n+-0)" ); 209 | broken( "Nth-child", ":nth-child(2+0)" ); 210 | broken( "Nth-child", ":nth-child(- 1n)" ); 211 | broken( "Nth-child", ":nth-child(-1 n)" ); 212 | broken( "First-child", ":first-child(n)" ); 213 | broken( "Last-child", ":last-child(n)" ); 214 | broken( "Only-child", ":only-child(n)" ); 215 | 216 | // Make sure attribute value quoting works correctly. See: #6093 217 | var attrbad = jQuery('').appendTo("body"); 218 | 219 | broken( "Attribute not escaped", "input[name=foo.baz]", [] ); 220 | // Shouldn't be matching those inner brackets 221 | broken( "Attribute not escaped", "input[name=foo[baz]]", [] ); 222 | 223 | attrbad.remove(); 224 | }); 225 | 226 | test("id", function() { 227 | expect( 31 ); 228 | 229 | t( "ID Selector", "#body", ["body"] ); 230 | t( "ID Selector w/ Element", "body#body", ["body"] ); 231 | t( "ID Selector w/ Element", "ul#first", [] ); 232 | t( "ID selector with existing ID descendant", "#firstp #simon1", ["simon1"] ); 233 | t( "ID selector with non-existant descendant", "#firstp #foobar", [] ); 234 | t( "ID selector using UTF8", "#台北Táiběi", ["台北Táiběi"] ); 235 | t( "Multiple ID selectors using UTF8", "#台北Táiběi, #台北", ["台北Táiběi","台北"] ); 236 | t( "Descendant ID selector using UTF8", "div #台北", ["台北"] ); 237 | t( "Child ID selector using UTF8", "form > #台北", ["台北"] ); 238 | 239 | t( "Escaped ID", "#foo\\:bar", ["foo:bar"] ); 240 | t( "Escaped ID with descendent", "#foo\\:bar span:not(:input)", ["foo_descendent"] ); 241 | t( "Escaped ID", "#test\\.foo\\[5\\]bar", ["test.foo[5]bar"] ); 242 | t( "Descendant escaped ID", "div #foo\\:bar", ["foo:bar"] ); 243 | t( "Descendant escaped ID", "div #test\\.foo\\[5\\]bar", ["test.foo[5]bar"] ); 244 | t( "Child escaped ID", "form > #foo\\:bar", ["foo:bar"] ); 245 | t( "Child escaped ID", "form > #test\\.foo\\[5\\]bar", ["test.foo[5]bar"] ); 246 | 247 | var fiddle = jQuery("

").appendTo("#qunit-fixture"); 248 | deepEqual( $$( "> span", $$("#fiddle\\\\Foo")[0] ), q([ "fiddleSpan" ]), "Escaped ID as context" ); 249 | fiddle.remove(); 250 | 251 | t( "ID Selector, child ID present", "#form > #radio1", ["radio1"] ); // bug #267 252 | t( "ID Selector, not an ancestor ID", "#form #first", [] ); 253 | t( "ID Selector, not a child ID", "#form > #option1a", [] ); 254 | 255 | t( "All Children of ID", "#foo > *", ["sndp", "en", "sap"] ); 256 | t( "All Children of ID with no children", "#firstUL > *", [] ); 257 | 258 | var a = jQuery("

tName1 A tName2 A

tName1 Div

").appendTo("#qunit-fixture"); 259 | equal( $$("#tName1")[0].id, 'tName1', "ID selector with same value for a name attribute" ); 260 | equal( $$("#tName2").length, 0, "ID selector non-existing but name attribute on an A tag" ); 261 | a.remove(); 262 | 263 | a = jQuery("").appendTo("#qunit-fixture"); 264 | t( "ID Selector contains backslash", "#backslash\\\\foo", ["backslash\\foo"] ); 265 | 266 | t( "ID Selector on Form with an input that has a name of 'id'", "#lengthtest", ["lengthtest"] ); 267 | 268 | t( "ID selector with non-existant ancestor", "#asdfasdf #foobar", [] ); // bug #986 269 | 270 | deepEqual( $$("div#form", document.body), [], "ID selector within the context of another element" ); 271 | 272 | t( "Underscore ID", "#types_all", ["types_all"] ); 273 | t( "Dash ID", "#fx-queue", ["fx-queue"] ); 274 | 275 | t( "ID with weird characters in it", "#name\\+value", ["name+value"] ); 276 | }); 277 | 278 | test("class", function() { 279 | expect( 24 ); 280 | 281 | t( "Class Selector", ".blog", ["mark","simon"] ); 282 | t( "Class Selector", ".GROUPS", ["groups"] ); 283 | t( "Class Selector", ".blog.link", ["simon"] ); 284 | t( "Class Selector w/ Element", "a.blog", ["mark","simon"] ); 285 | t( "Parent Class Selector", "p .blog", ["mark","simon"] ); 286 | 287 | t( "Class selector using UTF8", ".台北Táiběi", ["utf8class1"] ); 288 | //t( "Class selector using UTF8", ".台北", ["utf8class1","utf8class2"] ); 289 | t( "Class selector using UTF8", ".台北Táiběi.台北", ["utf8class1"] ); 290 | t( "Class selector using UTF8", ".台北Táiběi, .台北", ["utf8class1","utf8class2"] ); 291 | t( "Descendant class selector using UTF8", "div .台北Táiběi", ["utf8class1"] ); 292 | t( "Child class selector using UTF8", "form > .台北Táiběi", ["utf8class1"] ); 293 | 294 | t( "Escaped Class", ".foo\\:bar", ["foo:bar"] ); 295 | t( "Escaped Class", ".test\\.foo\\[5\\]bar", ["test.foo[5]bar"] ); 296 | t( "Descendant scaped Class", "div .foo\\:bar", ["foo:bar"] ); 297 | t( "Descendant scaped Class", "div .test\\.foo\\[5\\]bar", ["test.foo[5]bar"] ); 298 | t( "Child escaped Class", "form > .foo\\:bar", ["foo:bar"] ); 299 | t( "Child escaped Class", "form > .test\\.foo\\[5\\]bar", ["test.foo[5]bar"] ); 300 | 301 | var div = document.createElement("div"); 302 | div.innerHTML = "

"; 303 | deepEqual( $$(".e", div), [ div.firstChild ], "Finding a second class." ); 304 | 305 | div.lastChild.className = "e"; 306 | 307 | deepEqual( $$(".e", div), [ div.firstChild, div.lastChild ], "Finding a modified class." ); 308 | 309 | ok( !matchNode( div, ".null"), ".null does not match an element with no class" ); 310 | ok( !matchNode( div.firstChild, ".null div"), ".null does not match an element with no class" ); 311 | div.className = "null"; 312 | ok( matchNode( div, ".null"), ".null matches element with class 'null'" ); 313 | ok( matchNode( div.firstChild, ".null div"), "caching system respects DOM changes" ); 314 | ok( !matchNode( document, ".foo" ), "testing class on document doesn't error" ); 315 | ok( !matchNode( window, ".foo" ), "testing class on window doesn't error" ); 316 | }); 317 | 318 | test("name", function() { 319 | expect( 15 ); 320 | 321 | t( "Name selector", "input[name=action]", ["text1"] ); 322 | t( "Name selector with single quotes", "input[name='action']", ["text1"] ); 323 | t( "Name selector with double quotes", 'input[name="action"]', ["text1"] ); 324 | 325 | t( "Name selector non-input", "[name=test]", ["length", "fx-queue"] ); 326 | t( "Name selector non-input", "[name=div]", ["fadein"] ); 327 | t( "Name selector non-input", "*[name=iframe]", ["iframe"] ); 328 | 329 | t( "Name selector for grouped input", "input[name='types[]']", ["types_all", "types_anime", "types_movie"] ); 330 | 331 | var form = document.getElementById("form"); 332 | deepEqual( $$("input[name=action]", form), q("text1"), "Name selector within the context of another element" ); 333 | deepEqual( $$("input[name='foo[bar]']", form), q("hidden2"), "Name selector for grouped form element within the context of another element" ); 334 | 335 | form = jQuery("").appendTo("body"); 336 | equal( $$("input", form[0]).length, 1, "Make sure that rooted queries on forms (with possible expandos) work." ); 337 | 338 | form.remove(); 339 | 340 | var a = jQuery("

tName1 A tName2 A

tName1 Div

") 341 | .appendTo("#qunit-fixture").children(); 342 | 343 | equal( a.length, 3, "Make sure the right number of elements were inserted." ); 344 | equal( a[1].id, "tName2ID", "Make sure the right number of elements were inserted." ); 345 | 346 | equal( $$("[name=tName1]")[0], a[0], "Find elements that have similar IDs" ); 347 | equal( $$("[name=tName2]")[0], a[1], "Find elements that have similar IDs" ); 348 | t( "Find elements that have similar IDs", "#tName2ID", ["tName2ID"] ); 349 | 350 | a.parent().remove(); 351 | }); 352 | 353 | test("multiple", function() { 354 | expect(6); 355 | 356 | t( "Comma Support", "h2, #qunit-fixture p", ["qunit-banner","qunit-userAgent","firstp","ap","sndp","en","sap","first"]); 357 | t( "Comma Support", "h2 , #qunit-fixture p", ["qunit-banner","qunit-userAgent","firstp","ap","sndp","en","sap","first"]); 358 | t( "Comma Support", "h2 , #qunit-fixture p", ["qunit-banner","qunit-userAgent","firstp","ap","sndp","en","sap","first"]); 359 | t( "Comma Support", "h2,#qunit-fixture p", ["qunit-banner","qunit-userAgent","firstp","ap","sndp","en","sap","first"]); 360 | t( "Comma Support", "h2,#qunit-fixture p ", ["qunit-banner","qunit-userAgent","firstp","ap","sndp","en","sap","first"]); 361 | t( "Comma Support", "h2\t,\r#qunit-fixture p\n", ["qunit-banner","qunit-userAgent","firstp","ap","sndp","en","sap","first"]); 362 | }); 363 | 364 | test("child and adjacent", function() { 365 | expect( 42 ); 366 | 367 | t( "Child", "p > a", ["simon1","google","groups","mark","yahoo","simon"] ); 368 | t( "Child", "p> a", ["simon1","google","groups","mark","yahoo","simon"] ); 369 | t( "Child", "p >a", ["simon1","google","groups","mark","yahoo","simon"] ); 370 | t( "Child", "p>a", ["simon1","google","groups","mark","yahoo","simon"] ); 371 | t( "Child w/ Class", "p > a.blog", ["mark","simon"] ); 372 | t( "All Children", "code > *", ["anchor1","anchor2"] ); 373 | t( "All Grandchildren", "p > * > *", ["anchor1","anchor2"] ); 374 | t( "Adjacent", "#qunit-fixture a + a", ["groups"] ); 375 | t( "Adjacent", "#qunit-fixture a +a", ["groups"] ); 376 | t( "Adjacent", "#qunit-fixture a+ a", ["groups"] ); 377 | t( "Adjacent", "#qunit-fixture a+a", ["groups"] ); 378 | t( "Adjacent", "p + p", ["ap","en","sap"] ); 379 | t( "Adjacent", "p#firstp + p", ["ap"] ); 380 | t( "Adjacent", "p[lang=en] + p", ["sap"] ); 381 | t( "Adjacent", "a.GROUPS + code + a", ["mark"] ); 382 | t( "Comma, Child, and Adjacent", "#qunit-fixture a + a, code > a", ["groups","anchor1","anchor2"] ); 383 | t( "Element Preceded By", "#qunit-fixture p ~ div", ["foo", "moretests","tabindex-tests", "liveHandlerOrder", "siblingTest"] ); 384 | t( "Element Preceded By", "#first ~ div", ["moretests","tabindex-tests", "liveHandlerOrder", "siblingTest"] ); 385 | t( "Element Preceded By", "#groups ~ a", ["mark"] ); 386 | t( "Element Preceded By", "#length ~ input", ["idTest"] ); 387 | t( "Element Preceded By", "#siblingfirst ~ em", ["siblingnext", "siblingthird"] ); 388 | t( "Element Preceded By (multiple)", "#siblingTest em ~ em ~ em ~ span", ["siblingspan"] ); 389 | t( "Element Preceded By, Containing", "#liveHandlerOrder ~ div em:contains('1')", ["siblingfirst"] ); 390 | 391 | var siblingFirst = document.getElementById("siblingfirst"); 392 | 393 | deepEqual( $$(":scope ~ em", siblingFirst), q("siblingnext", "siblingthird"), "Element Preceded By with a context." ); 394 | deepEqual( $$(":scope + em", siblingFirst), q("siblingnext"), "Element Directly Preceded By with a context." ); 395 | deepEqual( $$(":scope ~ em:first-of-type", siblingFirst), q("siblingnext"), "Element Preceded By positional with a context." ); 396 | 397 | var en = document.getElementById("en"); 398 | deepEqual( $$(":scope + p, a", en), q("yahoo", "sap"), "Compound selector with context, beginning with sibling test." ); 399 | deepEqual( $$("a,:scope + p", en), q("yahoo", "sap"), "Compound selector with context, containing sibling test." ); 400 | 401 | t( "Multiple combinators selects all levels", "#siblingTest em *", ["siblingchild", "siblinggrandchild", "siblinggreatgrandchild"] ); 402 | t( "Multiple combinators selects all levels", "#siblingTest > em *", ["siblingchild", "siblinggrandchild", "siblinggreatgrandchild"] ); 403 | t( "Multiple sibling combinators doesn't miss general siblings", "#siblingTest > em:first-child + em ~ span", ["siblingspan"] ); 404 | t( "Combinators are not skipped when mixing general and specific", "#siblingTest > em:contains('x') + em ~ span", [] ); 405 | 406 | equal( $$("#listWithTabIndex").length, 1, "Parent div for next test is found via ID (#8310)" ); 407 | equal( $$("#listWithTabIndex li:eq(2) ~ li").length, 1, "Find by general sibling combinator (#8310)" ); 408 | equal( $$("#__$$__").length, 0, "Make sure the temporary id assigned by $$ is cleared out (#8310)" ); 409 | equal( $$("#listWithTabIndex").length, 1, "Parent div for previous test is still found via ID (#8310)" ); 410 | 411 | t( "Verify deep class selector", "div.blah > p > a", [] ); 412 | 413 | t( "No element deep selector", "div.foo > span > a", [] ); 414 | 415 | var nothiddendiv = document.getElementById("nothiddendiv"); 416 | deepEqual( $$("> :first", nothiddendiv), q("nothiddendivchild"), "Verify child context positional selector" ); 417 | deepEqual( $$("> :eq(0)", nothiddendiv), q("nothiddendivchild"), "Verify child context positional selector" ); 418 | deepEqual( $$("> *:first", nothiddendiv), q("nothiddendivchild"), "Verify child context positional selector" ); 419 | 420 | t( "Non-existant ancestors", ".fototab > .thumbnails > a", [] ); 421 | }); 422 | 423 | test("attributes", function() { 424 | expect( 62 ); 425 | 426 | t( "Attribute Exists", "#qunit-fixture a[title]", ["google"] ); 427 | t( "Attribute Exists (case-insensitive)", "#qunit-fixture a[TITLE]", ["google"] ); 428 | t( "Attribute Exists", "#qunit-fixture *[title]", ["google"] ); 429 | t( "Attribute Exists", "#qunit-fixture [title]", ["google"] ); 430 | t( "Attribute Exists", "#qunit-fixture a[ title ]", ["google"] ); 431 | 432 | t( "Boolean attribute exists", "#select2 option[selected]", ["option2d"]); 433 | t( "Boolean attribute equals", "#select2 option[selected='selected']", ["option2d"]); 434 | 435 | t( "Attribute Equals", "#qunit-fixture a[rel='bookmark']", ["simon1"] ); 436 | t( "Attribute Equals", "#qunit-fixture a[rel='bookmark']", ["simon1"] ); 437 | t( "Attribute Equals", "#qunit-fixture a[rel=bookmark]", ["simon1"] ); 438 | t( "Attribute Equals", "#qunit-fixture a[href='http://www.google.com/']", ["google"] ); 439 | t( "Attribute Equals", "#qunit-fixture a[ rel = 'bookmark' ]", ["simon1"] ); 440 | t( "Attribute Equals Number", "#qunit-fixture option[value=1]", ["option1b","option2b","option3b","option4b","option5c"] ); 441 | t( "Attribute Equals Number", "#qunit-fixture li[tabIndex=-1]", ["foodWithNegativeTabIndex"] ); 442 | 443 | document.getElementById("anchor2").href = "#2"; 444 | t( "href Attribute", "p a[href^=#]", ["anchor2"] ); 445 | t( "href Attribute", "p a[href*=#]", ["simon1", "anchor2"] ); 446 | 447 | t( "for Attribute", "form label[for]", ["label-for"] ); 448 | t( "for Attribute in form", "#form [for=action]", ["label-for"] ); 449 | 450 | t( "Attribute containing []", "input[name^='foo[']", ["hidden2"] ); 451 | t( "Attribute containing []", "input[name^='foo[bar]']", ["hidden2"] ); 452 | t( "Attribute containing []", "input[name*='[bar]']", ["hidden2"] ); 453 | t( "Attribute containing []", "input[name$='bar]']", ["hidden2"] ); 454 | t( "Attribute containing []", "input[name$='[bar]']", ["hidden2"] ); 455 | t( "Attribute containing []", "input[name$='foo[bar]']", ["hidden2"] ); 456 | t( "Attribute containing []", "input[name*='foo[bar]']", ["hidden2"] ); 457 | 458 | deepEqual( $$( "input[data-comma='0,1']" ), [ document.getElementById("el12087") ], "Without context, single-quoted attribute containing ','" ); 459 | deepEqual( $$( 'input[data-comma="0,1"]' ), [ document.getElementById("el12087") ], "Without context, double-quoted attribute containing ','" ); 460 | deepEqual( $$( "input[data-comma='0,1']", document.getElementById("t12087") ), [ document.getElementById("el12087") ], "With context, single-quoted attribute containing ','" ); 461 | deepEqual( $$( 'input[data-comma="0,1"]', document.getElementById("t12087") ), [ document.getElementById("el12087") ], "With context, double-quoted attribute containing ','" ); 462 | 463 | t( "Multiple Attribute Equals", "#form input[type='radio'], #form input[type='hidden']", ["radio1", "radio2", "hidden1"] ); 464 | t( "Multiple Attribute Equals", "#form input[type='radio'], #form input[type=\"hidden\"]", ["radio1", "radio2", "hidden1"] ); 465 | t( "Multiple Attribute Equals", "#form input[type='radio'], #form input[type=hidden]", ["radio1", "radio2", "hidden1"] ); 466 | 467 | t( "Attribute selector using UTF8", "span[lang=中文]", ["台北"] ); 468 | 469 | t( "Attribute Begins With", "a[href ^= 'http://www']", ["google","yahoo"] ); 470 | t( "Attribute Ends With", "a[href $= 'org/']", ["mark"] ); 471 | t( "Attribute Contains", "a[href *= 'google']", ["google","groups"] ); 472 | t( "Attribute Is Not Equal", "#ap a[hreflang!='en']", ["google","groups","anchor1"] ); 473 | 474 | var opt = document.getElementById("option1a"), 475 | match = matchNode; 476 | 477 | opt.setAttribute( "test", "" ); 478 | 479 | ok( match( opt, "[id*=option1][type!=checkbox]" ), "Attribute Is Not Equal Matches" ); 480 | ok( match( opt, "[id*=option1]" ), "Attribute With No Quotes Contains Matches" ); 481 | ok( match( opt, "[test=]" ), "Attribute With No Quotes No Content Matches" ); 482 | ok( !match( opt, "[test^='']" ), "Attribute with empty string value does not match startsWith selector (^=)" ); 483 | ok( match( opt, "[id=option1a]" ), "Attribute With No Quotes Equals Matches" ); 484 | ok( match( document.getElementById("simon1"), "a[href*=#]" ), "Attribute With No Quotes Href Contains Matches" ); 485 | 486 | t( "Empty values", "#select1 option[value='']", ["option1a"] ); 487 | t( "Empty values", "#select1 option[value!='']", ["option1b","option1c","option1d"] ); 488 | 489 | t( "Select options via :selected", "#select1 option:selected", ["option1a"] ); 490 | t( "Select options via :selected", "#select2 option:selected", ["option2d"] ); 491 | t( "Select options via :selected", "#select3 option:selected", ["option3b", "option3c"] ); 492 | t( "Select options via :selected", "select[name='select2'] option:selected", ["option2d"] ); 493 | 494 | t( "Grouped Form Elements", "input[name='foo[bar]']", ["hidden2"] ); 495 | 496 | var input = document.getElementById("text1"); 497 | input.title = "Don't click me"; 498 | ok( match( input, "input[title=\"Don't click me\"]" ), "Quote within attribute value does not mess up tokenizer" ); 499 | 500 | // Uncomment if the boolHook is removed 501 | // var check2 = document.getElementById("check2"); 502 | // check2.checked = true; 503 | // ok( !$$.matches("[checked]", [ check2 ] ), "Dynamic boolean attributes match when they should with $$.matches (#11115)" ); 504 | 505 | // jQuery #12303 506 | input.setAttribute( "data-pos", ":first" ); 507 | ok( match( input, "input[data-pos=\\:first]"), "POS within attribute value is treated as an attribute value" ); 508 | ok( match( input, "input[data-pos=':first']"), "POS within attribute value is treated as an attribute value" ); 509 | ok( match( input, ":input[data-pos=':first']"), "POS within attribute value after pseudo is treated as an attribute value" ); 510 | input.removeAttribute("data-pos"); 511 | 512 | // Make sure attribute value quoting works correctly. See: #6093 513 | var attrbad = jQuery("").appendTo("body"); 514 | 515 | t( "Underscores are valid unquoted", "input[id=types_all]", ["types_all"] ); 516 | 517 | t( "Find escaped attribute value", "input[name=foo\\.baz]", ["attrbad1"] ); 518 | t( "Find escaped attribute value", "input[name=foo\\[baz\\]]", ["attrbad2"] ); 519 | t( "Find escaped attribute value", "input[data-attr='foo_baz\\']']", ["attrbad3"] ); 520 | 521 | t( "input[type=text]", "#form input[type=text]", ["text1", "text2", "hidden2", "name"] ); 522 | t( "input[type=search]", "#form input[type=search]", ["search"] ); 523 | 524 | attrbad.remove(); 525 | 526 | // #6428 527 | t( "Find escaped attribute value", "#form input[name=foo\\[bar\\]]", ["hidden2"] ); 528 | 529 | // #3279 530 | var div = document.createElement("div"); 531 | div.innerHTML = "

"; 532 | 533 | deepEqual( $$( "[xml\\:test]", div ), [ div.firstChild ], "Finding by attribute with escaped characters." ); 534 | div = null; 535 | }); 536 | 537 | test("pseudo - child", function() { 538 | expect( 42 ); 539 | t( "First Child", "#qunit-fixture p:first-child", ["firstp","sndp"] ); 540 | t( "First Child (case-insensitive)", "#qunit-fixture p:FIRST-CHILD", ["firstp","sndp"] ); 541 | t( "Last Child", "p:last-child", ["sap"] ); 542 | t( "Only Child", "#qunit-fixture a:only-child", ["simon1","anchor1","yahoo","anchor2","liveLink1","liveLink2"] ); 543 | t( "Empty", "ul:empty", ["firstUL"] ); 544 | t( "Empty with comment node", "ol:empty", ["empty"] ); 545 | t( "Is A Parent", "#qunit-fixture p:parent", ["firstp","ap","sndp","en","sap","first"] ); 546 | 547 | t( "First Child", "p:first-child", ["firstp","sndp"] ); 548 | t( "First Child", ".nothiddendiv div:first-child", ["nothiddendivchild"] ); 549 | t( "Nth Child", "p:nth-child(1)", ["firstp","sndp"] ); 550 | t( "Nth Child With Whitespace", "p:nth-child( 1 )", ["firstp","sndp"] ); 551 | t( "Not Nth Child", "#qunit-fixture p:not(:nth-child(1))", ["ap","en","sap","first"] ); 552 | 553 | // Verify that the child position isn't being cached improperly 554 | var firstChildren = jQuery("p:first-child").before("

"); 555 | 556 | t( "No longer First Child", "p:nth-child(1)", [] ); 557 | firstChildren.prev().remove(); 558 | t( "Restored First Child", "p:nth-child(1)", ["firstp","sndp"] ); 559 | 560 | QUnit.reset(); 561 | 562 | t( "Last Child", "p:last-child", ["sap"] ); 563 | t( "Last Child", "#qunit-fixture a:last-child", ["simon1","anchor1","mark","yahoo","anchor2","simon","liveLink1","liveLink2"] ); 564 | 565 | t( "Nth-child", "#qunit-fixture form#form > *:nth-child(2)", ["text1"] ); 566 | t( "Nth-child", "#qunit-fixture form#form > :nth-child(2)", ["text1"] ); 567 | 568 | t( "Nth-child", "#form select:first option:nth-child(-1)", [] ); 569 | t( "Nth-child", "#form select:first option:nth-child(3)", ["option1c"] ); 570 | t( "Nth-child(case-insensitive)", "#form select:first option:NTH-child(3)", ["option1c"] ); 571 | t( "Nth-child", "#form select:first option:nth-child(0n+3)", ["option1c"] ); 572 | t( "Nth-child", "#form select:first option:nth-child(1n+0)", ["option1a", "option1b", "option1c", "option1d"] ); 573 | t( "Nth-child", "#form select:first option:nth-child(1n)", ["option1a", "option1b", "option1c", "option1d"] ); 574 | t( "Nth-child", "#form select:first option:nth-child(n)", ["option1a", "option1b", "option1c", "option1d"] ); 575 | t( "Nth-child", "#form select:first option:nth-child(even)", ["option1b", "option1d"] ); 576 | t( "Nth-child", "#form select:first option:nth-child(odd)", ["option1a", "option1c"] ); 577 | t( "Nth-child", "#form select:first option:nth-child(2n)", ["option1b", "option1d"] ); 578 | t( "Nth-child", "#form select:first option:nth-child(2n+1)", ["option1a", "option1c"] ); 579 | t( "Nth-child", "#form select:first option:nth-child(2n + 1)", ["option1a", "option1c"] ); 580 | t( "Nth-child", "#form select:first option:nth-child(+2n + 1)", ["option1a", "option1c"] ); 581 | t( "Nth-child", "#form select:first option:nth-child(3n)", ["option1c"] ); 582 | t( "Nth-child", "#form select:first option:nth-child(3n+1)", ["option1a", "option1d"] ); 583 | t( "Nth-child", "#form select:first option:nth-child(3n+2)", ["option1b"] ); 584 | t( "Nth-child", "#form select:first option:nth-child(3n+3)", ["option1c"] ); 585 | t( "Nth-child", "#form select:first option:nth-child(3n-1)", ["option1b"] ); 586 | t( "Nth-child", "#form select:first option:nth-child(3n-2)", ["option1a", "option1d"] ); 587 | t( "Nth-child", "#form select:first option:nth-child(3n-3)", ["option1c"] ); 588 | t( "Nth-child", "#form select:first option:nth-child(3n+0)", ["option1c"] ); 589 | t( "Nth-child", "#form select:first option:nth-child(-1n+3)", ["option1a", "option1b", "option1c"] ); 590 | t( "Nth-child", "#form select:first option:nth-child(-n+3)", ["option1a", "option1b", "option1c"] ); 591 | t( "Nth-child", "#form select:first option:nth-child(-1n + 3)", ["option1a", "option1b", "option1c"] ); 592 | }); 593 | 594 | test("pseudo - misc", function() { 595 | expect( 42 ); 596 | 597 | t( "Headers", ":header", ["qunit-header", "qunit-banner", "qunit-userAgent"] ); 598 | t( "Headers(case-insensitive)", ":Header", ["qunit-header", "qunit-banner", "qunit-userAgent"] ); 599 | t( "Has Children - :has()", "p:has(a)", ["firstp","ap","en","sap"] ); 600 | t( "Has Children - :has()", "p:has( a )", ["firstp","ap","en","sap"] ); 601 | t( "Multiple matches with the same context (cache check)", "#form select:has(option:first-child:contains('o'))", ["select1", "select2", "select3", "select4"] ); 602 | 603 | ok( $$("#qunit-fixture :not(:has(:has(*)))").length, "All not grandparents" ); 604 | 605 | var select = document.getElementById("select1"), 606 | match = matchNode; 607 | ok( match( select, ":has(option)" ), "Has Option Matches" ); 608 | 609 | t( "Text Contains", "a:contains(Google)", ["google","groups"] ); 610 | t( "Text Contains", "a:contains(Google Groups)", ["groups"] ); 611 | 612 | t( "Text Contains", "a:contains('Google Groups (Link)')", ["groups"] ); 613 | t( "Text Contains", "a:contains(\"(Link)\")", ["groups"] ); 614 | t( "Text Contains", "a:contains(Google Groups (Link))", ["groups"] ); 615 | t( "Text Contains", "a:contains((Link))", ["groups"] ); 616 | 617 | 618 | var tmp = document.createElement("div"); 619 | tmp.id = "tmp_input"; 620 | document.body.appendChild( tmp ); 621 | 622 | jQuery.each( [ "button", "submit", "reset" ], function( i, type ) { 623 | jQuery( tmp ).append( 624 | "".replace(/T/g, type) ); 625 | 626 | t( "Input Buttons :" + type, "#tmp_input :" + type, [ "input_" + type, "button_" + type ] ); 627 | 628 | ok( match( $$("#input_" + type)[0], ":" + type ), "Input Matches :" + type ); 629 | ok( match( $$("#button_" + type)[0], ":" + type ), "Button Matches :" + type ); 630 | }); 631 | 632 | document.body.removeChild( tmp ); 633 | 634 | var input = document.createElement("input"); 635 | input.type = "text"; 636 | input.id = "focus-input"; 637 | 638 | document.body.appendChild( input ); 639 | input.focus(); 640 | 641 | // Inputs can't be focused unless the document has focus 642 | if ( document.activeElement !== input || (document.hasFocus && !document.hasFocus()) || 643 | (document.querySelectorAll && !document.querySelectorAll("input:focus").length) ) { 644 | ok( true, "The input was not focused. Skip checking the :focus match." ); 645 | ok( true, "The input was not focused. Skip checking the :focus match." ); 646 | 647 | } else { 648 | t( "Element focused", "input:focus", [ "focus-input" ] ); 649 | ok( match( input, ":focus" ), ":focus Matches" ); 650 | } 651 | 652 | // :active selector: this selector does not depend on document focus 653 | if ( document.activeElement === input ) { 654 | ok( match( input, ":active" ), ":active Matches" ); 655 | } else { 656 | ok( true, "The input did not become active. Skip checking the :active match." ); 657 | } 658 | 659 | input.blur(); 660 | 661 | // When IE is out of focus, blur does not work. Force it here. 662 | if ( document.activeElement === input ) { 663 | document.body.focus(); 664 | } 665 | 666 | ok( !match( input, ":focus" ), ":focus doesn't match" ); 667 | ok( !match( input, ":active" ), ":active doesn't match" ); 668 | document.body.removeChild( input ); 669 | 670 | deepEqual( 671 | $$( "[id='select1'] *:not(:last-child), [id='select2'] *:not(:last-child)", q("qunit-fixture")[0] ), 672 | q( "option1a", "option1b", "option1c", "option2a", "option2b", "option2c" ), 673 | "caching system tolerates recursive selection" 674 | ); 675 | 676 | // Tokenization edge cases 677 | t( "Sequential pseudos", "#qunit-fixture p:has(:contains(mark)):has(code)", ["ap"] ); 678 | t( "Sequential pseudos", "#qunit-fixture p:has(:contains(mark)):has(code):contains(This link)", ["ap"] ); 679 | 680 | t( "Pseudo argument containing ')'", "p:has(>a.GROUPS[src!=')'])", ["ap"] ); 681 | t( "Pseudo argument containing ')'", "p:has(>a.GROUPS[src!=')'])", ["ap"] ); 682 | t( "Pseudo followed by token containing ')'", "p:contains(id=\"foo\")[id!=\\)]", ["sndp"] ); 683 | t( "Pseudo followed by token containing ')'", "p:contains(id=\"foo\")[id!=')']", ["sndp"] ); 684 | 685 | t( "Multi-pseudo", "#ap:has(*), #ap:has(*)", ["ap"] ); 686 | t( "Multi-positional", "#ap:gt(0), #ap:lt(1)", ["ap"] ); 687 | t( "Multi-pseudo with leading nonexistent id", "#nonexistent:has(*), #ap:has(*)", ["ap"] ); 688 | t( "Multi-positional with leading nonexistent id", "#nonexistent:gt(0), #ap:lt(1)", ["ap"] ); 689 | 690 | $$.selectors.filters.icontains = function( elem, i, match ) { 691 | return $$.getText( elem ).toLowerCase().indexOf( (match[3] || "").toLowerCase() ) > -1; 692 | }; 693 | $$.selectors.setFilters.podium = function( elements, argument ) { 694 | var count = argument == null || argument === "" ? 3 : +argument; 695 | return elements.slice( 0, count ); 696 | }; 697 | t( "Backwards-compatible custom pseudos", "a:icontains(THIS BLOG ENTRY)", ["simon1"] ); 698 | t( "Backwards-compatible custom setFilters", "#form :PODIUM", ["label-for", "text1", "text2"] ); 699 | t( "Backwards-compatible custom setFilters with argument", "#form input:Podium(1)", ["text1"] ); 700 | delete $$.selectors.filters.icontains; 701 | delete $$.selectors.setFilters.podium; 702 | 703 | t( "Tokenization stressor", "a[class*=blog]:not(:has(*, :contains(!)), :contains(!)), br:contains(]), p:contains(]), :not(:empty):not(:parent)", ["ap", "mark","yahoo","simon"] ); 704 | }); 705 | 706 | 707 | test("pseudo - :not", function() { 708 | expect( 43 ); 709 | 710 | t( "Not", "a.blog:not(.link)", ["mark"] ); 711 | t( ":not() with :first", "#foo p:not(:first) .link", ["simon"] ); 712 | 713 | t( "Not - multiple", "#form option:not(:contains(Nothing),#option1b,:selected)", ["option1c", "option1d", "option2b", "option2c", "option3d", "option3e", "option4e", "option5b", "option5c"] ); 714 | t( "Not - recursive", "#form option:not(:not(:selected))[id^='option3']", [ "option3b", "option3c"] ); 715 | 716 | t( ":not() failing interior", "#qunit-fixture p:not(.foo)", ["firstp","ap","sndp","en","sap","first"] ); 717 | t( ":not() failing interior", "#qunit-fixture p:not(div.foo)", ["firstp","ap","sndp","en","sap","first"] ); 718 | t( ":not() failing interior", "#qunit-fixture p:not(p.foo)", ["firstp","ap","sndp","en","sap","first"] ); 719 | t( ":not() failing interior", "#qunit-fixture p:not(#blargh)", ["firstp","ap","sndp","en","sap","first"] ); 720 | t( ":not() failing interior", "#qunit-fixture p:not(div#blargh)", ["firstp","ap","sndp","en","sap","first"] ); 721 | t( ":not() failing interior", "#qunit-fixture p:not(p#blargh)", ["firstp","ap","sndp","en","sap","first"] ); 722 | 723 | t( ":not Multiple", "#qunit-fixture p:not(a)", ["firstp","ap","sndp","en","sap","first"] ); 724 | t( ":not Multiple", "#qunit-fixture p:not( a )", ["firstp","ap","sndp","en","sap","first"] ); 725 | t( ":not Multiple", "#qunit-fixture p:not( p )", [] ); 726 | t( ":not Multiple", "#qunit-fixture p:not(a, b)", ["firstp","ap","sndp","en","sap","first"] ); 727 | t( ":not Multiple", "#qunit-fixture p:not(a, b, div)", ["firstp","ap","sndp","en","sap","first"] ); 728 | t( ":not Multiple", "p:not(p)", [] ); 729 | t( ":not Multiple", "p:not(a,p)", [] ); 730 | t( ":not Multiple", "p:not(p,a)", [] ); 731 | t( ":not Multiple", "p:not(a,p,b)", [] ); 732 | t( ":not Multiple", ":input:not(:image,:input,:submit)", [] ); 733 | t( ":not Multiple", "#qunit-fixture p:not(:has(a), :nth-child(1))", ["first"] ); 734 | 735 | t( "No element not selector", ".container div:not(.excluded) div", [] ); 736 | 737 | t( ":not() Existing attribute", "#form select:not([multiple])", ["select1", "select2", "select5"]); 738 | t( ":not() Equals attribute", "#form select:not([name=select1])", ["select2", "select3", "select4","select5"]); 739 | t( ":not() Equals quoted attribute", "#form select:not([name='select1'])", ["select2", "select3", "select4", "select5"]); 740 | 741 | t( ":not() Multiple Class", "#foo a:not(.blog)", ["yahoo", "anchor2"] ); 742 | t( ":not() Multiple Class", "#foo a:not(.link)", ["yahoo", "anchor2"] ); 743 | t( ":not() Multiple Class", "#foo a:not(.blog.link)", ["yahoo", "anchor2"] ); 744 | 745 | t( ":not chaining (compound)", "#qunit-fixture div[id]:not(:has(div, span)):not(:has(*))", ["divWithNoTabIndex"] ); 746 | t( ":not chaining (with attribute)", "#qunit-fixture form[id]:not([action='formaction']):not(:button)", ["lengthtest", "name-tests", "testForm"] ); 747 | t( ":not chaining (colon in attribute)", "#qunit-fixture form[id]:not([action='form:action']):not(:button)", ["form", "lengthtest", "name-tests", "testForm"] ); 748 | t( ":not chaining (colon in attribute and nested chaining)", "#qunit-fixture form[id]:not([action='form:action']:button):not(:input)", ["form", "lengthtest", "name-tests", "testForm"] ); 749 | t( ":not chaining", "#form select:not(.select1):contains(Nothing) > option:not(option)", [] ); 750 | 751 | t( "positional :not()", "#foo p:not(:last)", ["sndp", "en"] ); 752 | t( "positional :not() prefix", "#foo p:not(:last) a", ["yahoo"] ); 753 | t( "compound positional :not()", "#foo p:not(:first, :last)", ["en"] ); 754 | t( "compound positional :not()", "#foo p:not(:first, :even)", ["en"] ); 755 | t( "compound positional :not()", "#foo p:not(:first, :odd)", ["sap"] ); 756 | t( "reordered compound positional :not()", "#foo p:not(:odd, :first)", ["sap"] ); 757 | 758 | t( "positional :not() with pre-filter", "#foo p:not([id]:first)", ["en", "sap"] ); 759 | t( "positional :not() with post-filter", "#foo p:not(:first[id])", ["en", "sap"] ); 760 | t( "positional :not() with pre-filter", "#foo p:not([lang]:first)", ["sndp", "sap"] ); 761 | t( "positional :not() with post-filter", "#foo p:not(:first[lang])", ["sndp", "en", "sap"] ); 762 | }); 763 | 764 | test("pseudo - position", function() { 765 | expect( 33 ); 766 | 767 | t( "First element", "div:first", ["qunit-testrunner-toolbar"] ); 768 | t( "First element(case-insensitive)", "div:fiRst", ["qunit-testrunner-toolbar"] ); 769 | t( "nth Element", "#qunit-fixture p:nth(1)", ["ap"] ); 770 | t( "First Element", "#qunit-fixture p:first", ["firstp"] ); 771 | t( "Last Element", "p:last", ["first"] ); 772 | t( "Even Elements", "#qunit-fixture p:even", ["firstp","sndp","sap"] ); 773 | t( "Odd Elements", "#qunit-fixture p:odd", ["ap","en","first"] ); 774 | t( "Position Equals", "#qunit-fixture p:eq(1)", ["ap"] ); 775 | t( "Position Equals (negative)", "#qunit-fixture p:eq(-1)", ["first"] ); 776 | t( "Position Greater Than", "#qunit-fixture p:gt(0)", ["ap","sndp","en","sap","first"] ); 777 | t( "Position Less Than", "#qunit-fixture p:lt(3)", ["firstp","ap","sndp"] ); 778 | 779 | t( "Check position filtering", "div#nothiddendiv:eq(0)", ["nothiddendiv"] ); 780 | t( "Check position filtering", "div#nothiddendiv:last", ["nothiddendiv"] ); 781 | t( "Check position filtering", "div#nothiddendiv:not(:gt(0))", ["nothiddendiv"] ); 782 | t( "Check position filtering", "#foo > :not(:first)", ["en", "sap"] ); 783 | t( "Check position filtering", "#qunit-fixture select > :not(:gt(2))", ["option1a", "option1b", "option1c"] ); 784 | t( "Check position filtering", "#qunit-fixture select:lt(2) :not(:first)", ["option1b", "option1c", "option1d", "option2a", "option2b", "option2c", "option2d"] ); 785 | t( "Check position filtering", "div.nothiddendiv:eq(0)", ["nothiddendiv"] ); 786 | t( "Check position filtering", "div.nothiddendiv:last", ["nothiddendiv"] ); 787 | t( "Check position filtering", "div.nothiddendiv:not(:lt(0))", ["nothiddendiv"] ); 788 | 789 | t( "Check element position", "div div:eq(0)", ["nothiddendivchild"] ); 790 | t( "Check element position", "div div:eq(5)", ["t2037"] ); 791 | t( "Check element position", "div div:eq(29)", ["slideup"] ); 792 | t( "Check element position", "div div:first", ["nothiddendivchild"] ); 793 | t( "Check element position", "div > div:first", ["nothiddendivchild"] ); 794 | t( "Check element position", "#dl div:first div:first", ["foo"] ); 795 | t( "Check element position", "#dl div:first > div:first", ["foo"] ); 796 | t( "Check element position", "div#nothiddendiv:first > div:first", ["nothiddendivchild"] ); 797 | t( "Chained pseudo after a pos pseudo", "#listWithTabIndex li:eq(0):contains(Rice)", ["foodWithNegativeTabIndex"] ); 798 | 799 | t( "Check sort order with POS and comma", "#qunit-fixture em>em>em>em:first-child,div>em:first", ["siblingfirst", "siblinggreatgrandchild"] ); 800 | 801 | t( "Isolated position", ":last", ["fx-tests"] ); 802 | 803 | // jQuery #12526 804 | var context = jQuery("#qunit-fixture").append("

")[0]; 805 | deepEqual( $$( ":last", context ), q("jquery12526"), "Post-manipulation positional" ); 806 | QUnit.reset(); 807 | 808 | // $$ extension 809 | var oldPOS = $$.selectors.match["POS"]; 810 | $$.selectors.match["POS"] = new RegExp( oldPOS.source.replace("first", "primary"), "gi" ); 811 | $$.selectors.setFilters["primary"] = $$.selectors.setFilters["first"]; 812 | t( "Extend $$'s POS selectors to rename first to primary", "div:primary", ["qunit-testrunner-toolbar"] ); 813 | // Reset 814 | $$.selectors.match["POS"] = oldPOS; 815 | delete $$.selectors.setFilters["primary"]; 816 | }); 817 | 818 | test("pseudo - form", function() { 819 | expect( 10 ); 820 | 821 | var extraTexts = jQuery("").appendTo("#form"); 822 | 823 | t( "Form element :input", "#form :input", ["text1", "text2", "radio1", "radio2", "check1", "check2", "hidden1", "hidden2", "name", "search", "button", "area1", "select1", "select2", "select3", "select4", "select5", "impliedText", "capitalText"] ); 824 | t( "Form element :radio", "#form :radio", ["radio1", "radio2"] ); 825 | t( "Form element :checkbox", "#form :checkbox", ["check1", "check2"] ); 826 | t( "Form element :text", "#form :text", ["text1", "text2", "hidden2", "name", "impliedText", "capitalText"] ); 827 | t( "Form element :radio:checked", "#form :radio:checked", ["radio2"] ); 828 | t( "Form element :checkbox:checked", "#form :checkbox:checked", ["check1"] ); 829 | t( "Form element :radio:checked, :checkbox:checked", "#form :radio:checked, #form :checkbox:checked", ["radio2", "check1"] ); 830 | 831 | t( "Selected Option Element", "#form option:selected", ["option1a","option2d","option3b","option3c","option4b","option4c","option4d","option5a"] ); 832 | t( "Selected Option Element are also :checked", "#form option:checked", ["option1a","option2d","option3b","option3c","option4b","option4c","option4d","option5a"] ); 833 | t( "Hidden inputs should be treated as enabled. See QSA test.", "#hidden1:enabled", ["hidden1"] ); 834 | 835 | extraTexts.remove(); 836 | }); 837 | 838 | test("caching", function() { 839 | expect( 1 ); 840 | $$( ":not(code)", document.getElementById("ap") ); 841 | deepEqual( $$( ":not(code)", document.getElementById("foo") ), q("sndp", "en", "yahoo", "sap", "anchor2", "simon"), "Reusing selector with new context" ); 842 | }); 843 | -------------------------------------------------------------------------------- /test/unit/utilities.js: -------------------------------------------------------------------------------- 1 | /*global 2 | QUnit: true, 3 | q: true, 4 | t: true, 5 | url: true, 6 | createWithFriesXML: true, 7 | Sizzle: true, 8 | module: true, 9 | test: true, 10 | asyncTest: true, 11 | expect: true, 12 | stop: true, 13 | start: true, 14 | ok: true, 15 | equal: true, 16 | notEqual: true, 17 | deepEqual: true, 18 | notDeepEqual: true, 19 | strictEqual: true, 20 | notStrictEqual: true, 21 | raises: true, 22 | moduleTeardown: true 23 | */ 24 | 25 | module("selector", { teardown: moduleTeardown }); 26 | 27 | test("Sizzle.contains", function() { 28 | expect( 16 ); 29 | 30 | var container = document.getElementById("nonnodes"), 31 | element = container.firstChild, 32 | text = element.nextSibling, 33 | nonContained = container.nextSibling, 34 | detached = document.createElement("a"); 35 | ok( element && element.nodeType === 1, "preliminary: found element" ); 36 | ok( text && text.nodeType === 3, "preliminary: found text" ); 37 | ok( nonContained, "preliminary: found non-descendant" ); 38 | ok( Sizzle.contains(container, element), "child" ); 39 | ok( Sizzle.contains(container.parentNode, element), "grandchild" ); 40 | ok( Sizzle.contains(container, text), "text child" ); 41 | ok( Sizzle.contains(container.parentNode, text), "text grandchild" ); 42 | ok( !Sizzle.contains(container, container), "self" ); 43 | ok( !Sizzle.contains(element, container), "parent" ); 44 | ok( !Sizzle.contains(container, nonContained), "non-descendant" ); 45 | ok( !Sizzle.contains(container, document), "document" ); 46 | ok( !Sizzle.contains(container, document.documentElement), "documentElement (negative)" ); 47 | ok( !Sizzle.contains(container, null), "Passing null does not throw an error" ); 48 | ok( Sizzle.contains(document, document.documentElement), "documentElement (positive)" ); 49 | ok( Sizzle.contains(document, element), "document container (positive)" ); 50 | ok( !Sizzle.contains(document, detached), "document container (negative)" ); 51 | }); 52 | --------------------------------------------------------------------------------