module("selector", { teardown: moduleTeardown });
// #### NOTE: ####
// jQuery should not be used in this module
// except for DOM manipulation
// If jQuery is mandatory for the selection, move the test to jquery/test/unit/selector.js
// Use t() or Sizzle()
// ###############
/*
======== QUnit Reference ========
http://docs.jquery.com/QUnit
Test methods:
expect(numAssertions)
stop()
start()
note: QUnit's eventual addition of an argument to stop/start is ignored in this test suite
so that start and stop can be passed as callbacks without worrying about
their parameters
Test assertions:
ok(value, [message])
equal(actual, expected, [message])
notEqual(actual, expected, [message])
deepEqual(actual, expected, [message])
notDeepEqual(actual, expected, [message])
strictEqual(actual, expected, [message])
notStrictEqual(actual, expected, [message])
raises(block, [expected], [message])
======== testinit.js reference ========
See data/testinit.js
q(...);
Returns an array of elements with the given IDs
@example q("main", "foo", "bar") => [
,
, ]
t( testName, selector, [ "array", "of", "ids" ] );
Asserts that a select matches the given IDs
@example t("Check for something", "//[a]", ["foo", "baar"]);
url( "some/url.php" );
Add random number to url to stop caching
@example url("data/test.html") => "data/test.html?10538358428943"
@example url("data/test.php?foo=bar") => "data/test.php?foo=bar&10538358345554"
*/
test("element", function() {
expect( 39 );
var form, all, good, i, obj1, lengthtest,
siblingTest, siblingNext, iframe, iframeDoc, html;
equal( Sizzle("").length, 0, "Empty selector returns an empty array" );
deepEqual( Sizzle("div", document.createTextNode("")), [], "Text element as context fails silently" );
form = document.getElementById("form");
ok( !Sizzle.matchesSelector( form, "" ), "Empty string passed to matchesSelector does not match" );
equal( Sizzle(" ").length, 0, "Empty selector returns an empty array" );
equal( Sizzle("\t").length, 0, "Empty selector returns an empty array" );
ok( Sizzle("*").length >= 30, "Select all" );
all = Sizzle("*");
good = true;
for ( i = 0; i < all.length; i++ ) {
if ( all[i].nodeType === 8 ) {
good = false;
}
}
ok( good, "Select all elements, no comment nodes" );
t( "Element Selector", "html", ["html"] );
t( "Element Selector", "body", ["body"] );
t( "Element Selector", "#qunit-fixture p", ["firstp","ap","sndp","en","sap","first"] );
t( "Leading space", " #qunit-fixture p", ["firstp","ap","sndp","en","sap","first"] );
t( "Leading tab", "\t#qunit-fixture p", ["firstp","ap","sndp","en","sap","first"] );
t( "Leading carriage return", "\r#qunit-fixture p", ["firstp","ap","sndp","en","sap","first"] );
t( "Leading line feed", "\n#qunit-fixture p", ["firstp","ap","sndp","en","sap","first"] );
t( "Leading form feed", "\f#qunit-fixture p", ["firstp","ap","sndp","en","sap","first"] );
t( "Trailing space", "#qunit-fixture p ", ["firstp","ap","sndp","en","sap","first"] );
t( "Trailing tab", "#qunit-fixture p\t", ["firstp","ap","sndp","en","sap","first"] );
t( "Trailing carriage return", "#qunit-fixture p\r", ["firstp","ap","sndp","en","sap","first"] );
t( "Trailing line feed", "#qunit-fixture p\n", ["firstp","ap","sndp","en","sap","first"] );
t( "Trailing form feed", "#qunit-fixture p\f", ["firstp","ap","sndp","en","sap","first"] );
t( "Parent Element", "dl ol", ["empty", "listWithTabIndex"] );
t( "Parent Element (non-space descendant combinator)", "dl\tol", ["empty", "listWithTabIndex"] );
obj1 = document.getElementById("object1");
equal( Sizzle("param", obj1).length, 2, "Object/param as context" );
deepEqual( Sizzle("select", form), q("select1","select2","select3","select4","select5"), "Finding selects with a context." );
// Check for unique-ness and sort order
deepEqual( Sizzle("p, div p"), Sizzle("p"), "Check for duplicates: p, div p" );
t( "Checking sort order", "h2, h1", ["qunit-header", "qunit-banner", "qunit-userAgent"] );
t( "Checking sort order", "h2:first, h1:first", ["qunit-header", "qunit-banner"] );
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"] );
// Test Conflict ID
lengthtest = document.getElementById("lengthtest");
deepEqual( Sizzle("#idTest", lengthtest), q("idTest"), "Finding element with id of ID." );
deepEqual( Sizzle("[name='id']", lengthtest), q("idTest"), "Finding element with id of ID." );
deepEqual( Sizzle("input[id='idTest']", lengthtest), q("idTest"), "Finding elements with id of ID." );
siblingTest = document.getElementById("siblingTest");
deepEqual( Sizzle("div em", siblingTest), [], "Element-rooted QSA does not select based on document context" );
deepEqual( Sizzle("div em, div em, div em:not(div em)", siblingTest), [], "Element-rooted QSA does not select based on document context" );
deepEqual( Sizzle("div em, em\\,", siblingTest), [], "Escaped commas do not get treated with an id in element-rooted QSA" );
siblingNext = document.getElementById("siblingnext");
document.createDocumentFragment().appendChild( siblingTest );
deepEqual( Sizzle( "em + :not(:has(*)):not(:empty), foo", siblingTest ), [ siblingNext ],
"Non-qSA path correctly sets detached context for sibling selectors (jQuery #14351)" );
iframe = document.getElementById("iframe"),
iframeDoc = iframe.contentDocument || iframe.contentWindow.document;
iframeDoc.open();
iframeDoc.write("bar
");
iframeDoc.close();
deepEqual(
Sizzle( "p:contains(bar)", iframeDoc ),
[ iframeDoc.getElementById("foo") ],
"Other document as context"
);
html = "";
for ( i = 0; i < 100; i++ ) {
html = "" + html + "
";
}
html = jQuery( html ).appendTo( document.body );
ok( !!Sizzle("body div div div").length, "No stack or performance problems with large amounts of descendents" );
ok( !!Sizzle("body>div div div").length, "No stack or performance problems with large amounts of descendents" );
html.remove();
// Real use case would be using .watch in browsers with window.watch (see Issue #157)
q("qunit-fixture")[0].appendChild( document.createElement("toString") ).id = "toString";
t( "Element name matches Object.prototype property", "toString#toString", ["toString"] );
});
test("XML Document Selectors", function() {
var xml = createWithFriesXML();
expect( 11 );
equal( Sizzle("foo_bar", xml).length, 1, "Element Selector with underscore" );
equal( Sizzle(".component", xml).length, 1, "Class selector" );
equal( Sizzle("[class*=component]", xml).length, 1, "Attribute selector for class" );
equal( Sizzle("property[name=prop2]", xml).length, 1, "Attribute selector with name" );
equal( Sizzle("[name=prop2]", xml).length, 1, "Attribute selector with name" );
equal( Sizzle("#seite1", xml).length, 1, "Attribute selector with ID" );
equal( Sizzle("component#seite1", xml).length, 1, "Attribute selector with ID" );
equal( Sizzle.matches( "#seite1", Sizzle("component", xml) ).length, 1, "Attribute selector filter with ID" );
equal( Sizzle("meta property thing", xml).length, 2, "Descendent selector and dir caching" );
ok( Sizzle.matchesSelector( xml.lastChild, "soap\\:Envelope" ), "Check for namespaced element" );
xml = jQuery.parseXML(" ");
equal( Sizzle( "elem:not(:has(*))", xml ).length, 1,
"Non-qSA path correctly handles numeric ids (jQuery #14142)" );
});
test("broken", function() {
expect( 26 );
var attrbad,
broken = function( name, selector ) {
raises(function() {
// Setting context to null here somehow avoids QUnit's window.error handling
// making the e & e.message correct
// For whatever reason, without this,
// Sizzle.error will be called but no error will be seen in oldIE
Sizzle.call( null, selector );
}, function( e ) {
return e.message.indexOf("Syntax error") >= 0;
}, name + ": " + selector );
};
broken( "Broken Selector", "[" );
broken( "Broken Selector", "(" );
broken( "Broken Selector", "{" );
broken( "Broken Selector", "<" );
broken( "Broken Selector", "()" );
broken( "Broken Selector", "<>" );
broken( "Broken Selector", "{}" );
broken( "Broken Selector", "," );
broken( "Broken Selector", ",a" );
broken( "Broken Selector", "a," );
// Hangs on IE 9 if regular expression is inefficient
broken( "Broken Selector", "[id=012345678901234567890123456789");
broken( "Doesn't exist", ":visble" );
broken( "Nth-child", ":nth-child" );
// Sigh again. IE 9 thinks this is also a real selector
// not super critical that we fix this case
//broken( "Nth-child", ":nth-child(-)" );
// Sigh. WebKit thinks this is a real selector in qSA
// They've already fixed this and it'll be coming into
// current browsers soon. Currently, Safari 5.0 still has this problem
// broken( "Nth-child", ":nth-child(asdf)", [] );
broken( "Nth-child", ":nth-child(2n+-0)" );
broken( "Nth-child", ":nth-child(2+0)" );
broken( "Nth-child", ":nth-child(- 1n)" );
broken( "Nth-child", ":nth-child(-1 n)" );
broken( "First-child", ":first-child(n)" );
broken( "Last-child", ":last-child(n)" );
broken( "Only-child", ":only-child(n)" );
broken( "Nth-last-last-child", ":nth-last-last-child(1)" );
broken( "First-last-child", ":first-last-child" );
broken( "Last-last-child", ":last-last-child" );
broken( "Only-last-child", ":only-last-child" );
// Make sure attribute value quoting works correctly. See: #6093
attrbad = jQuery(" ").appendTo("#qunit-fixture");
broken( "Attribute not escaped", "input[name=foo.baz]", [] );
// Shouldn't be matching those inner brackets
broken( "Attribute not escaped", "input[name=foo[baz]]", [] );
});
test("id", function() {
expect( 34 );
var fiddle, a;
t( "ID Selector", "#body", ["body"] );
t( "ID Selector w/ Element", "body#body", ["body"] );
t( "ID Selector w/ Element", "ul#first", [] );
t( "ID selector with existing ID descendant", "#firstp #simon1", ["simon1"] );
t( "ID selector with non-existant descendant", "#firstp #foobar", [] );
t( "ID selector using UTF8", "#台北Táiběi", ["台北Táiběi"] );
t( "Multiple ID selectors using UTF8", "#台北Táiběi, #台北", ["台北Táiběi","台北"] );
t( "Descendant ID selector using UTF8", "div #台北", ["台北"] );
t( "Child ID selector using UTF8", "form > #台北", ["台北"] );
t( "Escaped ID", "#foo\\:bar", ["foo:bar"] );
t( "Escaped ID with descendent", "#foo\\:bar span:not(:input)", ["foo_descendent"] );
t( "Escaped ID", "#test\\.foo\\[5\\]bar", ["test.foo[5]bar"] );
t( "Descendant escaped ID", "div #foo\\:bar", ["foo:bar"] );
t( "Descendant escaped ID", "div #test\\.foo\\[5\\]bar", ["test.foo[5]bar"] );
t( "Child escaped ID", "form > #foo\\:bar", ["foo:bar"] );
t( "Child escaped ID", "form > #test\\.foo\\[5\\]bar", ["test.foo[5]bar"] );
fiddle = jQuery("
").appendTo("#qunit-fixture");
deepEqual( Sizzle( "> span", Sizzle("#fiddle\\\\Foo")[0] ), q([ "fiddleSpan" ]), "Escaped ID as context" );
fiddle.remove();
t( "ID Selector, child ID present", "#form > #radio1", ["radio1"] ); // bug #267
t( "ID Selector, not an ancestor ID", "#form #first", [] );
t( "ID Selector, not a child ID", "#form > #option1a", [] );
t( "All Children of ID", "#foo > *", ["sndp", "en", "sap"] );
t( "All Children of ID with no children", "#firstUL > *", [] );
equal( Sizzle("#tName1")[0].id, "tName1", "ID selector with same value for a name attribute" );
t( "ID selector non-existing but name attribute on an A tag", "#tName2", [] );
t( "Leading ID selector non-existing but name attribute on an A tag", "#tName2 span", [] );
t( "Leading ID selector existing, retrieving the child", "#tName1 span", ["tName1-span"] );
equal( Sizzle("div > div #tName1")[0].id, Sizzle("#tName1-span")[0].parentNode.id, "Ending with ID" );
a = jQuery(" ").appendTo("#qunit-fixture");
t( "ID Selector contains backslash", "#backslash\\\\foo", ["backslash\\foo"] );
t( "ID Selector on Form with an input that has a name of 'id'", "#lengthtest", ["lengthtest"] );
t( "ID selector with non-existant ancestor", "#asdfasdf #foobar", [] ); // bug #986
deepEqual( Sizzle("div#form", document.body), [], "ID selector within the context of another element" );
t( "Underscore ID", "#types_all", ["types_all"] );
t( "Dash ID", "#qunit-fixture", ["qunit-fixture"] );
t( "ID with weird characters in it", "#name\\+value", ["name+value"] );
});
test("class", function() {
expect( 26 );
t( "Class Selector", ".blog", ["mark","simon"] );
t( "Class Selector", ".GROUPS", ["groups"] );
t( "Class Selector", ".blog.link", ["simon"] );
t( "Class Selector w/ Element", "a.blog", ["mark","simon"] );
t( "Parent Class Selector", "p .blog", ["mark","simon"] );
t( "Class selector using UTF8", ".台北Táiběi", ["utf8class1"] );
//t( "Class selector using UTF8", ".台北", ["utf8class1","utf8class2"] );
t( "Class selector using UTF8", ".台北Táiběi.台北", ["utf8class1"] );
t( "Class selector using UTF8", ".台北Táiběi, .台北", ["utf8class1","utf8class2"] );
t( "Descendant class selector using UTF8", "div .台北Táiběi", ["utf8class1"] );
t( "Child class selector using UTF8", "form > .台北Táiběi", ["utf8class1"] );
t( "Escaped Class", ".foo\\:bar", ["foo:bar"] );
t( "Escaped Class", ".test\\.foo\\[5\\]bar", ["test.foo[5]bar"] );
t( "Descendant escaped Class", "div .foo\\:bar", ["foo:bar"] );
t( "Descendant escaped Class", "div .test\\.foo\\[5\\]bar", ["test.foo[5]bar"] );
t( "Child escaped Class", "form > .foo\\:bar", ["foo:bar"] );
t( "Child escaped Class", "form > .test\\.foo\\[5\\]bar", ["test.foo[5]bar"] );
var div = document.createElement("div");
div.innerHTML = "
";
deepEqual( Sizzle(".e", div), [ div.firstChild ], "Finding a second class." );
div.lastChild.className = "e";
deepEqual( Sizzle(".e", div), [ div.firstChild, div.lastChild ], "Finding a modified class." );
ok( !Sizzle.matchesSelector( div, ".null"), ".null does not match an element with no class" );
ok( !Sizzle.matchesSelector( div.firstChild, ".null div"), ".null does not match an element with no class" );
div.className = "null";
ok( Sizzle.matchesSelector( div, ".null"), ".null matches element with class 'null'" );
ok( Sizzle.matchesSelector( div.firstChild, ".null div"), "caching system respects DOM changes" );
ok( !Sizzle.matchesSelector( document, ".foo" ), "testing class on document doesn't error" );
ok( !Sizzle.matchesSelector( window, ".foo" ), "testing class on window doesn't error" );
div.lastChild.className += " hasOwnProperty toString";
deepEqual( Sizzle(".e.hasOwnProperty.toString", div), [ div.lastChild ], "Classes match Object.prototype properties" );
div = jQuery("
")[0];
equal( Sizzle(".foo", div).length, 1, "Class selector against SVG" );
});
test("name", function() {
expect( 13 );
var form;
t( "Name selector", "input[name=action]", ["text1"] );
t( "Name selector with single quotes", "input[name='action']", ["text1"] );
t( "Name selector with double quotes", "input[name=\"action\"]", ["text1"] );
t( "Name selector non-input", "[name=example]", ["name-is-example"] );
t( "Name selector non-input", "[name=div]", ["name-is-div"] );
t( "Name selector non-input", "*[name=iframe]", ["iframe"] );
t( "Name selector for grouped input", "input[name='types[]']", ["types_all", "types_anime", "types_movie"] );
form = document.getElementById("form");
deepEqual( Sizzle("input[name=action]", form), q("text1"), "Name selector within the context of another element" );
deepEqual( Sizzle("input[name='foo[bar]']", form), q("hidden2"), "Name selector for grouped form element within the context of another element" );
form = jQuery("").appendTo("body");
equal( Sizzle("input", form[0]).length, 1, "Make sure that rooted queries on forms (with possible expandos) work." );
form.remove();
t( "Find elements that have similar IDs", "[name=tName1]", ["tName1ID"] );
t( "Find elements that have similar IDs", "[name=tName2]", ["tName2ID"] );
t( "Find elements that have similar IDs", "#tName2ID", ["tName2ID"] );
});
test("multiple", function() {
expect(6);
t( "Comma Support", "h2, #qunit-fixture p", ["qunit-banner","qunit-userAgent","firstp","ap","sndp","en","sap","first"] );
t( "Comma Support", "h2 , #qunit-fixture p", ["qunit-banner","qunit-userAgent","firstp","ap","sndp","en","sap","first"] );
t( "Comma Support", "h2 , #qunit-fixture p", ["qunit-banner","qunit-userAgent","firstp","ap","sndp","en","sap","first"] );
t( "Comma Support", "h2,#qunit-fixture p", ["qunit-banner","qunit-userAgent","firstp","ap","sndp","en","sap","first"] );
t( "Comma Support", "h2,#qunit-fixture p ", ["qunit-banner","qunit-userAgent","firstp","ap","sndp","en","sap","first"] );
t( "Comma Support", "h2\t,\r#qunit-fixture p\n", ["qunit-banner","qunit-userAgent","firstp","ap","sndp","en","sap","first"] );
});
test("child and adjacent", function() {
expect( 42 );
var siblingFirst, en, nothiddendiv;
t( "Child", "p > a", ["simon1","google","groups","mark","yahoo","simon"] );
t( "Child", "p> a", ["simon1","google","groups","mark","yahoo","simon"] );
t( "Child", "p >a", ["simon1","google","groups","mark","yahoo","simon"] );
t( "Child", "p>a", ["simon1","google","groups","mark","yahoo","simon"] );
t( "Child w/ Class", "p > a.blog", ["mark","simon"] );
t( "All Children", "code > *", ["anchor1","anchor2"] );
t( "All Grandchildren", "p > * > *", ["anchor1","anchor2"] );
t( "Adjacent", "#qunit-fixture a + a", ["groups", "tName2ID"] );
t( "Adjacent", "#qunit-fixture a +a", ["groups", "tName2ID"] );
t( "Adjacent", "#qunit-fixture a+ a", ["groups", "tName2ID"] );
t( "Adjacent", "#qunit-fixture a+a", ["groups", "tName2ID"] );
t( "Adjacent", "p + p", ["ap","en","sap"] );
t( "Adjacent", "p#firstp + p", ["ap"] );
t( "Adjacent", "p[lang=en] + p", ["sap"] );
t( "Adjacent", "a.GROUPS + code + a", ["mark"] );
t( "Comma, Child, and Adjacent", "#qunit-fixture a + a, code > a", ["groups","anchor1","anchor2","tName2ID"] );
t( "Element Preceded By", "#qunit-fixture p ~ div", ["foo", "nothiddendiv", "moretests","tabindex-tests", "liveHandlerOrder", "siblingTest"] );
t( "Element Preceded By", "#first ~ div", ["moretests","tabindex-tests", "liveHandlerOrder", "siblingTest"] );
t( "Element Preceded By", "#groups ~ a", ["mark"] );
t( "Element Preceded By", "#length ~ input", ["idTest"] );
t( "Element Preceded By", "#siblingfirst ~ em", ["siblingnext", "siblingthird"] );
t( "Element Preceded By (multiple)", "#siblingTest em ~ em ~ em ~ span", ["siblingspan"] );
t( "Element Preceded By, Containing", "#liveHandlerOrder ~ div em:contains('1')", ["siblingfirst"] );
siblingFirst = document.getElementById("siblingfirst");
deepEqual( Sizzle("~ em", siblingFirst), q("siblingnext", "siblingthird"), "Element Preceded By with a context." );
deepEqual( Sizzle("+ em", siblingFirst), q("siblingnext"), "Element Directly Preceded By with a context." );
deepEqual( Sizzle("~ em:first", siblingFirst), q("siblingnext"), "Element Preceded By positional with a context." );
en = document.getElementById("en");
deepEqual( Sizzle("+ p, a", en), q("yahoo", "sap"), "Compound selector with context, beginning with sibling test." );
deepEqual( Sizzle("a, + p", en), q("yahoo", "sap"), "Compound selector with context, containing sibling test." );
t( "Multiple combinators selects all levels", "#siblingTest em *", ["siblingchild", "siblinggrandchild", "siblinggreatgrandchild"] );
t( "Multiple combinators selects all levels", "#siblingTest > em *", ["siblingchild", "siblinggrandchild", "siblinggreatgrandchild"] );
t( "Multiple sibling combinators doesn't miss general siblings", "#siblingTest > em:first-child + em ~ span", ["siblingspan"] );
t( "Combinators are not skipped when mixing general and specific", "#siblingTest > em:contains('x') + em ~ span", [] );
equal( Sizzle("#listWithTabIndex").length, 1, "Parent div for next test is found via ID (#8310)" );
equal( Sizzle("#listWithTabIndex li:eq(2) ~ li").length, 1, "Find by general sibling combinator (#8310)" );
equal( Sizzle("#__sizzle__").length, 0, "Make sure the temporary id assigned by sizzle is cleared out (#8310)" );
equal( Sizzle("#listWithTabIndex").length, 1, "Parent div for previous test is still found via ID (#8310)" );
t( "Verify deep class selector", "div.blah > p > a", [] );
t( "No element deep selector", "div.foo > span > a", [] );
nothiddendiv = document.getElementById("nothiddendiv");
deepEqual( Sizzle("> :first", nothiddendiv), q("nothiddendivchild"), "Verify child context positional selector" );
deepEqual( Sizzle("> :eq(0)", nothiddendiv), q("nothiddendivchild"), "Verify child context positional selector" );
deepEqual( Sizzle("> *:first", nothiddendiv), q("nothiddendivchild"), "Verify child context positional selector" );
t( "Non-existant ancestors", ".fototab > .thumbnails > a", [] );
});
test("attributes", function() {
expect( 76 );
var opt, input, attrbad, div;
t( "Attribute Exists", "#qunit-fixture a[title]", ["google"] );
t( "Attribute Exists (case-insensitive)", "#qunit-fixture a[TITLE]", ["google"] );
t( "Attribute Exists", "#qunit-fixture *[title]", ["google"] );
t( "Attribute Exists", "#qunit-fixture [title]", ["google"] );
t( "Attribute Exists", "#qunit-fixture a[ title ]", ["google"] );
t( "Boolean attribute exists", "#select2 option[selected]", ["option2d"]);
t( "Boolean attribute equals", "#select2 option[selected='selected']", ["option2d"]);
t( "Attribute Equals", "#qunit-fixture a[rel='bookmark']", ["simon1"] );
t( "Attribute Equals", "#qunit-fixture a[rel='bookmark']", ["simon1"] );
t( "Attribute Equals", "#qunit-fixture a[rel=bookmark]", ["simon1"] );
t( "Attribute Equals", "#qunit-fixture a[href='http://www.google.com/']", ["google"] );
t( "Attribute Equals", "#qunit-fixture a[ rel = 'bookmark' ]", ["simon1"] );
t( "Attribute Equals Number", "#qunit-fixture option[value=1]", ["option1b","option2b","option3b","option4b","option5c"] );
t( "Attribute Equals Number", "#qunit-fixture li[tabIndex=-1]", ["foodWithNegativeTabIndex"] );
document.getElementById("anchor2").href = "#2";
t( "href Attribute", "p a[href^=#]", ["anchor2"] );
t( "href Attribute", "p a[href*=#]", ["simon1", "anchor2"] );
t( "for Attribute", "form label[for]", ["label-for"] );
t( "for Attribute in form", "#form [for=action]", ["label-for"] );
t( "Attribute containing []", "input[name^='foo[']", ["hidden2"] );
t( "Attribute containing []", "input[name^='foo[bar]']", ["hidden2"] );
t( "Attribute containing []", "input[name*='[bar]']", ["hidden2"] );
t( "Attribute containing []", "input[name$='bar]']", ["hidden2"] );
t( "Attribute containing []", "input[name$='[bar]']", ["hidden2"] );
t( "Attribute containing []", "input[name$='foo[bar]']", ["hidden2"] );
t( "Attribute containing []", "input[name*='foo[bar]']", ["hidden2"] );
deepEqual( Sizzle( "input[data-comma='0,1']" ), [ document.getElementById("el12087") ], "Without context, single-quoted attribute containing ','" );
deepEqual( Sizzle( "input[data-comma=\"0,1\"]" ), [ document.getElementById("el12087") ], "Without context, double-quoted attribute containing ','" );
deepEqual( Sizzle( "input[data-comma='0,1']", document.getElementById("t12087") ), [ document.getElementById("el12087") ], "With context, single-quoted attribute containing ','" );
deepEqual( Sizzle( "input[data-comma=\"0,1\"]", document.getElementById("t12087") ), [ document.getElementById("el12087") ], "With context, double-quoted attribute containing ','" );
t( "Multiple Attribute Equals", "#form input[type='radio'], #form input[type='hidden']", ["radio1", "radio2", "hidden1"] );
t( "Multiple Attribute Equals", "#form input[type='radio'], #form input[type=\"hidden\"]", ["radio1", "radio2", "hidden1"] );
t( "Multiple Attribute Equals", "#form input[type='radio'], #form input[type=hidden]", ["radio1", "radio2", "hidden1"] );
t( "Attribute selector using UTF8", "span[lang=中文]", ["台北"] );
t( "Attribute Begins With", "a[href ^= 'http://www']", ["google","yahoo"] );
t( "Attribute Ends With", "a[href $= 'org/']", ["mark"] );
t( "Attribute Contains", "a[href *= 'google']", ["google","groups"] );
t( "Attribute Is Not Equal", "#ap a[hreflang!='en']", ["google","groups","anchor1"] );
opt = document.getElementById("option1a");
opt.setAttribute( "test", "" );
ok( Sizzle.matchesSelector( opt, "[id*=option1][type!=checkbox]" ), "Attribute Is Not Equal Matches" );
ok( Sizzle.matchesSelector( opt, "[id*=option1]" ), "Attribute With No Quotes Contains Matches" );
ok( Sizzle.matchesSelector( opt, "[test=]" ), "Attribute With No Quotes No Content Matches" );
ok( !Sizzle.matchesSelector( opt, "[test^='']" ), "Attribute with empty string value does not match startsWith selector (^=)" );
ok( Sizzle.matchesSelector( opt, "[id=option1a]" ), "Attribute With No Quotes Equals Matches" );
ok( Sizzle.matchesSelector( document.getElementById("simon1"), "a[href*=#]" ), "Attribute With No Quotes Href Contains Matches" );
t( "Empty values", "#select1 option[value='']", ["option1a"] );
t( "Empty values", "#select1 option[value!='']", ["option1b","option1c","option1d"] );
t( "Select options via :selected", "#select1 option:selected", ["option1a"] );
t( "Select options via :selected", "#select2 option:selected", ["option2d"] );
t( "Select options via :selected", "#select3 option:selected", ["option3b", "option3c"] );
t( "Select options via :selected", "select[name='select2'] option:selected", ["option2d"] );
t( "Grouped Form Elements", "input[name='foo[bar]']", ["hidden2"] );
input = document.getElementById("text1");
input.title = "Don't click me";
ok( Sizzle.matchesSelector( input, "input[title=\"Don't click me\"]" ), "Quote within attribute value does not mess up tokenizer" );
// Uncomment if the boolHook is removed
// var check2 = document.getElementById("check2");
// check2.checked = true;
// ok( !Sizzle.matches("[checked]", [ check2 ] ), "Dynamic boolean attributes match when they should with Sizzle.matches (#11115)" );
// jQuery #12303
input.setAttribute( "data-pos", ":first" );
ok( Sizzle.matchesSelector( input, "input[data-pos=\\:first]"), "POS within attribute value is treated as an attribute value" );
ok( Sizzle.matchesSelector( input, "input[data-pos=':first']"), "POS within attribute value is treated as an attribute value" );
ok( Sizzle.matchesSelector( input, ":input[data-pos=':first']"), "POS within attribute value after pseudo is treated as an attribute value" );
input.removeAttribute("data-pos");
// Make sure attribute value quoting works correctly. See jQuery #6093; #6428; #13894
// Use seeded results to bypass querySelectorAll optimizations
attrbad = jQuery(
" " +
" " +
" " +
" " +
" " +
" " +
" " +
" " +
" "
).appendTo("#qunit-fixture").get();
t( "Underscores don't need escaping", "input[id=types_all]", ["types_all"] );
deepEqual( Sizzle( "input[name=foo\\ bar]", null, null, attrbad ), q("attrbad_space"),
"Escaped space" );
deepEqual( Sizzle( "input[name=foo\\.baz]", null, null, attrbad ), q("attrbad_dot"),
"Escaped dot" );
deepEqual( Sizzle( "input[name=foo\\[baz\\]]", null, null, attrbad ), q("attrbad_brackets"),
"Escaped brackets" );
deepEqual( Sizzle( "input[data-attr='foo_baz\\']']", null, null, attrbad ), q("attrbad_injection"),
"Escaped quote + right bracket" );
deepEqual( Sizzle( "input[data-attr='\\'']", null, null, attrbad ), q("attrbad_quote"),
"Quoted quote" );
deepEqual( Sizzle( "input[data-attr='\\\\']", null, null, attrbad ), q("attrbad_backslash"),
"Quoted backslash" );
deepEqual( Sizzle( "input[data-attr='\\\\\\'']", null, null, attrbad ), q("attrbad_backslash_quote"),
"Quoted backslash quote" );
deepEqual( Sizzle( "input[data-attr='\\\\\\\\']", null, null, attrbad ), q("attrbad_backslash_backslash"),
"Quoted backslash backslash" );
deepEqual( Sizzle( "input[data-attr='\\5C\\\\']", null, null, attrbad ), q("attrbad_backslash_backslash"),
"Quoted backslash backslash (numeric escape)" );
deepEqual( Sizzle( "input[data-attr='\\5C \\\\']", null, null, attrbad ), q("attrbad_backslash_backslash"),
"Quoted backslash backslash (numeric escape with trailing space)" );
deepEqual( Sizzle( "input[data-attr='\\5C\t\\\\']", null, null, attrbad ), q("attrbad_backslash_backslash"),
"Quoted backslash backslash (numeric escape with trailing tab)" );
deepEqual( Sizzle( "input[data-attr='\\04e00']", null, null, attrbad ), q("attrbad_unicode"),
"Long numeric escape (BMP)" );
document.getElementById("attrbad_unicode").setAttribute( "data-attr", "\uD834\uDF06A" );
// It was too much code to fix Safari 5.x Supplemental Plane crashes (see ba5f09fa404379a87370ec905ffa47f8ac40aaa3)
// deepEqual( Sizzle( "input[data-attr='\\01D306A']", null, null, attrbad ), q("attrbad_unicode"),
// "Long numeric escape (non-BMP)" );
t( "input[type=text]", "#form input[type=text]", ["text1", "text2", "hidden2", "name"] );
t( "input[type=search]", "#form input[type=search]", ["search"] );
t( "script[src] (jQuery #13777)", "#moretests script[src]", ["script-src"] );
// #3279
div = document.createElement("div");
div.innerHTML = "
";
deepEqual( Sizzle( "[xml\\:test]", div ), [ div.firstChild ], "Finding by attribute with escaped characters." );
div = document.getElementById("foo");
t( "Object.prototype property \"constructor\" (negative)", "[constructor]", [] );
t( "Gecko Object.prototype property \"watch\" (negative)", "[watch]", [] );
div.setAttribute( "constructor", "foo" );
div.setAttribute( "watch", "bar" );
t( "Object.prototype property \"constructor\"", "[constructor='foo']", ["foo"] );
t( "Gecko Object.prototype property \"watch\"", "[watch='bar']", ["foo"] );
t( "Value attribute is retrieved correctly", "input[value=Test]", ["text1", "text2"] );
});
test("pseudo - (parent|empty)", function() {
expect( 3 );
t( "Empty", "ul:empty", ["firstUL"] );
t( "Empty with comment node", "ol:empty", ["empty"] );
t( "Is A Parent", "#qunit-fixture p:parent", ["firstp","ap","sndp","en","sap","first"] );
});
test("pseudo - (first|last|only)-(child|of-type)", function() {
expect( 12 );
t( "First Child", "p:first-child", ["firstp","sndp"] );
t( "First Child (leading id)", "#qunit-fixture p:first-child", ["firstp","sndp"] );
t( "First Child (leading class)", ".nothiddendiv div:first-child", ["nothiddendivchild"] );
t( "First Child (case-insensitive)", "#qunit-fixture p:FIRST-CHILD", ["firstp","sndp"] );
t( "Last Child", "p:last-child", ["sap"] );
t( "Last Child (leading id)", "#qunit-fixture a:last-child", ["simon1","anchor1","mark","yahoo","anchor2","simon","liveLink1","liveLink2"] );
t( "Only Child", "#qunit-fixture a:only-child", ["simon1","anchor1","yahoo","anchor2","liveLink1","liveLink2"] );
t( "First-of-type", "#qunit-fixture > p:first-of-type", ["firstp"] );
t( "Last-of-type", "#qunit-fixture > p:last-of-type", ["first"] );
t( "Only-of-type", "#qunit-fixture > :only-of-type", ["name+value", "firstUL", "empty", "floatTest", "iframe", "table"] );
// Verify that the child position isn't being cached improperly
var secondChildren = jQuery("p:nth-child(2)").before("
");
t( "No longer second child", "p:nth-child(2)", [] );
secondChildren.prev().remove();
t( "Restored second child", "p:nth-child(2)", ["ap","en"] );
});
test("pseudo - nth-child", function() {
expect( 30 );
t( "Nth-child", "p:nth-child(1)", ["firstp","sndp"] );
t( "Nth-child (with whitespace)", "p:nth-child( 1 )", ["firstp","sndp"] );
t( "Nth-child (case-insensitive)", "#form select:first option:NTH-child(3)", ["option1c"] );
t( "Not nth-child", "#qunit-fixture p:not(:nth-child(1))", ["ap","en","sap","first"] );
t( "Nth-child(2)", "#qunit-fixture form#form > *:nth-child(2)", ["text1"] );
t( "Nth-child(2)", "#qunit-fixture form#form > :nth-child(2)", ["text1"] );
t( "Nth-child(-1)", "#form select:first option:nth-child(-1)", [] );
t( "Nth-child(3)", "#form select:first option:nth-child(3)", ["option1c"] );
t( "Nth-child(0n+3)", "#form select:first option:nth-child(0n+3)", ["option1c"] );
t( "Nth-child(1n+0)", "#form select:first option:nth-child(1n+0)", ["option1a", "option1b", "option1c", "option1d"] );
t( "Nth-child(1n)", "#form select:first option:nth-child(1n)", ["option1a", "option1b", "option1c", "option1d"] );
t( "Nth-child(n)", "#form select:first option:nth-child(n)", ["option1a", "option1b", "option1c", "option1d"] );
t( "Nth-child(even)", "#form select:first option:nth-child(even)", ["option1b", "option1d"] );
t( "Nth-child(odd)", "#form select:first option:nth-child(odd)", ["option1a", "option1c"] );
t( "Nth-child(2n)", "#form select:first option:nth-child(2n)", ["option1b", "option1d"] );
t( "Nth-child(2n+1)", "#form select:first option:nth-child(2n+1)", ["option1a", "option1c"] );
t( "Nth-child(2n + 1)", "#form select:first option:nth-child(2n + 1)", ["option1a", "option1c"] );
t( "Nth-child(+2n + 1)", "#form select:first option:nth-child(+2n + 1)", ["option1a", "option1c"] );
t( "Nth-child(3n)", "#form select:first option:nth-child(3n)", ["option1c"] );
t( "Nth-child(3n+1)", "#form select:first option:nth-child(3n+1)", ["option1a", "option1d"] );
t( "Nth-child(3n+2)", "#form select:first option:nth-child(3n+2)", ["option1b"] );
t( "Nth-child(3n+3)", "#form select:first option:nth-child(3n+3)", ["option1c"] );
t( "Nth-child(3n-1)", "#form select:first option:nth-child(3n-1)", ["option1b"] );
t( "Nth-child(3n-2)", "#form select:first option:nth-child(3n-2)", ["option1a", "option1d"] );
t( "Nth-child(3n-3)", "#form select:first option:nth-child(3n-3)", ["option1c"] );
t( "Nth-child(3n+0)", "#form select:first option:nth-child(3n+0)", ["option1c"] );
t( "Nth-child(-1n+3)", "#form select:first option:nth-child(-1n+3)", ["option1a", "option1b", "option1c"] );
t( "Nth-child(-n+3)", "#form select:first option:nth-child(-n+3)", ["option1a", "option1b", "option1c"] );
t( "Nth-child(-1n + 3)", "#form select:first option:nth-child(-1n + 3)", ["option1a", "option1b", "option1c"] );
deepEqual( Sizzle( ":nth-child(n)", null, null, [ document.createElement("a") ].concat( q("ap") ) ), q("ap"), "Seeded nth-child" );
});
test("pseudo - nth-last-child", function() {
expect( 30 );
t( "Nth-last-child", "form:nth-last-child(5)", ["testForm"] );
t( "Nth-last-child (with whitespace)", "form:nth-last-child( 5 )", ["testForm"] );
t( "Nth-last-child (case-insensitive)", "#form select:first option:NTH-last-child(3)", ["option1b"] );
t( "Not nth-last-child", "#qunit-fixture p:not(:nth-last-child(1))", ["firstp", "ap", "sndp", "en", "first"] );
t( "Nth-last-child(-1)", "#form select:first option:nth-last-child(-1)", [] );
t( "Nth-last-child(3)", "#form select:first :nth-last-child(3)", ["option1b"] );
t( "Nth-last-child(3)", "#form select:first *:nth-last-child(3)", ["option1b"] );
t( "Nth-last-child(3)", "#form select:first option:nth-last-child(3)", ["option1b"] );
t( "Nth-last-child(0n+3)", "#form select:first option:nth-last-child(0n+3)", ["option1b"] );
t( "Nth-last-child(1n+0)", "#form select:first option:nth-last-child(1n+0)", ["option1a", "option1b", "option1c", "option1d"] );
t( "Nth-last-child(1n)", "#form select:first option:nth-last-child(1n)", ["option1a", "option1b", "option1c", "option1d"] );
t( "Nth-last-child(n)", "#form select:first option:nth-last-child(n)", ["option1a", "option1b", "option1c", "option1d"] );
t( "Nth-last-child(even)", "#form select:first option:nth-last-child(even)", ["option1a", "option1c"] );
t( "Nth-last-child(odd)", "#form select:first option:nth-last-child(odd)", ["option1b", "option1d"] );
t( "Nth-last-child(2n)", "#form select:first option:nth-last-child(2n)", ["option1a", "option1c"] );
t( "Nth-last-child(2n+1)", "#form select:first option:nth-last-child(2n+1)", ["option1b", "option1d"] );
t( "Nth-last-child(2n + 1)", "#form select:first option:nth-last-child(2n + 1)", ["option1b", "option1d"] );
t( "Nth-last-child(+2n + 1)", "#form select:first option:nth-last-child(+2n + 1)", ["option1b", "option1d"] );
t( "Nth-last-child(3n)", "#form select:first option:nth-last-child(3n)", ["option1b"] );
t( "Nth-last-child(3n+1)", "#form select:first option:nth-last-child(3n+1)", ["option1a", "option1d"] );
t( "Nth-last-child(3n+2)", "#form select:first option:nth-last-child(3n+2)", ["option1c"] );
t( "Nth-last-child(3n+3)", "#form select:first option:nth-last-child(3n+3)", ["option1b"] );
t( "Nth-last-child(3n-1)", "#form select:first option:nth-last-child(3n-1)", ["option1c"] );
t( "Nth-last-child(3n-2)", "#form select:first option:nth-last-child(3n-2)", ["option1a", "option1d"] );
t( "Nth-last-child(3n-3)", "#form select:first option:nth-last-child(3n-3)", ["option1b"] );
t( "Nth-last-child(3n+0)", "#form select:first option:nth-last-child(3n+0)", ["option1b"] );
t( "Nth-last-child(-1n+3)", "#form select:first option:nth-last-child(-1n+3)", ["option1b", "option1c", "option1d"] );
t( "Nth-last-child(-n+3)", "#form select:first option:nth-last-child(-n+3)", ["option1b", "option1c", "option1d"] );
t( "Nth-last-child(-1n + 3)", "#form select:first option:nth-last-child(-1n + 3)", ["option1b", "option1c", "option1d"] );
deepEqual( Sizzle( ":nth-last-child(n)", null, null, [ document.createElement("a") ].concat( q("ap") ) ), q("ap"), "Seeded nth-last-child" );
});
test("pseudo - nth-of-type", function() {
expect( 9 );
t( "Nth-of-type(-1)", ":nth-of-type(-1)", [] );
t( "Nth-of-type(3)", "#ap :nth-of-type(3)", ["mark"] );
t( "Nth-of-type(n)", "#ap :nth-of-type(n)", ["google", "groups", "code1", "anchor1", "mark"] );
t( "Nth-of-type(0n+3)", "#ap :nth-of-type(0n+3)", ["mark"] );
t( "Nth-of-type(2n)", "#ap :nth-of-type(2n)", ["groups"] );
t( "Nth-of-type(even)", "#ap :nth-of-type(even)", ["groups"] );
t( "Nth-of-type(2n+1)", "#ap :nth-of-type(2n+1)", ["google", "code1", "anchor1", "mark"] );
t( "Nth-of-type(odd)", "#ap :nth-of-type(odd)", ["google", "code1", "anchor1", "mark"] );
t( "Nth-of-type(-n+2)", "#qunit-fixture > :nth-of-type(-n+2)", ["firstp", "ap", "foo", "nothiddendiv", "name+value", "firstUL", "empty", "form", "floatTest", "iframe", "lengthtest", "table"] );
});
test("pseudo - nth-last-of-type", function() {
expect( 9 );
t( "Nth-last-of-type(-1)", ":nth-last-of-type(-1)", [] );
t( "Nth-last-of-type(3)", "#ap :nth-last-of-type(3)", ["google"] );
t( "Nth-last-of-type(n)", "#ap :nth-last-of-type(n)", ["google", "groups", "code1", "anchor1", "mark"] );
t( "Nth-last-of-type(0n+3)", "#ap :nth-last-of-type(0n+3)", ["google"] );
t( "Nth-last-of-type(2n)", "#ap :nth-last-of-type(2n)", ["groups"] );
t( "Nth-last-of-type(even)", "#ap :nth-last-of-type(even)", ["groups"] );
t( "Nth-last-of-type(2n+1)", "#ap :nth-last-of-type(2n+1)", ["google", "code1", "anchor1", "mark"] );
t( "Nth-last-of-type(odd)", "#ap :nth-last-of-type(odd)", ["google", "code1", "anchor1", "mark"] );
t( "Nth-last-of-type(-n+2)", "#qunit-fixture > :nth-last-of-type(-n+2)", ["ap", "name+value", "first", "firstUL", "empty", "floatTest", "iframe", "table", "name-tests", "testForm", "liveHandlerOrder", "siblingTest"] );
});
test("pseudo - has", function() {
expect( 3 );
t( "Basic test", "p:has(a)", ["firstp","ap","en","sap"] );
t( "Basic test (irrelevant whitespace)", "p:has( a )", ["firstp","ap","en","sap"] );
t( "Nested with overlapping candidates", "#qunit-fixture div:has(div:has(div:not([id])))", [ "moretests", "t2037" ] );
});
test("pseudo - misc", function() {
expect( 39 );
var select, tmp, input;
t( "Headers", ":header", ["qunit-header", "qunit-banner", "qunit-userAgent"] );
t( "Headers(case-insensitive)", ":Header", ["qunit-header", "qunit-banner", "qunit-userAgent"] );
t( "Multiple matches with the same context (cache check)", "#form select:has(option:first-child:contains('o'))", ["select1", "select2", "select3", "select4"] );
ok( Sizzle("#qunit-fixture :not(:has(:has(*)))").length, "All not grandparents" );
select = document.getElementById("select1");
ok( Sizzle.matchesSelector( select, ":has(option)" ), "Has Option Matches" );
ok( Sizzle("a:contains('')").length, "Empty string contains" );
t( "Text Contains", "a:contains(Google)", ["google","groups"] );
t( "Text Contains", "a:contains(Google Groups)", ["groups"] );
t( "Text Contains", "a:contains('Google Groups (Link)')", ["groups"] );
t( "Text Contains", "a:contains(\"(Link)\")", ["groups"] );
t( "Text Contains", "a:contains(Google Groups (Link))", ["groups"] );
t( "Text Contains", "a:contains((Link))", ["groups"] );
tmp = document.createElement("div");
tmp.id = "tmp_input";
document.body.appendChild( tmp );
jQuery.each( [ "button", "submit", "reset" ], function( i, type ) {
var els = jQuery(
"test "
.replace( /%/g, type )
).appendTo( tmp );
t( "Input Buttons :" + type, "#tmp_input :" + type, [ "input_" + type, "button_" + type ] );
ok( Sizzle.matchesSelector( els[0], ":" + type ), "Input Matches :" + type );
ok( Sizzle.matchesSelector( els[1], ":" + type ), "Button Matches :" + type );
});
document.body.removeChild( tmp );
// Recreate tmp
tmp = document.createElement("div");
tmp.id = "tmp_input";
tmp.innerHTML = "Hello I am focusable. ";
// Setting tabIndex should make the element focusable
// http://dev.w3.org/html5/spec/single-page.html#focus-management
document.body.appendChild( tmp );
tmp.tabIndex = 0;
tmp.focus();
if ( document.activeElement !== tmp || (document.hasFocus && !document.hasFocus()) ||
(document.querySelectorAll && !document.querySelectorAll("div:focus").length) ) {
ok( true, "The div was not focused. Skip checking the :focus match." );
ok( true, "The div was not focused. Skip checking the :focus match." );
} else {
t( "tabIndex element focused", ":focus", [ "tmp_input" ] );
ok( Sizzle.matchesSelector( tmp, ":focus" ), ":focus matches tabIndex div" );
}
// Blur tmp
tmp.blur();
document.body.focus();
ok( !Sizzle.matchesSelector( tmp, ":focus" ), ":focus doesn't match tabIndex div" );
document.body.removeChild( tmp );
// Input focus/active
input = document.createElement("input");
input.type = "text";
input.id = "focus-input";
document.body.appendChild( input );
input.focus();
// Inputs can't be focused unless the document has focus
if ( document.activeElement !== input || (document.hasFocus && !document.hasFocus()) ||
(document.querySelectorAll && !document.querySelectorAll("input:focus").length) ) {
ok( true, "The input was not focused. Skip checking the :focus match." );
ok( true, "The input was not focused. Skip checking the :focus match." );
} else {
t( "Element focused", "input:focus", [ "focus-input" ] );
ok( Sizzle.matchesSelector( input, ":focus" ), ":focus matches" );
}
input.blur();
// When IE is out of focus, blur does not work. Force it here.
if ( document.activeElement === input ) {
document.body.focus();
}
ok( !Sizzle.matchesSelector( input, ":focus" ), ":focus doesn't match" );
document.body.removeChild( input );
deepEqual(
Sizzle( "[id='select1'] *:not(:last-child), [id='select2'] *:not(:last-child)", q("qunit-fixture")[0] ),
q( "option1a", "option1b", "option1c", "option2a", "option2b", "option2c" ),
"caching system tolerates recursive selection"
);
// Tokenization edge cases
t( "Sequential pseudos", "#qunit-fixture p:has(:contains(mark)):has(code)", ["ap"] );
t( "Sequential pseudos", "#qunit-fixture p:has(:contains(mark)):has(code):contains(This link)", ["ap"] );
t( "Pseudo argument containing ')'", "p:has(>a.GROUPS[src!=')'])", ["ap"] );
t( "Pseudo argument containing ')'", "p:has(>a.GROUPS[src!=')'])", ["ap"] );
t( "Pseudo followed by token containing ')'", "p:contains(id=\"foo\")[id!=\\)]", ["sndp"] );
t( "Pseudo followed by token containing ')'", "p:contains(id=\"foo\")[id!=')']", ["sndp"] );
t( "Multi-pseudo", "#ap:has(*), #ap:has(*)", ["ap"] );
t( "Multi-positional", "#ap:gt(0), #ap:lt(1)", ["ap"] );
t( "Multi-pseudo with leading nonexistent id", "#nonexistent:has(*), #ap:has(*)", ["ap"] );
t( "Multi-positional with leading nonexistent id", "#nonexistent:gt(0), #ap:lt(1)", ["ap"] );
t( "Tokenization stressor", "a[class*=blog]:not(:has(*, :contains(!)), :contains(!)), br:contains(]), p:contains(]), :not(:empty):not(:parent)", ["ap", "mark","yahoo","simon"] );
});
test("pseudo - :not", function() {
expect( 43 );
t( "Not", "a.blog:not(.link)", ["mark"] );
t( ":not() with :first", "#foo p:not(:first) .link", ["simon"] );
t( "Not - multiple", "#form option:not(:contains(Nothing),#option1b,:selected)", ["option1c", "option1d", "option2b", "option2c", "option3d", "option3e", "option4e", "option5b", "option5c"] );
t( "Not - recursive", "#form option:not(:not(:selected))[id^='option3']", [ "option3b", "option3c"] );
t( ":not() failing interior", "#qunit-fixture p:not(.foo)", ["firstp","ap","sndp","en","sap","first"] );
t( ":not() failing interior", "#qunit-fixture p:not(div.foo)", ["firstp","ap","sndp","en","sap","first"] );
t( ":not() failing interior", "#qunit-fixture p:not(p.foo)", ["firstp","ap","sndp","en","sap","first"] );
t( ":not() failing interior", "#qunit-fixture p:not(#blargh)", ["firstp","ap","sndp","en","sap","first"] );
t( ":not() failing interior", "#qunit-fixture p:not(div#blargh)", ["firstp","ap","sndp","en","sap","first"] );
t( ":not() failing interior", "#qunit-fixture p:not(p#blargh)", ["firstp","ap","sndp","en","sap","first"] );
t( ":not Multiple", "#qunit-fixture p:not(a)", ["firstp","ap","sndp","en","sap","first"] );
t( ":not Multiple", "#qunit-fixture p:not( a )", ["firstp","ap","sndp","en","sap","first"] );
t( ":not Multiple", "#qunit-fixture p:not( p )", [] );
t( ":not Multiple", "#qunit-fixture p:not(a, b)", ["firstp","ap","sndp","en","sap","first"] );
t( ":not Multiple", "#qunit-fixture p:not(a, b, div)", ["firstp","ap","sndp","en","sap","first"] );
t( ":not Multiple", "p:not(p)", [] );
t( ":not Multiple", "p:not(a,p)", [] );
t( ":not Multiple", "p:not(p,a)", [] );
t( ":not Multiple", "p:not(a,p,b)", [] );
t( ":not Multiple", ":input:not(:image,:input,:submit)", [] );
t( ":not Multiple", "#qunit-fixture p:not(:has(a), :nth-child(1))", ["first"] );
t( "No element not selector", ".container div:not(.excluded) div", [] );
t( ":not() Existing attribute", "#form select:not([multiple])", ["select1", "select2", "select5"]);
t( ":not() Equals attribute", "#form select:not([name=select1])", ["select2", "select3", "select4","select5"]);
t( ":not() Equals quoted attribute", "#form select:not([name='select1'])", ["select2", "select3", "select4", "select5"]);
t( ":not() Multiple Class", "#foo a:not(.blog)", ["yahoo", "anchor2"] );
t( ":not() Multiple Class", "#foo a:not(.link)", ["yahoo", "anchor2"] );
t( ":not() Multiple Class", "#foo a:not(.blog.link)", ["yahoo", "anchor2"] );
t( ":not chaining (compound)", "#qunit-fixture div[id]:not(:has(div, span)):not(:has(*))", ["nothiddendivchild", "divWithNoTabIndex"] );
t( ":not chaining (with attribute)", "#qunit-fixture form[id]:not([action$='formaction']):not(:button)", ["lengthtest", "name-tests", "testForm"] );
t( ":not chaining (colon in attribute)", "#qunit-fixture form[id]:not([action='form:action']):not(:button)", ["form", "lengthtest", "name-tests", "testForm"] );
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"] );
t( ":not chaining", "#form select:not(.select1):contains(Nothing) > option:not(option)", [] );
t( "positional :not()", "#foo p:not(:last)", ["sndp", "en"] );
t( "positional :not() prefix", "#foo p:not(:last) a", ["yahoo"] );
t( "compound positional :not()", "#foo p:not(:first, :last)", ["en"] );
t( "compound positional :not()", "#foo p:not(:first, :even)", ["en"] );
t( "compound positional :not()", "#foo p:not(:first, :odd)", ["sap"] );
t( "reordered compound positional :not()", "#foo p:not(:odd, :first)", ["sap"] );
t( "positional :not() with pre-filter", "#foo p:not([id]:first)", ["en", "sap"] );
t( "positional :not() with post-filter", "#foo p:not(:first[id])", ["en", "sap"] );
t( "positional :not() with pre-filter", "#foo p:not([lang]:first)", ["sndp", "sap"] );
t( "positional :not() with post-filter", "#foo p:not(:first[lang])", ["sndp", "en", "sap"] );
});
test("pseudo - position", function() {
expect( 33 );
t( "First element", "div:first", ["qunit"] );
t( "First element(case-insensitive)", "div:fiRst", ["qunit"] );
t( "nth Element", "#qunit-fixture p:nth(1)", ["ap"] );
t( "First Element", "#qunit-fixture p:first", ["firstp"] );
t( "Last Element", "p:last", ["first"] );
t( "Even Elements", "#qunit-fixture p:even", ["firstp","sndp","sap"] );
t( "Odd Elements", "#qunit-fixture p:odd", ["ap","en","first"] );
t( "Position Equals", "#qunit-fixture p:eq(1)", ["ap"] );
t( "Position Equals (negative)", "#qunit-fixture p:eq(-1)", ["first"] );
t( "Position Greater Than", "#qunit-fixture p:gt(0)", ["ap","sndp","en","sap","first"] );
t( "Position Less Than", "#qunit-fixture p:lt(3)", ["firstp","ap","sndp"] );
t( "Check position filtering", "div#nothiddendiv:eq(0)", ["nothiddendiv"] );
t( "Check position filtering", "div#nothiddendiv:last", ["nothiddendiv"] );
t( "Check position filtering", "div#nothiddendiv:not(:gt(0))", ["nothiddendiv"] );
t( "Check position filtering", "#foo > :not(:first)", ["en", "sap"] );
t( "Check position filtering", "#qunit-fixture select > :not(:gt(2))", ["option1a", "option1b", "option1c"] );
t( "Check position filtering", "#qunit-fixture select:lt(2) :not(:first)", ["option1b", "option1c", "option1d", "option2a", "option2b", "option2c", "option2d"] );
t( "Check position filtering", "div.nothiddendiv:eq(0)", ["nothiddendiv"] );
t( "Check position filtering", "div.nothiddendiv:last", ["nothiddendiv"] );
t( "Check position filtering", "div.nothiddendiv:not(:lt(0))", ["nothiddendiv"] );
t( "Check element position", "#qunit-fixture div div:eq(0)", ["nothiddendivchild"] );
t( "Check element position", "#select1 option:eq(3)", ["option1d"] );
t( "Check element position", "#qunit-fixture div div:eq(10)", ["names-group"] );
t( "Check element position", "#qunit-fixture div div:first", ["nothiddendivchild"] );
t( "Check element position", "#qunit-fixture div > div:first", ["nothiddendivchild"] );
t( "Check element position", "#dl div:first div:first", ["foo"] );
t( "Check element position", "#dl div:first > div:first", ["foo"] );
t( "Check element position", "div#nothiddendiv:first > div:first", ["nothiddendivchild"] );
t( "Chained pseudo after a pos pseudo", "#listWithTabIndex li:eq(0):contains(Rice)", ["foodWithNegativeTabIndex"] );
t( "Check sort order with POS and comma", "#qunit-fixture em>em>em>em:first-child,div>em:first", ["siblingfirst", "siblinggreatgrandchild"] );
t( "Isolated position", ":last", ["last"] );
deepEqual( Sizzle( "*:lt(2) + *", null, [], Sizzle("#qunit-fixture > p") ), q("ap"), "Seeded pos with trailing relative" );
// jQuery #12526
var context = jQuery("#qunit-fixture").append("
")[0];
deepEqual( Sizzle( ":last", context ), q("jquery12526"), "Post-manipulation positional" );
});
test("pseudo - form", function() {
expect( 10 );
var extraTexts = jQuery(" ").appendTo("#form");
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"] );
t( "Form element :radio", "#form :radio", ["radio1", "radio2"] );
t( "Form element :checkbox", "#form :checkbox", ["check1", "check2"] );
t( "Form element :text", "#form :text", ["text1", "text2", "hidden2", "name", "impliedText", "capitalText"] );
t( "Form element :radio:checked", "#form :radio:checked", ["radio2"] );
t( "Form element :checkbox:checked", "#form :checkbox:checked", ["check1"] );
t( "Form element :radio:checked, :checkbox:checked", "#form :radio:checked, #form :checkbox:checked", ["radio2", "check1"] );
t( "Selected Option Element", "#form option:selected", ["option1a","option2d","option3b","option3c","option4b","option4c","option4d","option5a"] );
t( "Selected Option Element are also :checked", "#form option:checked", ["option1a","option2d","option3b","option3c","option4b","option4c","option4d","option5a"] );
t( "Hidden inputs should be treated as enabled. See QSA test.", "#hidden1:enabled", ["hidden1"] );
extraTexts.remove();
});
test("pseudo - :target and :root", function() {
expect( 2 );
// Target
var oldHash,
$link = jQuery(" ").attr({
href: "#",
id: "new-link"
}).appendTo("#qunit-fixture");
oldHash = window.location.hash;
window.location.hash = "new-link";
t( ":target", ":target", ["new-link"] );
$link.remove();
window.location.hash = oldHash;
// Root
equal( Sizzle(":root")[0], document.documentElement, ":root selector" );
});
test("pseudo - :lang", function() {
expect( 105 );
var docElem = document.documentElement,
docXmlLang = docElem.getAttribute("xml:lang"),
docLang = docElem.lang,
foo = document.getElementById("foo"),
anchor = document.getElementById("anchor2"),
xml = createWithFriesXML(),
testLang = function( text, elem, container, lang, extra ) {
var message,
full = lang + "-" + extra;
message = "lang=" + lang + " " + text;
container.setAttribute( container.ownerDocument.documentElement.nodeName === "HTML" ? "lang" : "xml:lang", lang );
assertMatch( message, elem, ":lang(" + lang + ")" );
assertMatch( message, elem, ":lang(" + mixCase(lang) + ")" );
assertNoMatch( message, elem, ":lang(" + full + ")" );
assertNoMatch( message, elem, ":lang(" + mixCase(full) + ")" );
assertNoMatch( message, elem, ":lang(" + lang + "-)" );
assertNoMatch( message, elem, ":lang(" + full + "-)" );
assertNoMatch( message, elem, ":lang(" + lang + "glish)" );
assertNoMatch( message, elem, ":lang(" + full + "glish)" );
message = "lang=" + full + " " + text;
container.setAttribute( container.ownerDocument.documentElement.nodeName === "HTML" ? "lang" : "xml:lang", full );
assertMatch( message, elem, ":lang(" + lang + ")" );
assertMatch( message, elem, ":lang(" + mixCase(lang) + ")" );
assertMatch( message, elem, ":lang(" + full + ")" );
assertMatch( message, elem, ":lang(" + mixCase(full) + ")" );
assertNoMatch( message, elem, ":lang(" + lang + "-)" );
assertNoMatch( message, elem, ":lang(" + full + "-)" );
assertNoMatch( message, elem, ":lang(" + lang + "glish)" );
assertNoMatch( message, elem, ":lang(" + full + "glish)" );
},
mixCase = function( str ) {
var ret = str.split(""),
i = ret.length;
while ( i-- ) {
if ( i & 1 ) {
ret[i] = ret[i].toUpperCase();
}
}
return ret.join("");
},
assertMatch = function( text, elem, selector ) {
ok( Sizzle.matchesSelector( elem, selector ), text + " match " + selector );
},
assertNoMatch = function( text, elem, selector ) {
ok( !Sizzle.matchesSelector( elem, selector ), text + " fail " + selector );
};
// Prefixing and inheritance
ok( Sizzle.matchesSelector( docElem, ":lang(" + docElem.lang + ")" ), "starting :lang" );
testLang( "document", anchor, docElem, "en", "us" );
testLang( "grandparent", anchor, anchor.parentNode.parentNode, "yue", "hk" );
ok( !Sizzle.matchesSelector( anchor, ":lang(en), :lang(en-us)" ),
":lang does not look above an ancestor with specified lang" );
testLang( "self", anchor, anchor, "es", "419" );
ok( !Sizzle.matchesSelector( anchor, ":lang(en), :lang(en-us), :lang(yue), :lang(yue-hk)" ),
":lang does not look above self with specified lang" );
// Searching by language tag
anchor.parentNode.parentNode.lang = "arab";
anchor.parentNode.lang = anchor.parentNode.id = "ara-sa";
anchor.lang = "ara";
deepEqual( Sizzle( ":lang(ara)", foo ), [ anchor.parentNode, anchor ], "Find by :lang" );
// Selector validity
anchor.parentNode.lang = "ara";
anchor.lang = "ara\\b";
deepEqual( Sizzle( ":lang(ara\\b)", foo ), [], ":lang respects backslashes" );
deepEqual( Sizzle( ":lang(ara\\\\b)", foo ), [ anchor ], ":lang respects escaped backslashes" );
raises(function() {
Sizzle.call( null, "dl:lang(c++)" );
}, function( e ) {
return e.message.indexOf("Syntax error") >= 0;
}, ":lang value must be a valid identifier" );
// XML
foo = jQuery( "response", xml )[0];
anchor = jQuery( "#seite1", xml )[0];
testLang( "XML document", anchor, xml.documentElement, "en", "us" );
testLang( "XML grandparent", anchor, foo, "yue", "hk" );
ok( !Sizzle.matchesSelector( anchor, ":lang(en), :lang(en-us)" ),
"XML :lang does not look above an ancestor with specified lang" );
testLang( "XML self", anchor, anchor, "es", "419" );
ok( !Sizzle.matchesSelector( anchor, ":lang(en), :lang(en-us), :lang(yue), :lang(yue-hk)" ),
"XML :lang does not look above self with specified lang" );
// Cleanup
if ( docXmlLang == null ) {
docElem.removeAttribute("xml:lang");
} else {
docElem.setAttribute( "xml:lang", docXmlLang );
}
docElem.lang = docLang;
});
test("caching", function() {
expect( 1 );
Sizzle( ":not(code)", document.getElementById("ap") );
deepEqual( Sizzle( ":not(code)", document.getElementById("foo") ), q("sndp", "en", "yahoo", "sap", "anchor2", "simon"), "Reusing selector with new context" );
});
asyncTest( "Iframe dispatch should not affect Sizzle, see jQuery #13936", 1, function() {
var loaded = false,
thrown = false,
iframe = document.getElementById("iframe"),
iframeDoc = iframe.contentDocument || iframe.contentWindow.document;
jQuery( iframe ).on( "load", function() {
var form;
try {
iframeDoc = this.contentDocument || this.contentWindow.document;
form = Sizzle( "#navigate", iframeDoc )[ 0 ];
} catch ( e ) {
thrown = e;
}
if ( loaded ) {
strictEqual( thrown, false, "No error thrown from post-reload Sizzle call" );
start();
} else {
loaded = true;
form.submit();
}
});
iframeDoc.open();
iframeDoc.write("");
iframeDoc.close();
});
test("matchesSelector", function() {
expect( 6 );
var el = document.getElementById("simon1"),
disconnected = document.createElement("div");
ok( Sizzle.matchesSelector( el, "[rel='bookmark']" ), "quoted attribute" );
ok( Sizzle.matchesSelector( el, "[rel=bookmark]" ), "unquoted attribute" );
ok( Sizzle.matchesSelector( el, "[\nrel = bookmark\t]" ), "unquoted attribute with non-semantic whitespace" );
ok( Sizzle.matchesSelector( disconnected, "div" ), "disconnected element" );
ok( Sizzle.matchesSelector( el, "* > *" ), "child combinator (matching)" );
ok( !Sizzle.matchesSelector( disconnected, "* > *" ), "child combinator (not matching)" );
});