mirror of
https://github.com/jquery/jquery.git
synced 2024-11-23 02:54:22 +00:00
e35fb62db4
Drop support for Edge Legacy: the non-Chromium, EdgeHTML-based Microsoft Edge version. Also, restrict some workarounds that were applied unconditionally in all browsers to run only in IE now. This slightly increases the size but reduces the performance burden on modern browsers that don't need the workarounds. Also, clean up some comments & remove some obsolete workarounds. Fixes gh-4568 Closes gh-4792
2132 lines
99 KiB
JavaScript
2132 lines
99 KiB
JavaScript
QUnit.module( "selector", {
|
|
beforeEach: function() {
|
|
this.safari = /\bsafari\b/i.test( navigator.userAgent ) &&
|
|
!/\bchrome\b/i.test( navigator.userAgent );
|
|
},
|
|
afterEach: moduleTeardown
|
|
} );
|
|
|
|
QUnit.test( "empty", function( assert ) {
|
|
assert.expect( 5 );
|
|
|
|
var form;
|
|
|
|
assert.strictEqual( jQuery( "" ).length, 0,
|
|
"Empty selector returns an empty array" );
|
|
|
|
assert.deepEqual( jQuery( "div", document.createTextNode( "" ) ).get(), [],
|
|
"Text element as context fails silently" );
|
|
form = document.getElementById( "form" );
|
|
assert.ok( !jQuery( form ).is( "" ), "Empty string passed to .is() does not match" );
|
|
|
|
if ( QUnit.jQuerySelectors ) {
|
|
assert.equal( jQuery( " " ).length, 0, "Empty selector returns an empty array" );
|
|
assert.equal( jQuery( "\t" ).length, 0, "Empty selector returns an empty array" );
|
|
} else {
|
|
assert.ok( "skip", "whitespace-only selector not supported in selector-native" );
|
|
assert.ok( "skip", "whitespace-only selector not supported in selector-native" );
|
|
}
|
|
} );
|
|
|
|
QUnit.test( "star", function( assert ) {
|
|
assert.expect( 2 );
|
|
|
|
var good, i;
|
|
var all = jQuery( "*" );
|
|
|
|
assert.ok( all.length >= 30, "Select all" );
|
|
good = true;
|
|
for ( i = 0; i < all.length; i++ ) {
|
|
if ( all[ i ].nodeType === 8 ) {
|
|
good = false;
|
|
}
|
|
}
|
|
assert.ok( good, "Select all elements, no comment nodes" );
|
|
} );
|
|
|
|
QUnit.test( "element", function( assert ) {
|
|
assert.expect( 37 );
|
|
|
|
var i, lengthtest, siblingTest, html;
|
|
var fixture = document.getElementById( "qunit-fixture" );
|
|
|
|
assert.deepEqual( jQuery( "p", fixture ).get(), q( "firstp", "ap", "sndp", "en", "sap", "first" ), "Finding elements with a Node context." );
|
|
assert.deepEqual( jQuery( "p", "#qunit-fixture" ).get(), q( "firstp", "ap", "sndp", "en", "sap", "first" ), "Finding elements with a selector context." );
|
|
assert.deepEqual( jQuery( "p", jQuery( "#qunit-fixture" ) ).get(), q( "firstp", "ap", "sndp", "en", "sap", "first" ), "Finding elements with a jQuery object context." );
|
|
assert.deepEqual( jQuery( "#qunit-fixture" ).find( "p" ).get(), q( "firstp", "ap", "sndp", "en", "sap", "first" ), "Finding elements with a context via .find()." );
|
|
|
|
assert.ok( jQuery( "#length" ).length, "<input name=\"length\"> cannot be found under IE, see #945" );
|
|
assert.ok( jQuery( "#lengthtest input" ).length, "<input name=\"length\"> cannot be found under IE, see #945" );
|
|
|
|
// #7533
|
|
assert.equal( jQuery( "<div id=\"A'B~C.D[E]\"><p>foo</p></div>" ).find( "p" ).length, 1, "Find where context root is a node and has an ID with CSS3 meta characters" );
|
|
|
|
assert.equal( jQuery( "" ).length, 0, "Empty selector returns an empty array" );
|
|
assert.deepEqual( jQuery( "div", document.createTextNode( "" ) ).get(), [],
|
|
"Text element as context fails silently" );
|
|
|
|
assert.t( "Element Selector", "html", [ "html" ] );
|
|
assert.t( "Element Selector", "body", [ "body" ] );
|
|
assert.t( "Element Selector", "#qunit-fixture p", [ "firstp", "ap", "sndp", "en", "sap", "first" ] );
|
|
|
|
assert.t( "Leading space", " #qunit-fixture p", [ "firstp", "ap", "sndp", "en", "sap", "first" ] );
|
|
assert.t( "Leading tab", "\t#qunit-fixture p", [ "firstp", "ap", "sndp", "en", "sap", "first" ] );
|
|
assert.t( "Leading carriage return", "\r#qunit-fixture p", [ "firstp", "ap", "sndp", "en", "sap", "first" ] );
|
|
assert.t( "Leading line feed", "\n#qunit-fixture p", [ "firstp", "ap", "sndp", "en", "sap", "first" ] );
|
|
assert.t( "Leading form feed", "\f#qunit-fixture p", [ "firstp", "ap", "sndp", "en", "sap", "first" ] );
|
|
assert.t( "Trailing space", "#qunit-fixture p ", [ "firstp", "ap", "sndp", "en", "sap", "first" ] );
|
|
assert.t( "Trailing tab", "#qunit-fixture p\t", [ "firstp", "ap", "sndp", "en", "sap", "first" ] );
|
|
assert.t( "Trailing carriage return", "#qunit-fixture p\r",
|
|
[ "firstp", "ap", "sndp", "en", "sap", "first" ] );
|
|
assert.t( "Trailing line feed", "#qunit-fixture p\n", [ "firstp", "ap", "sndp", "en", "sap", "first" ] );
|
|
assert.t( "Trailing form feed", "#qunit-fixture p\f", [ "firstp", "ap", "sndp", "en", "sap", "first" ] );
|
|
|
|
assert.deepEqual(
|
|
jQuery( jQuery( "div ol" ) ).filter( "#qunit-fixture *" ).get(),
|
|
q( "empty", "listWithTabIndex" ),
|
|
"Parent Element"
|
|
);
|
|
assert.deepEqual(
|
|
jQuery( jQuery( "div\tol" ) ).filter( "#qunit-fixture *" ).get(),
|
|
q( "empty", "listWithTabIndex" ),
|
|
"Parent Element (non-space descendant combinator)"
|
|
);
|
|
|
|
// Check for unique-ness and sort order
|
|
assert.deepEqual( jQuery( "p, div p" ), jQuery( "p" ), "Check for duplicates: p, div p" );
|
|
|
|
jQuery( "<h1 id='h1'></h1><h2 id='h2'></h2><h2 id='h2-2'></h2>" ).prependTo( "#qunit-fixture" );
|
|
assert.t( "Checking sort order", "#qunit-fixture h2, #qunit-fixture h1", [ "h1", "h2", "h2-2" ] );
|
|
|
|
if ( QUnit.jQuerySelectorsPos ) {
|
|
assert.t( "Checking sort order", "#qunit-fixture h2:first, #qunit-fixture h1:first", [ "h1", "h2" ] );
|
|
} else {
|
|
assert.ok( "skip", "Positional selectors are not supported" );
|
|
}
|
|
|
|
assert.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" );
|
|
assert.deepEqual( jQuery( "#idTest", lengthtest ).get(), q( "idTest" ),
|
|
"Finding element with id of ID." );
|
|
assert.deepEqual( jQuery( "[name='id']", lengthtest ).get(), q( "idTest" ),
|
|
"Finding element with id of ID." );
|
|
assert.deepEqual( jQuery( "input[id='idTest']", lengthtest ).get(), q( "idTest" ),
|
|
"Finding elements with id of ID." );
|
|
|
|
if ( QUnit.jQuerySelectors ) {
|
|
siblingTest = document.getElementById( "siblingTest" );
|
|
assert.deepEqual( jQuery( "div em", siblingTest ).get(), [],
|
|
"Element-rooted QSA does not select based on document context" );
|
|
assert.deepEqual( jQuery( "div em, div em, div em:not(div em)", siblingTest ).get(), [],
|
|
"Element-rooted QSA does not select based on document context" );
|
|
assert.deepEqual( jQuery( "div em, em\\,", siblingTest ).get(), [],
|
|
"Escaped commas do not get treated with an id in element-rooted QSA" );
|
|
} else {
|
|
assert.ok( "skip", "Element-rooted QSA behavior different in selector-native" );
|
|
assert.ok( "skip", "Element-rooted QSA behavior different in selector-native" );
|
|
assert.ok( "skip", "Element-rooted QSA behavior different in selector-native" );
|
|
}
|
|
|
|
html = "";
|
|
for ( i = 0; i < 100; i++ ) {
|
|
html = "<div>" + html + "</div>";
|
|
}
|
|
html = jQuery( html ).appendTo( document.body );
|
|
assert.ok( !!jQuery( "body div div div" ).length,
|
|
"No stack or performance problems with large amounts of descendants" );
|
|
assert.ok( !!jQuery( "body>div div div" ).length,
|
|
"No stack or performance problems with large amounts of descendants" );
|
|
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";
|
|
assert.t( "Element name matches Object.prototype property", "toString#toString", [ "toString" ] );
|
|
} );
|
|
|
|
QUnit.test( "XML Document Selectors", function( assert ) {
|
|
assert.expect( 11 );
|
|
|
|
var xml = createWithFriesXML();
|
|
|
|
assert.equal( jQuery( "foo_bar", xml ).length, 1, "Element Selector with underscore" );
|
|
assert.equal( jQuery( ".component", xml ).length, 1, "Class selector" );
|
|
assert.equal( jQuery( "[class*=component]", xml ).length, 1, "Attribute selector for class" );
|
|
assert.equal( jQuery( "property[name=prop2]", xml ).length, 1, "Attribute selector with name" );
|
|
assert.equal( jQuery( "[name=prop2]", xml ).length, 1, "Attribute selector with name" );
|
|
assert.equal( jQuery( "#seite1", xml ).length, 1, "Attribute selector with ID" );
|
|
assert.equal( jQuery( "component#seite1", xml ).length, 1, "Attribute selector with ID" );
|
|
assert.equal( jQuery( "component", xml ).filter( "#seite1" ).length, 1,
|
|
"Attribute selector filter with ID" );
|
|
assert.equal( jQuery( "meta property thing", xml ).length, 2,
|
|
"Descendent selector and dir caching" );
|
|
if ( QUnit.jQuerySelectors ) {
|
|
assert.ok( jQuery( xml.lastChild ).is( "soap\\:Envelope" ), "Check for namespaced element" );
|
|
|
|
xml = jQuery.parseXML( "<?xml version='1.0' encoding='UTF-8'?><root><elem id='1'/></root>" );
|
|
|
|
assert.equal( jQuery( "elem:not(:has(*))", xml ).length, 1,
|
|
"Non-qSA path correctly handles numeric ids (jQuery #14142)" );
|
|
} else {
|
|
assert.ok( "skip", "namespaced elements not matching correctly in selector-native" );
|
|
assert.ok( "skip", ":not(complex selector) not supported in selector-native" );
|
|
}
|
|
} );
|
|
|
|
QUnit.test( "broken selectors throw", function( assert ) {
|
|
assert.expect( 33 );
|
|
|
|
function broken( name, selector ) {
|
|
assert.throws( function() {
|
|
jQuery( selector );
|
|
}, 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," );
|
|
broken( "Post-comma invalid selector", "*,:x" );
|
|
broken( "Identifier with bad escape", "foo\\\fbaz" );
|
|
broken( "Broken Selector", "[id=012345678901234567890123456789" );
|
|
broken( "Doesn't exist", ":visble" );
|
|
broken( "Nth-child", ":nth-child" );
|
|
broken( "Nth-child", ":nth-child(-)" );
|
|
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
|
|
jQuery( "<input type='hidden' value='2' name='foo.baz' id='attrbad1'/>" +
|
|
"<input type='hidden' value='2' name='foo[baz]' id='attrbad2'/>" )
|
|
.appendTo( "#qunit-fixture" );
|
|
|
|
broken( "Attribute equals non-value", "input[name=]" );
|
|
broken( "Attribute equals unquoted non-identifier", "input[name=foo.baz]" );
|
|
broken( "Attribute equals unquoted non-identifier", "input[name=foo[baz]]" );
|
|
broken( "Attribute equals bad string", "input[name=''double-quoted'']" );
|
|
broken( "Attribute equals bad string", "input[name='apostrophe'd']" );
|
|
} );
|
|
|
|
QUnit.test( "id", function( assert ) {
|
|
assert.expect( 34 );
|
|
|
|
var fiddle, a;
|
|
|
|
assert.t( "ID Selector", "#body", [ "body" ] );
|
|
assert.t( "ID Selector w/ Element", "body#body", [ "body" ] );
|
|
assert.t( "ID Selector w/ Element", "ul#first", [] );
|
|
assert.t( "ID selector with existing ID descendant", "#firstp #simon1", [ "simon1" ] );
|
|
assert.t( "ID selector with non-existent descendant", "#firstp #foobar", [] );
|
|
assert.t( "ID selector using UTF8", "#台北Táiběi", [ "台北Táiběi" ] );
|
|
assert.t( "Multiple ID selectors using UTF8", "#台北Táiběi, #台北", [ "台北Táiběi", "台北" ] );
|
|
assert.t( "Descendant ID selector using UTF8", "div #台北", [ "台北" ] );
|
|
assert.t( "Child ID selector using UTF8", "form > #台北", [ "台北" ] );
|
|
|
|
assert.t( "Escaped ID", "#foo\\:bar", [ "foo:bar" ] );
|
|
|
|
if ( QUnit.jQuerySelectors ) {
|
|
assert.t( "Escaped ID with descendant", "#foo\\:bar span:not(:input)", [ "foo_descendant" ] );
|
|
} else {
|
|
assert.ok( "skip", ":input not supported in selector-native" );
|
|
}
|
|
|
|
assert.t( "Escaped ID", "#test\\.foo\\[5\\]bar", [ "test.foo[5]bar" ] );
|
|
assert.t( "Descendant escaped ID", "div #foo\\:bar", [ "foo:bar" ] );
|
|
assert.t( "Descendant escaped ID", "div #test\\.foo\\[5\\]bar", [ "test.foo[5]bar" ] );
|
|
assert.t( "Child escaped ID", "form > #foo\\:bar", [ "foo:bar" ] );
|
|
assert.t( "Child escaped ID", "form > #test\\.foo\\[5\\]bar", [ "test.foo[5]bar" ] );
|
|
|
|
fiddle = jQuery( "<div id='fiddle\\Foo'><span id='fiddleSpan'></span></div>" )
|
|
.appendTo( "#qunit-fixture" );
|
|
|
|
if ( QUnit.jQuerySelectors ) {
|
|
assert.deepEqual( jQuery( "> span", jQuery( "#fiddle\\\\Foo" )[ 0 ] ).get(),
|
|
q( [ "fiddleSpan" ] ), "Escaped ID as context" );
|
|
} else {
|
|
assert.ok( "skip", "leading > not supported in selector-native" );
|
|
}
|
|
|
|
fiddle.remove();
|
|
|
|
assert.t( "ID Selector, child ID present", "#form > #radio1", [ "radio1" ] ); // bug #267
|
|
assert.t( "ID Selector, not an ancestor ID", "#form #first", [] );
|
|
assert.t( "ID Selector, not a child ID", "#form > #option1a", [] );
|
|
|
|
assert.t( "All Children of ID", "#foo > *", [ "sndp", "en", "sap" ] );
|
|
assert.t( "All Children of ID with no children", "#firstUL > *", [] );
|
|
|
|
assert.equal( jQuery( "#tName1" )[ 0 ].id, "tName1",
|
|
"ID selector with same value for a name attribute" );
|
|
assert.t( "ID selector non-existing but name attribute on an A tag", "#tName2", [] );
|
|
assert.t( "Leading ID selector non-existing but name attribute on an A tag", "#tName2 span", [] );
|
|
assert.t( "Leading ID selector existing, retrieving the child", "#tName1 span", [ "tName1-span" ] );
|
|
assert.equal( jQuery( "div > div #tName1" )[ 0 ].id, jQuery( "#tName1-span" )[ 0 ].parentNode.id,
|
|
"Ending with ID" );
|
|
|
|
a = jQuery( "<a id='backslash\\foo'></a>" ).appendTo( "#qunit-fixture" );
|
|
assert.t( "ID Selector contains backslash", "#backslash\\\\foo", [ "backslash\\foo" ] );
|
|
a.remove();
|
|
|
|
assert.t( "ID Selector on Form with an input that has a name of 'id'", "#lengthtest", [ "lengthtest" ] );
|
|
|
|
assert.t( "ID selector with non-existent ancestor", "#asdfasdf #foobar", [] ); // bug #986
|
|
|
|
assert.deepEqual( jQuery( "div#form", document.body ).get(), [],
|
|
"ID selector within the context of another element" );
|
|
|
|
assert.t( "Underscore ID", "#types_all", [ "types_all" ] );
|
|
assert.t( "Dash ID", "#qunit-fixture", [ "qunit-fixture" ] );
|
|
|
|
assert.t( "ID with weird characters in it", "#name\\+value", [ "name+value" ] );
|
|
} );
|
|
|
|
QUnit.test( "class", function( assert ) {
|
|
assert.expect( 32 );
|
|
|
|
assert.deepEqual( jQuery( ".blog", document.getElementsByTagName( "p" ) ).get(),
|
|
q( "mark", "simon" ), "Finding elements with a context." );
|
|
assert.deepEqual( jQuery( ".blog", "p" ).get(),
|
|
q( "mark", "simon" ), "Finding elements with a context." );
|
|
assert.deepEqual( jQuery( ".blog", jQuery( "p" ) ).get(),
|
|
q( "mark", "simon" ), "Finding elements with a context." );
|
|
assert.deepEqual( jQuery( "p" ).find( ".blog" ).get(),
|
|
q( "mark", "simon" ), "Finding elements with a context." );
|
|
|
|
assert.t( "Class Selector", ".blog", [ "mark", "simon" ] );
|
|
assert.t( "Class Selector", ".GROUPS", [ "groups" ] );
|
|
assert.t( "Class Selector", ".blog.link", [ "simon" ] );
|
|
assert.t( "Class Selector w/ Element", "a.blog", [ "mark", "simon" ] );
|
|
assert.t( "Parent Class Selector", "p .blog", [ "mark", "simon" ] );
|
|
|
|
assert.t( "Class selector using UTF8", ".台北Táiběi", [ "utf8class1" ] );
|
|
assert.t( "Class selector using UTF8", ".台北", [ "utf8class1", "utf8class2" ] );
|
|
assert.t( "Class selector using UTF8", ".台北Táiběi.台北", [ "utf8class1" ] );
|
|
assert.t( "Class selector using UTF8", ".台北Táiběi, .台北", [ "utf8class1", "utf8class2" ] );
|
|
assert.t( "Descendant class selector using UTF8", "div .台北Táiběi", [ "utf8class1" ] );
|
|
assert.t( "Child class selector using UTF8", "form > .台北Táiběi", [ "utf8class1" ] );
|
|
|
|
assert.t( "Escaped Class", ".foo\\:bar", [ "foo:bar" ] );
|
|
assert.t( "Escaped Class", ".test\\.foo\\[5\\]bar", [ "test.foo[5]bar" ] );
|
|
assert.t( "Descendant escaped Class", "div .foo\\:bar", [ "foo:bar" ] );
|
|
assert.t( "Descendant escaped Class", "div .test\\.foo\\[5\\]bar", [ "test.foo[5]bar" ] );
|
|
assert.t( "Child escaped Class", "form > .foo\\:bar", [ "foo:bar" ] );
|
|
assert.t( "Child escaped Class", "form > .test\\.foo\\[5\\]bar", [ "test.foo[5]bar" ] );
|
|
|
|
var div = document.createElement( "div" );
|
|
div.innerHTML = "<div class='test e'></div><div class='test'></div>";
|
|
assert.deepEqual( jQuery( ".e", div ).get(), [ div.firstChild ], "Finding a second class." );
|
|
|
|
div.lastChild.className = "e";
|
|
|
|
assert.ok( !jQuery( div ).is( ".null" ),
|
|
".null does not match an element with no class" );
|
|
assert.ok( !jQuery( div.firstChild ).is( ".null div" ),
|
|
".null does not match an element with no class" );
|
|
div.className = "null";
|
|
assert.ok( jQuery( div ).is( ".null" ), ".null matches element with class 'null'" );
|
|
assert.ok( jQuery( div.firstChild ).is( ".null div" ),
|
|
"caching system respects DOM changes" );
|
|
assert.ok( !jQuery( document ).is( ".foo" ),
|
|
"testing class on document doesn't error" );
|
|
assert.ok( !jQuery( window ).is( ".foo" ), "testing class on window doesn't error" );
|
|
|
|
assert.deepEqual( jQuery( ".e", div ).get(), [ div.firstChild, div.lastChild ],
|
|
"Finding a modified class." );
|
|
|
|
div.lastChild.className += " hasOwnProperty toString";
|
|
assert.deepEqual( jQuery( ".e.hasOwnProperty.toString", div ).get(), [ div.lastChild ],
|
|
"Classes match Object.prototype properties" );
|
|
|
|
div = jQuery( "<div><svg width='200' height='250' version='1.1'" +
|
|
" xmlns='http://www.w3.org/2000/svg'><rect x='10' y='10' width='30' height='30'" +
|
|
"class='foo'></rect></svg></div>" )[ 0 ];
|
|
assert.equal( jQuery( ".foo", div ).length, 1, "Class selector against SVG container" );
|
|
assert.equal( jQuery( ".foo", div.firstChild ).length, 1,
|
|
"Class selector directly against SVG" );
|
|
} );
|
|
|
|
QUnit.test( "name", function( assert ) {
|
|
assert.expect( 14 );
|
|
|
|
var form;
|
|
|
|
assert.t( "Name selector", "input[name=action]", [ "text1" ] );
|
|
assert.t( "Name selector with single quotes", "input[name='action']", [ "text1" ] );
|
|
assert.t( "Name selector with double quotes", "input[name=\"action\"]", [ "text1" ] );
|
|
|
|
assert.t( "Name selector non-input", "[name=example]", [ "name-is-example" ] );
|
|
assert.t( "Name selector non-input", "[name=div]", [ "name-is-div" ] );
|
|
assert.t( "Name selector non-input", "*[name=iframe]", [ "iframe" ] );
|
|
|
|
assert.t( "Name selector for grouped input", "input[name='types[]']", [ "types_all", "types_anime", "types_movie" ] );
|
|
|
|
form = document.getElementById( "form" );
|
|
assert.deepEqual( jQuery( "input[name=action]", form ).get(), q( "text1" ),
|
|
"Name selector within the context of another element" );
|
|
assert.deepEqual( jQuery( "input[name='foo[bar]']", form ).get(), q( "hidden2" ),
|
|
"Name selector for grouped form element within the context of another element" );
|
|
|
|
form = jQuery( "<form><input name='id'/></form>" ).appendTo( "body" );
|
|
assert.equal( jQuery( "input", form[ 0 ] ).length, 1,
|
|
"Make sure that rooted queries on forms (with possible expandos) work." );
|
|
|
|
form.remove();
|
|
|
|
assert.t( "Find elements that have similar IDs", "[name=tName1]", [ "tName1ID" ] );
|
|
assert.t( "Find elements that have similar IDs", "[name=tName2]", [ "tName2ID" ] );
|
|
assert.t( "Find elements that have similar IDs", "#tName2ID", [ "tName2ID" ] );
|
|
|
|
assert.t( "Case-sensitivity", "[name=tname1]", [] );
|
|
} );
|
|
|
|
QUnit.test( "comma-separated", function( assert ) {
|
|
assert.expect( 4 );
|
|
|
|
var fixture = jQuery( "<div><h2><span></span></h2><div><p><span></span></p><p></p></div></div>" );
|
|
|
|
assert.equal( fixture.find( "h2, div p" ).filter( "p" ).length, 2, "has to find two <p>" );
|
|
assert.equal( fixture.find( "h2, div p" ).filter( "h2" ).length, 1, "has to find one <h2>" );
|
|
assert.equal( fixture.find( "h2 , div p" ).filter( "p" ).length, 2, "has to find two <p>" );
|
|
assert.equal( fixture.find( "h2 , div p" ).filter( "h2" ).length, 1, "has to find one <h2>" );
|
|
} );
|
|
|
|
QUnit.test( "child and adjacent", function( assert ) {
|
|
assert.expect( 43 );
|
|
|
|
var siblingFirst, en, nothiddendiv;
|
|
|
|
assert.t( "Child", "p > a", [ "simon1", "google", "groups", "mark", "yahoo", "simon" ] );
|
|
assert.t( "Child minus leading whitespace", "p> a", [ "simon1", "google", "groups", "mark", "yahoo", "simon" ] );
|
|
assert.t( "Child minus trailing whitespace", "p >a", [ "simon1", "google", "groups", "mark", "yahoo", "simon" ] );
|
|
assert.t( "Child minus whitespace", "p>a", [ "simon1", "google", "groups", "mark", "yahoo", "simon" ] );
|
|
assert.t( "Child w/ Class", "p > a.blog", [ "mark", "simon" ] );
|
|
assert.t( "All Children", "code > *", [ "anchor1", "anchor2" ] );
|
|
assert.selectInFixture( "All Grandchildren", "p > * > *", [ "anchor1", "anchor2" ] );
|
|
|
|
assert.t( "Rooted tag adjacent", "#qunit-fixture a + a", [ "groups", "tName2ID" ] );
|
|
assert.t( "Rooted tag adjacent minus whitespace", "#qunit-fixture a+a", [ "groups", "tName2ID" ] );
|
|
assert.t( "Rooted tag adjacent minus leading whitespace", "#qunit-fixture a +a",
|
|
[ "groups", "tName2ID" ] );
|
|
assert.t( "Rooted tag adjacent minus trailing whitespace", "#qunit-fixture a+ a",
|
|
[ "groups", "tName2ID" ] );
|
|
|
|
assert.t( "Tag adjacent", "p + p", [ "ap", "en", "sap" ] );
|
|
assert.t( "#id adjacent", "#firstp + p", [ "ap" ] );
|
|
assert.t( "Tag#id adjacent", "p#firstp + p", [ "ap" ] );
|
|
assert.t( "Tag[attr] adjacent", "p[lang=en] + p", [ "sap" ] );
|
|
assert.t( "Tag.class adjacent", "a.GROUPS + code + a", [ "mark" ] );
|
|
assert.t( "Comma, Child, and Adjacent", "#qunit-fixture a + a, code > a",
|
|
[ "groups", "anchor1", "anchor2", "tName2ID" ] );
|
|
|
|
assert.t( "Element Preceded By", "#qunit-fixture p ~ div",
|
|
[ "foo", "nothiddendiv", "moretests", "tabindex-tests", "liveHandlerOrder", "siblingTest", "fx-test-group" ] );
|
|
assert.t( "Element Preceded By", "#first ~ div",
|
|
[ "moretests", "tabindex-tests", "liveHandlerOrder", "siblingTest", "fx-test-group" ] );
|
|
assert.t( "Element Preceded By", "#groups ~ a", [ "mark" ] );
|
|
assert.t( "Element Preceded By", "#length ~ input", [ "idTest" ] );
|
|
assert.t( "Element Preceded By", "#siblingfirst ~ em", [ "siblingnext", "siblingthird" ] );
|
|
assert.t( "Element Preceded By (multiple)", "#siblingTest em ~ em ~ em ~ span", [ "siblingspan" ] );
|
|
|
|
siblingFirst = document.getElementById( "siblingfirst" );
|
|
|
|
if ( QUnit.jQuerySelectors ) {
|
|
assert.deepEqual( jQuery( "+ em", siblingFirst ).get(), q( "siblingnext" ),
|
|
"Element Directly Preceded By with a context." );
|
|
assert.deepEqual( jQuery( "~ em", siblingFirst ).get(), q( "siblingnext", "siblingthird" ),
|
|
"Element Preceded By with a context." );
|
|
} else {
|
|
assert.ok( "skip", "leading + not supported in selector-native" );
|
|
assert.ok( "skip", "leading ~ not supported in selector-native" );
|
|
}
|
|
|
|
if ( QUnit.jQuerySelectorsPos ) {
|
|
assert.deepEqual( jQuery( "~ em:first", siblingFirst ).get(), q( "siblingnext" ),
|
|
"Element Preceded By positional with a context." );
|
|
} else {
|
|
assert.ok( "skip", "Positional selectors are not supported" );
|
|
}
|
|
|
|
if ( QUnit.jQuerySelectors ) {
|
|
en = document.getElementById( "en" );
|
|
assert.deepEqual( jQuery( "+ p, a", en ).get(), q( "yahoo", "sap" ),
|
|
"Compound selector with context, beginning with sibling test." );
|
|
assert.deepEqual( jQuery( "a, + p", en ).get(), q( "yahoo", "sap" ),
|
|
"Compound selector with context, containing sibling test." );
|
|
} else {
|
|
assert.ok( "skip", "leading + not supported in selector-native" );
|
|
assert.ok( "skip", "leading + not supported in selector-native" );
|
|
}
|
|
|
|
if ( QUnit.jQuerySelectors ) {
|
|
assert.t( "Element Preceded By, Containing", "#liveHandlerOrder ~ div em:contains('1')", [ "siblingfirst" ] );
|
|
assert.t( "Combinators are not skipped when mixing general and specific", "#siblingTest > em:contains('x') + em ~ span", [] );
|
|
} else {
|
|
assert.ok( "skip", ":contains not supported in selector-native" );
|
|
assert.ok( "skip", ":contains not supported in selector-native" );
|
|
}
|
|
|
|
if ( QUnit.jQuerySelectorsPos ) {
|
|
assert.equal( jQuery( "#listWithTabIndex li:eq(2) ~ li" ).length, 1, "Find by general sibling combinator (#8310)" );
|
|
|
|
nothiddendiv = document.getElementById( "nothiddendiv" );
|
|
assert.deepEqual( jQuery( "> :first", nothiddendiv ).get(), q( "nothiddendivchild" ),
|
|
"Verify child context positional selector" );
|
|
assert.deepEqual( jQuery( "> :eq(0)", nothiddendiv ).get(), q( "nothiddendivchild" ),
|
|
"Verify child context positional selector" );
|
|
assert.deepEqual( jQuery( "> *:first", nothiddendiv ).get(), q( "nothiddendivchild" ),
|
|
"Verify child context positional selector" );
|
|
} else {
|
|
assert.ok( "skip", "Positional selectors are not supported" );
|
|
assert.ok( "skip", "Positional selectors are not supported" );
|
|
assert.ok( "skip", "Positional selectors are not supported" );
|
|
assert.ok( "skip", "Positional selectors are not supported" );
|
|
}
|
|
|
|
assert.t( "Multiple combinators selects all levels", "#siblingTest em *", [ "siblingchild", "siblinggrandchild", "siblinggreatgrandchild" ] );
|
|
assert.t( "Multiple combinators selects all levels", "#siblingTest > em *", [ "siblingchild", "siblinggrandchild", "siblinggreatgrandchild" ] );
|
|
assert.t( "Multiple sibling combinators doesn't miss general siblings", "#siblingTest > em:first-child + em ~ span", [ "siblingspan" ] );
|
|
|
|
assert.equal( jQuery( "#listWithTabIndex" ).length, 1, "Parent div for next test is found via ID (#8310)" );
|
|
assert.equal( jQuery( "#__sizzle__" ).length, 0, "Make sure the temporary id assigned by sizzle is cleared out (#8310)" );
|
|
assert.equal( jQuery( "#listWithTabIndex" ).length, 1, "Parent div for previous test is still found via ID (#8310)" );
|
|
|
|
assert.t( "Verify deep class selector", "div.blah > p > a", [] );
|
|
assert.t( "No element deep selector", "div.foo > span > a", [] );
|
|
assert.t( "Non-existent ancestors", ".fototab > .thumbnails > a", [] );
|
|
} );
|
|
|
|
QUnit.test( "attributes - existence", function( assert ) {
|
|
assert.expect( 7 );
|
|
|
|
assert.t( "On element", "#qunit-fixture a[title]", [ "google" ] );
|
|
assert.t( "On element (whitespace ignored)", "#qunit-fixture a[ title ]", [ "google" ] );
|
|
assert.t( "On element (case-insensitive)", "#qunit-fixture a[TITLE]", [ "google" ] );
|
|
assert.t( "On any element", "#qunit-fixture *[title]", [ "google" ] );
|
|
assert.t( "On implicit element", "#qunit-fixture [title]", [ "google" ] );
|
|
assert.t( "Boolean", "#select2 option[selected]", [ "option2d" ] );
|
|
assert.t( "For attribute on label", "form label[for]", [ "label-for" ] );
|
|
} );
|
|
|
|
QUnit.test( "attributes - equals", function( assert ) {
|
|
assert.expect( 20 );
|
|
|
|
var withScript;
|
|
|
|
assert.t( "Identifier", "#qunit-fixture a[rel=bookmark]", [ "simon1" ] );
|
|
assert.t( "Identifier with underscore", "input[id=types_all]", [ "types_all" ] );
|
|
assert.t( "String", "#qunit-fixture a[rel='bookmark']", [ "simon1" ] );
|
|
assert.t( "String (whitespace ignored)", "#qunit-fixture a[ rel = 'bookmark' ]", [ "simon1" ] );
|
|
assert.t( "Non-identifier string", "#qunit-fixture a[href='https://www.google.com/']", [ "google" ] );
|
|
assert.t( "Empty string", "#select1 option[value='']", [ "option1a" ] );
|
|
|
|
if ( QUnit.jQuerySelectors ) {
|
|
assert.t( "Number",
|
|
"#qunit-fixture option[value=1]",
|
|
[ "option1b", "option2b", "option3b", "option4b", "option5c" ] );
|
|
assert.t( "negative number",
|
|
"#qunit-fixture li[tabIndex=-1]", [ "foodWithNegativeTabIndex" ] );
|
|
} else {
|
|
assert.ok( "skip", "Number value not supported in selector-native" );
|
|
assert.ok( "skip", "Negative number value not supported in selector-native" );
|
|
}
|
|
|
|
assert.t( "Non-ASCII identifier", "span[lang=中文]", [ "台北" ] );
|
|
|
|
assert.t( "input[type=text]", "#form input[type=text]", [ "text1", "text2", "hidden2", "name" ] );
|
|
assert.t( "input[type=search]", "#form input[type=search]", [ "search" ] );
|
|
|
|
withScript = supportjQuery( "<div><span><script src=''></script></span></div>" );
|
|
assert.ok( withScript.find( "#moretests script[src]" ).has( "script" ), "script[src] (jQuery #13777)" );
|
|
|
|
assert.t( "Boolean attribute equals name", "#select2 option[selected='selected']", [ "option2d" ] );
|
|
assert.t( "for Attribute in form", "#form [for=action]", [ "label-for" ] );
|
|
assert.t( "Grouped Form Elements - name", "input[name='foo[bar]']", [ "hidden2" ] );
|
|
assert.t( "Value", "input[value=Test]", [ "text1", "text2" ] );
|
|
|
|
assert.deepEqual(
|
|
jQuery( "input[data-comma='0,1']" ).get(),
|
|
q( "el12087" ),
|
|
"Without context, single-quoted attribute containing ','" );
|
|
assert.deepEqual(
|
|
jQuery( "input[data-comma=\"0,1\"]" ).get(),
|
|
q( "el12087" ),
|
|
"Without context, double-quoted attribute containing ','" );
|
|
assert.deepEqual(
|
|
jQuery( "input[data-comma='0,1']", document.getElementById( "t12087" ) ).get(),
|
|
q( "el12087" ),
|
|
"With context, single-quoted attribute containing ','" );
|
|
assert.deepEqual(
|
|
jQuery( "input[data-comma=\"0,1\"]", document.getElementById( "t12087" ) ).get(),
|
|
q( "el12087" ),
|
|
"With context, double-quoted attribute containing ','" );
|
|
} );
|
|
|
|
QUnit[ QUnit.jQuerySelectors ? "test" : "skip" ]( "attributes - does not equal", function( assert ) {
|
|
assert.expect( 2 );
|
|
|
|
assert.t( "string", "#ap a[hreflang!='en']", [ "google", "groups", "anchor1" ] );
|
|
assert.t( "Empty values", "#select1 option[value!='']", [ "option1b", "option1c", "option1d" ] );
|
|
} );
|
|
|
|
QUnit.test( "attributes - starts with", function( assert ) {
|
|
assert.expect( 4 );
|
|
|
|
assert.t( "string (whitespace ignored)", "a[href ^= 'https://www']", [ "google", "yahoo" ] );
|
|
assert.t( "href starts with hash", "p a[href^='#']", [ "anchor2" ] );
|
|
assert.t( "string containing '['", "input[name^='foo[']", [ "hidden2" ] );
|
|
assert.t( "string containing '[' ... ']'", "input[name^='foo[bar]']", [ "hidden2" ] );
|
|
} );
|
|
|
|
QUnit.test( "attributes - contains", function( assert ) {
|
|
assert.expect( 4 );
|
|
|
|
assert.t( "string (whitespace ignored)", "a[href *= 'google']", [ "google", "groups" ] );
|
|
assert.t( "string like '[' ... ']']", "input[name*='[bar]']", [ "hidden2" ] );
|
|
assert.t( "string containing '['...']", "input[name*='foo[bar]']", [ "hidden2" ] );
|
|
assert.t( "href contains hash", "p a[href*='#']", [ "simon1", "anchor2" ] );
|
|
} );
|
|
|
|
QUnit.test( "attributes - ends with", function( assert ) {
|
|
assert.expect( 4 );
|
|
|
|
assert.t( "string (whitespace ignored)", "a[href $= 'org/']", [ "mark" ] );
|
|
assert.t( "string ending with ']'", "input[name$='bar]']", [ "hidden2" ] );
|
|
assert.t( "string like '[' ... ']'", "input[name$='[bar]']", [ "hidden2" ] );
|
|
assert.t( "Attribute containing []", "input[name$='foo[bar]']", [ "hidden2" ] );
|
|
} );
|
|
|
|
QUnit.test( "attributes - whitespace list includes", function( assert ) {
|
|
assert.expect( 3 );
|
|
|
|
assert.t( "string found at the beginning",
|
|
"input[data-15233~='foo']",
|
|
[ "t15233-single", "t15233-double", "t15233-double-tab", "t15233-double-nl", "t15233-triple" ] );
|
|
assert.t( "string found in the middle",
|
|
"input[data-15233~='bar']",
|
|
[ "t15233-double", "t15233-double-tab", "t15233-double-nl", "t15233-triple" ] );
|
|
assert.t( "string found at the end", "input[data-15233~='baz']", [ "t15233-triple" ] );
|
|
} );
|
|
|
|
QUnit.test( "attributes - hyphen-prefix matches", function( assert ) {
|
|
assert.expect( 3 );
|
|
|
|
assert.t( "string", "#names-group span[id|='name']", [ "name-is-example", "name-is-div" ] );
|
|
assert.t( "string containing hyphen",
|
|
"#names-group span[id|='name-is']",
|
|
[ "name-is-example", "name-is-div" ] );
|
|
assert.t( "string ending with hyphen", "#names-group span[id|='name-is-']", [] );
|
|
} );
|
|
|
|
QUnit.test( "attributes - special characters", function( assert ) {
|
|
assert.expect( 16 );
|
|
|
|
var attrbad;
|
|
var div = document.createElement( "div" );
|
|
|
|
// trac-3279
|
|
div.innerHTML = "<div id='foo' xml:test='something'></div>";
|
|
assert.deepEqual( jQuery( "[xml\\:test]", div ).get(),
|
|
[ div.firstChild ],
|
|
"attribute name containing colon" );
|
|
|
|
// Make sure attribute value quoting works correctly.
|
|
// See jQuery trac-6093; trac-6428; trac-13894.
|
|
// Use seeded results to bypass querySelectorAll optimizations.
|
|
attrbad = jQuery(
|
|
"<input type='hidden' id='attrbad_space' name='foo bar'/>" +
|
|
"<input type='hidden' id='attrbad_dot' value='2' name='foo.baz'/>" +
|
|
"<input type='hidden' id='attrbad_brackets' value='2' name='foo[baz]'/>" +
|
|
"<input type='hidden' id='attrbad_leading_digits' name='agent' value='007'/>" +
|
|
"<input type='hidden' id='attrbad_injection' data-attr='foo_baz']'/>" +
|
|
"<input type='hidden' id='attrbad_quote' data-attr='''/>" +
|
|
"<input type='hidden' id='attrbad_backslash' data-attr='\'/>" +
|
|
"<input type='hidden' id='attrbad_backslash_quote' data-attr='\''/>" +
|
|
"<input type='hidden' id='attrbad_backslash_backslash' data-attr='\\'/>" +
|
|
"<input type='hidden' id='attrbad_unicode' data-attr='一'/>"
|
|
).appendTo( "#qunit-fixture" ).get();
|
|
|
|
|
|
assert.deepEqual( jQuery( attrbad ).filter( "input[name=foo\\ bar]" ).get(),
|
|
q( "attrbad_space" ),
|
|
"identifier containing space" );
|
|
assert.deepEqual( jQuery( attrbad ).filter( "input[name=foo\\.baz]" ).get(),
|
|
q( "attrbad_dot" ),
|
|
"identifier containing dot" );
|
|
assert.deepEqual( jQuery( attrbad ).filter( "input[name=foo\\[baz\\]]" ).get(),
|
|
q( "attrbad_brackets" ),
|
|
"identifier containing brackets" );
|
|
assert.deepEqual( jQuery( attrbad ).filter( "input[data-attr='foo_baz\\']']" ).get(),
|
|
q( "attrbad_injection" ),
|
|
"string containing quote and right bracket" );
|
|
|
|
assert.deepEqual( jQuery( attrbad ).filter( "input[value=\\30 \\30\\37 ]" ).get(),
|
|
q( "attrbad_leading_digits" ),
|
|
"identifier containing escaped leading digits with whitespace termination" );
|
|
assert.deepEqual( jQuery( attrbad ).filter( "input[value=\\00003007]" ).get(),
|
|
q( "attrbad_leading_digits" ),
|
|
"identifier containing escaped leading digits without whitespace termination" );
|
|
|
|
assert.deepEqual( jQuery( attrbad ).filter( "input[data-attr='\\'']" ).get(),
|
|
q( "attrbad_quote" ),
|
|
"string containing quote" );
|
|
assert.deepEqual( jQuery( attrbad ).filter( "input[data-attr='\\\\']" ).get(),
|
|
q( "attrbad_backslash" ),
|
|
"string containing backslash" );
|
|
assert.deepEqual( jQuery( attrbad ).filter( "input[data-attr='\\\\\\'']" ).get(),
|
|
q( "attrbad_backslash_quote" ),
|
|
"string containing backslash and quote" );
|
|
assert.deepEqual( jQuery( attrbad ).filter( "input[data-attr='\\\\\\\\']" ).get(),
|
|
q( "attrbad_backslash_backslash" ),
|
|
"string containing adjacent backslashes" );
|
|
|
|
assert.deepEqual( jQuery( attrbad ).filter( "input[data-attr='\\5C\\\\']" ).get(),
|
|
q( "attrbad_backslash_backslash" ),
|
|
"string containing numeric-escape backslash and backslash" );
|
|
assert.deepEqual( jQuery( attrbad ).filter( "input[data-attr='\\5C \\\\']" ).get(),
|
|
q( "attrbad_backslash_backslash" ),
|
|
"string containing numeric-escape-with-trailing-space backslash and backslash" );
|
|
assert.deepEqual( jQuery( attrbad ).filter( "input[data-attr='\\5C\t\\\\']" ).get(),
|
|
q( "attrbad_backslash_backslash" ),
|
|
"string containing numeric-escape-with-trailing-tab backslash and backslash" );
|
|
assert.deepEqual( jQuery( attrbad ).filter( "input[data-attr='\\04e00']" ).get(),
|
|
q( "attrbad_unicode" ),
|
|
"Long numeric escape (BMP)" );
|
|
|
|
document.getElementById( "attrbad_unicode" ).setAttribute( "data-attr", "\uD834\uDF06A" );
|
|
assert.deepEqual( jQuery( attrbad ).filter( "input[data-attr='\\01D306A']" ).get(),
|
|
q( "attrbad_unicode" ),
|
|
"Long numeric escape (non-BMP)" );
|
|
} );
|
|
|
|
QUnit.test( "attributes - others", function( assert ) {
|
|
assert.expect( 14 );
|
|
|
|
var div = document.getElementById( "foo" );
|
|
|
|
assert.t( "Find elements with a tabindex attribute", "[tabindex]", [ "listWithTabIndex", "foodWithNegativeTabIndex", "linkWithTabIndex", "linkWithNegativeTabIndex", "linkWithNoHrefWithTabIndex", "linkWithNoHrefWithNegativeTabIndex" ] );
|
|
|
|
assert.t( "Selector list with multiple quoted attribute-equals",
|
|
"#form input[type='radio'], #form input[type='hidden']",
|
|
[ "radio1", "radio2", "hidden1" ] );
|
|
assert.t( "Selector list with differently-quoted attribute-equals",
|
|
"#form input[type='radio'], #form input[type=\"hidden\"]",
|
|
[ "radio1", "radio2", "hidden1" ] );
|
|
assert.t( "Selector list with quoted and unquoted attribute-equals",
|
|
"#form input[type='radio'], #form input[type=hidden]",
|
|
[ "radio1", "radio2", "hidden1" ] );
|
|
|
|
assert.t( "Object.prototype property \"constructor\" (negative)", "[constructor]", [] );
|
|
assert.t( "Gecko Object.prototype property \"watch\" (negative)", "[watch]", [] );
|
|
div.setAttribute( "constructor", "foo" );
|
|
div.setAttribute( "watch", "bar" );
|
|
assert.t( "Object.prototype property \"constructor\"", "[constructor='foo']", [ "foo" ] );
|
|
assert.t( "Gecko Object.prototype property \"watch\"", "[watch='bar']", [ "foo" ] );
|
|
|
|
// #11115
|
|
assert.ok( jQuery( "<input type='checkbox' checked='checked'/>" ).prop( "checked", false ).is( "[checked]" ),
|
|
"[checked] selects by attribute (positive)"
|
|
);
|
|
assert.ok( !jQuery( "<input type='checkbox'/>" ).prop( "checked", true ).is( "[checked]" ),
|
|
"[checked] selects by attribute (negative)"
|
|
);
|
|
|
|
assert.t( "empty name", "[name='']", [ "name-empty" ] );
|
|
assert.t( "prefixed empty name", "#empty-name-parent [name='']", [ "name-empty" ] );
|
|
|
|
var emptyNameContainer = jQuery( ".empty-name-container" );
|
|
assert.deepEqual( emptyNameContainer.find( "[name='']" ).get(),
|
|
q( "name-empty" ),
|
|
"empty name with context" );
|
|
assert.deepEqual( emptyNameContainer.find( "#empty-name-parent [name='']" ).get(),
|
|
q( "name-empty" ),
|
|
"prefixed empty name with context" );
|
|
} );
|
|
|
|
QUnit.test( "pseudo - (parent|empty)", function( assert ) {
|
|
assert.expect( 3 );
|
|
assert.t( "Empty", "#qunit-fixture ul:empty", [ "firstUL" ] );
|
|
assert.t( "Empty with comment node", "#qunit-fixture ol:empty", [ "empty" ] );
|
|
|
|
if ( QUnit.jQuerySelectors ) {
|
|
assert.t( "Is A Parent", "#qunit-fixture p:parent",
|
|
[ "firstp", "ap", "sndp", "en", "sap", "first" ] );
|
|
} else {
|
|
assert.ok( "skip", ":parent not supported in selector-native" );
|
|
}
|
|
} );
|
|
|
|
QUnit.test( "pseudo - (first|last|only)-(child|of-type)", function( assert ) {
|
|
assert.expect( 12 );
|
|
|
|
assert.t( "First Child", "#qunit-fixture p:first-child", [ "firstp", "sndp" ] );
|
|
assert.t( "First Child (leading id)", "#qunit-fixture p:first-child", [ "firstp", "sndp" ] );
|
|
assert.t( "First Child (leading class)", ".nothiddendiv div:first-child", [ "nothiddendivchild" ] );
|
|
assert.t( "First Child (case-insensitive)", "#qunit-fixture p:FIRST-CHILD", [ "firstp", "sndp" ] );
|
|
|
|
assert.t( "Last Child", "#qunit-fixture p:last-child", [ "sap" ] );
|
|
assert.t( "Last Child (leading id)", "#qunit-fixture a:last-child", [ "simon1", "anchor1", "mark", "yahoo", "anchor2", "simon", "liveLink1", "liveLink2" ] );
|
|
|
|
assert.t( "Only Child", "#qunit-fixture a:only-child", [ "simon1", "anchor1", "yahoo", "anchor2", "liveLink1", "liveLink2" ] );
|
|
|
|
assert.t( "First-of-type", "#qunit-fixture > p:first-of-type", [ "firstp" ] );
|
|
assert.t( "Last-of-type", "#qunit-fixture > p:last-of-type", [ "first" ] );
|
|
assert.t( "Only-of-type", "#qunit-fixture > :only-of-type", [ "name+value", "firstUL", "empty", "floatTest", "iframe", "table", "last" ] );
|
|
|
|
// Verify that the child position isn't being cached improperly
|
|
var secondChildren = jQuery( "p:nth-child(2)" ).before( "<div></div>" );
|
|
|
|
assert.t( "No longer second child", "p:nth-child(2)", [] );
|
|
secondChildren.prev().remove();
|
|
assert.t( "Restored second child", "p:nth-child(2)", [ "ap", "en" ] );
|
|
} );
|
|
|
|
QUnit.test( "pseudo - nth-child", function( assert ) {
|
|
assert.expect( 30 );
|
|
|
|
assert.t( "Nth-child", "p:nth-child(1)", [ "firstp", "sndp" ] );
|
|
assert.t( "Nth-child (with whitespace)", "p:nth-child( 1 )", [ "firstp", "sndp" ] );
|
|
assert.t( "Nth-child (case-insensitive)", "#form #select1 option:NTH-child(3)", [ "option1c" ] );
|
|
assert.t( "Not nth-child", "#qunit-fixture p:not(:nth-child(1))", [ "ap", "en", "sap", "first" ] );
|
|
|
|
assert.t( "Nth-child(2)", "#qunit-fixture form#form > *:nth-child(2)", [ "text1" ] );
|
|
assert.t( "Nth-child(2)", "#qunit-fixture form#form > :nth-child(2)", [ "text1" ] );
|
|
|
|
assert.t( "Nth-child(-1)", "#form #select1 option:nth-child(-1)", [] );
|
|
assert.t( "Nth-child(3)", "#form #select1 option:nth-child(3)", [ "option1c" ] );
|
|
assert.t( "Nth-child(0n+3)", "#form #select1 option:nth-child(0n+3)", [ "option1c" ] );
|
|
assert.t( "Nth-child(1n+0)", "#form #select1 option:nth-child(1n+0)", [ "option1a", "option1b", "option1c", "option1d" ] );
|
|
assert.t( "Nth-child(1n)", "#form #select1 option:nth-child(1n)", [ "option1a", "option1b", "option1c", "option1d" ] );
|
|
assert.t( "Nth-child(n)", "#form #select1 option:nth-child(n)", [ "option1a", "option1b", "option1c", "option1d" ] );
|
|
assert.t( "Nth-child(even)", "#form #select1 option:nth-child(even)", [ "option1b", "option1d" ] );
|
|
assert.t( "Nth-child(odd)", "#form #select1 option:nth-child(odd)", [ "option1a", "option1c" ] );
|
|
assert.t( "Nth-child(2n)", "#form #select1 option:nth-child(2n)", [ "option1b", "option1d" ] );
|
|
assert.t( "Nth-child(2n+1)", "#form #select1 option:nth-child(2n+1)", [ "option1a", "option1c" ] );
|
|
assert.t( "Nth-child(2n + 1)", "#form #select1 option:nth-child(2n + 1)", [ "option1a", "option1c" ] );
|
|
assert.t( "Nth-child(+2n + 1)", "#form #select1 option:nth-child(+2n + 1)", [ "option1a", "option1c" ] );
|
|
assert.t( "Nth-child(3n)", "#form #select1 option:nth-child(3n)", [ "option1c" ] );
|
|
assert.t( "Nth-child(3n+1)", "#form #select1 option:nth-child(3n+1)", [ "option1a", "option1d" ] );
|
|
assert.t( "Nth-child(3n+2)", "#form #select1 option:nth-child(3n+2)", [ "option1b" ] );
|
|
assert.t( "Nth-child(3n+3)", "#form #select1 option:nth-child(3n+3)", [ "option1c" ] );
|
|
assert.t( "Nth-child(3n-1)", "#form #select1 option:nth-child(3n-1)", [ "option1b" ] );
|
|
assert.t( "Nth-child(3n-2)", "#form #select1 option:nth-child(3n-2)", [ "option1a", "option1d" ] );
|
|
assert.t( "Nth-child(3n-3)", "#form #select1 option:nth-child(3n-3)", [ "option1c" ] );
|
|
assert.t( "Nth-child(3n+0)", "#form #select1 option:nth-child(3n+0)", [ "option1c" ] );
|
|
assert.t( "Nth-child(-1n+3)", "#form #select1 option:nth-child(-1n+3)", [ "option1a", "option1b", "option1c" ] );
|
|
assert.t( "Nth-child(-n+3)", "#form #select1 option:nth-child(-n+3)", [ "option1a", "option1b", "option1c" ] );
|
|
assert.t( "Nth-child(-1n + 3)", "#form #select1 option:nth-child(-1n + 3)", [ "option1a", "option1b", "option1c" ] );
|
|
|
|
if ( QUnit.jQuerySelectors || this.safari ) {
|
|
assert.deepEqual(
|
|
jQuery( [ document.createElement( "a" ) ].concat( q( "ap" ) ) )
|
|
.filter( ":nth-child(n)" )
|
|
.get(),
|
|
q( "ap" ),
|
|
"Seeded nth-child"
|
|
);
|
|
} else {
|
|
// Support: Chrome 75+, Firefox 67+
|
|
// Some browsers mark disconnected elements as matching `:nth-child(n)`
|
|
// so let's skip the test.
|
|
assert.ok( "skip", "disconnected elements match ':nth-child(n)' in Chrome/Firefox" );
|
|
}
|
|
} );
|
|
|
|
QUnit.test( "pseudo - nth-last-child", function( assert ) {
|
|
assert.expect( 30 );
|
|
|
|
jQuery( "#qunit-fixture" ).append( "<form id='nth-last-child-form'></form><i></i><i></i><i></i><i></i>" );
|
|
assert.t( "Nth-last-child", "form:nth-last-child(5)", [ "nth-last-child-form" ] );
|
|
assert.t( "Nth-last-child (with whitespace)", "form:nth-last-child( 5 )", [ "nth-last-child-form" ] );
|
|
|
|
|
|
assert.t( "Nth-last-child (case-insensitive)", "#form #select1 option:NTH-last-child(3)", [ "option1b" ] );
|
|
assert.t( "Not nth-last-child", "#qunit-fixture p:not(:nth-last-child(1))", [ "firstp", "ap", "sndp", "en", "first" ] );
|
|
|
|
assert.t( "Nth-last-child(-1)", "#form #select1 option:nth-last-child(-1)", [] );
|
|
assert.t( "Nth-last-child(3)", "#form #select1 :nth-last-child(3)", [ "option1b" ] );
|
|
assert.t( "Nth-last-child(3)", "#form #select1 *:nth-last-child(3)", [ "option1b" ] );
|
|
assert.t( "Nth-last-child(3)", "#form #select1 option:nth-last-child(3)", [ "option1b" ] );
|
|
assert.t( "Nth-last-child(0n+3)", "#form #select1 option:nth-last-child(0n+3)", [ "option1b" ] );
|
|
assert.t( "Nth-last-child(1n+0)", "#form #select1 option:nth-last-child(1n+0)", [ "option1a", "option1b", "option1c", "option1d" ] );
|
|
assert.t( "Nth-last-child(1n)", "#form #select1 option:nth-last-child(1n)", [ "option1a", "option1b", "option1c", "option1d" ] );
|
|
assert.t( "Nth-last-child(n)", "#form #select1 option:nth-last-child(n)", [ "option1a", "option1b", "option1c", "option1d" ] );
|
|
assert.t( "Nth-last-child(even)", "#form #select1 option:nth-last-child(even)", [ "option1a", "option1c" ] );
|
|
assert.t( "Nth-last-child(odd)", "#form #select1 option:nth-last-child(odd)", [ "option1b", "option1d" ] );
|
|
assert.t( "Nth-last-child(2n)", "#form #select1 option:nth-last-child(2n)", [ "option1a", "option1c" ] );
|
|
assert.t( "Nth-last-child(2n+1)", "#form #select1 option:nth-last-child(2n+1)", [ "option1b", "option1d" ] );
|
|
assert.t( "Nth-last-child(2n + 1)", "#form #select1 option:nth-last-child(2n + 1)", [ "option1b", "option1d" ] );
|
|
assert.t( "Nth-last-child(+2n + 1)", "#form #select1 option:nth-last-child(+2n + 1)", [ "option1b", "option1d" ] );
|
|
assert.t( "Nth-last-child(3n)", "#form #select1 option:nth-last-child(3n)", [ "option1b" ] );
|
|
assert.t( "Nth-last-child(3n+1)", "#form #select1 option:nth-last-child(3n+1)", [ "option1a", "option1d" ] );
|
|
assert.t( "Nth-last-child(3n+2)", "#form #select1 option:nth-last-child(3n+2)", [ "option1c" ] );
|
|
assert.t( "Nth-last-child(3n+3)", "#form #select1 option:nth-last-child(3n+3)", [ "option1b" ] );
|
|
assert.t( "Nth-last-child(3n-1)", "#form #select1 option:nth-last-child(3n-1)", [ "option1c" ] );
|
|
assert.t( "Nth-last-child(3n-2)", "#form #select1 option:nth-last-child(3n-2)", [ "option1a", "option1d" ] );
|
|
assert.t( "Nth-last-child(3n-3)", "#form #select1 option:nth-last-child(3n-3)", [ "option1b" ] );
|
|
assert.t( "Nth-last-child(3n+0)", "#form #select1 option:nth-last-child(3n+0)", [ "option1b" ] );
|
|
assert.t( "Nth-last-child(-1n+3)", "#form #select1 option:nth-last-child(-1n+3)", [ "option1b", "option1c", "option1d" ] );
|
|
assert.t( "Nth-last-child(-n+3)", "#form #select1 option:nth-last-child(-n+3)", [ "option1b", "option1c", "option1d" ] );
|
|
assert.t( "Nth-last-child(-1n + 3)", "#form #select1 option:nth-last-child(-1n + 3)", [ "option1b", "option1c", "option1d" ] );
|
|
|
|
if ( QUnit.jQuerySelectors || this.safari ) {
|
|
assert.deepEqual(
|
|
jQuery( [ document.createElement( "a" ) ].concat( q( "ap" ) ) )
|
|
.filter( ":nth-last-child(n)" )
|
|
.get(),
|
|
q( "ap" ),
|
|
"Seeded nth-last-child"
|
|
);
|
|
} else {
|
|
// Support: Chrome 75+, Firefox 67+
|
|
// Some browsers mark disconnected elements as matching `:nth-last-child(n)`
|
|
// so let's skip the test.
|
|
assert.ok( "skip", "disconnected elements match ':nth-last-child(n)' in Chrome/Firefox" );
|
|
}
|
|
} );
|
|
|
|
QUnit.test( "pseudo - nth-of-type", function( assert ) {
|
|
assert.expect( 9 );
|
|
assert.t( "Nth-of-type(-1)", ":nth-of-type(-1)", [] );
|
|
assert.t( "Nth-of-type(3)", "#ap :nth-of-type(3)", [ "mark" ] );
|
|
assert.t( "Nth-of-type(n)", "#ap :nth-of-type(n)", [ "google", "groups", "code1", "anchor1", "mark" ] );
|
|
assert.t( "Nth-of-type(0n+3)", "#ap :nth-of-type(0n+3)", [ "mark" ] );
|
|
assert.t( "Nth-of-type(2n)", "#ap :nth-of-type(2n)", [ "groups" ] );
|
|
assert.t( "Nth-of-type(even)", "#ap :nth-of-type(even)", [ "groups" ] );
|
|
assert.t( "Nth-of-type(2n+1)", "#ap :nth-of-type(2n+1)", [ "google", "code1", "anchor1", "mark" ] );
|
|
assert.t( "Nth-of-type(odd)", "#ap :nth-of-type(odd)", [ "google", "code1", "anchor1", "mark" ] );
|
|
assert.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", "last" ] );
|
|
} );
|
|
|
|
QUnit.test( "pseudo - nth-last-of-type", function( assert ) {
|
|
assert.expect( 9 );
|
|
assert.t( "Nth-last-of-type(-1)", ":nth-last-of-type(-1)", [] );
|
|
assert.t( "Nth-last-of-type(3)", "#ap :nth-last-of-type(3)", [ "google" ] );
|
|
assert.t( "Nth-last-of-type(n)", "#ap :nth-last-of-type(n)", [ "google", "groups", "code1", "anchor1", "mark" ] );
|
|
assert.t( "Nth-last-of-type(0n+3)", "#ap :nth-last-of-type(0n+3)", [ "google" ] );
|
|
assert.t( "Nth-last-of-type(2n)", "#ap :nth-last-of-type(2n)", [ "groups" ] );
|
|
assert.t( "Nth-last-of-type(even)", "#ap :nth-last-of-type(even)", [ "groups" ] );
|
|
assert.t( "Nth-last-of-type(2n+1)", "#ap :nth-last-of-type(2n+1)", [ "google", "code1", "anchor1", "mark" ] );
|
|
assert.t( "Nth-last-of-type(odd)", "#ap :nth-last-of-type(odd)", [ "google", "code1", "anchor1", "mark" ] );
|
|
assert.t( "Nth-last-of-type(-n+2)", "#qunit-fixture > :nth-last-of-type(-n+2)", [ "ap", "name+value", "first", "firstUL", "empty", "floatTest", "iframe", "table", "testForm", "disabled-tests", "siblingTest", "fx-test-group", "last" ] );
|
|
} );
|
|
|
|
QUnit[ QUnit.jQuerySelectors ? "test" : "skip" ]( "pseudo - has", function( assert ) {
|
|
assert.expect( 3 );
|
|
|
|
assert.t( "Basic test", "p:has(a)", [ "firstp", "ap", "en", "sap" ] );
|
|
assert.t( "Basic test (irrelevant whitespace)", "p:has( a )", [ "firstp", "ap", "en", "sap" ] );
|
|
assert.t( "Nested with overlapping candidates",
|
|
"#qunit-fixture div:has(div:has(div:not([id])))",
|
|
[ "moretests", "t2037", "fx-test-group", "fx-queue" ] );
|
|
} );
|
|
|
|
QUnit[ QUnit.jQuerySelectors ? "test" : "skip" ]( "pseudo - contains", function( assert ) {
|
|
assert.expect( 9 );
|
|
|
|
var gh335 = document.getElementById( "qunit-fixture" ).appendChild(
|
|
document.createElement( "mark" ) );
|
|
gh335.id = "gh-335";
|
|
gh335.appendChild( document.createTextNode( "raw line 1\nline 2" ) );
|
|
|
|
assert.ok( jQuery( "a:contains('')" ).length, "empty string" );
|
|
assert.t( "unquoted argument", "a:contains(Google)", [ "google", "groups" ] );
|
|
assert.t( "unquoted argument with whitespace", "a:contains(Google Groups)", [ "groups" ] );
|
|
assert.t( "quoted argument with whitespace and parentheses",
|
|
"a:contains('Google Groups (Link)')", [ "groups" ] );
|
|
assert.t( "quoted argument with double quotes and parentheses",
|
|
"a:contains(\"(Link)\")", [ "groups" ] );
|
|
assert.t( "unquoted argument with whitespace and paired parentheses",
|
|
"a:contains(Google Groups (Link))", [ "groups" ] );
|
|
assert.t( "unquoted argument with paired parentheses", "a:contains((Link))", [ "groups" ] );
|
|
assert.t( "quoted argument with CSS escapes",
|
|
"span:contains(\"\\\"'\\53F0 \\5317 Ta\\301 ibe\\30C i\")",
|
|
[ "utf8class1" ] );
|
|
|
|
assert.t( "collapsed whitespace", "mark:contains('line 1\\A line')", [ "gh-335" ] );
|
|
} );
|
|
|
|
QUnit.test( "pseudo - misc", function( assert ) {
|
|
assert.expect( 32 );
|
|
|
|
var select, tmp, input;
|
|
|
|
jQuery( "<h1 id='h1'></h1><h2 id='h2'></h2><h2 id='h2-2'></h2>" ).prependTo( "#qunit-fixture" );
|
|
|
|
if ( QUnit.jQuerySelectors ) {
|
|
assert.t( "Headers", "#qunit-fixture :header", [ "h1", "h2", "h2-2" ] );
|
|
assert.t( "Headers(case-insensitive)", "#qunit-fixture :Header", [ "h1", "h2", "h2-2" ] );
|
|
} else {
|
|
assert.ok( "skip", ":header not supported in selector-native" );
|
|
assert.ok( "skip", ":header not supported in selector-native" );
|
|
}
|
|
|
|
if ( QUnit.jQuerySelectors ) {
|
|
assert.t( "Multiple matches with the same context (cache check)",
|
|
"#form select:has(option:first-child:contains('o'))",
|
|
[ "select1", "select2", "select3", "select4" ]
|
|
);
|
|
assert.ok( jQuery( "#qunit-fixture :not(:has(:has(*)))" ).length, "All not grandparents" );
|
|
|
|
select = document.getElementById( "select1" );
|
|
assert.ok( jQuery( select ).is( ":has(option)" ), "Has Option Matches" );
|
|
} else {
|
|
assert.ok( "skip", ":has not supported in selector-native" );
|
|
assert.ok( "skip", ":has not supported in selector-native" );
|
|
assert.ok( "skip", ":has not supported in selector-native" );
|
|
}
|
|
|
|
tmp = document.createElement( "div" );
|
|
tmp.id = "tmp_input";
|
|
document.body.appendChild( tmp );
|
|
|
|
jQuery.each( [ "button", "submit", "reset" ], function( i, type ) {
|
|
var els = jQuery(
|
|
"<input id='input_%' type='%'/><button id='button_%' type='%'>test</button>"
|
|
.replace( /%/g, type )
|
|
).appendTo( tmp );
|
|
|
|
if ( QUnit.jQuerySelectors ) {
|
|
assert.t( "Input Buttons :" + type, "#tmp_input :" + type, [ "input_" + type, "button_" + type ] );
|
|
|
|
assert.ok( jQuery( els[ 0 ] ).is( ":" + type ), "Input Matches :" + type );
|
|
assert.ok( jQuery( els[ 1 ] ).is( ":" + type ), "Button Matches :" + type );
|
|
} else {
|
|
assert.ok( "skip", ":" + type + " not supported in selector-native" );
|
|
assert.ok( "skip", ":" + type + " not supported in selector-native" );
|
|
assert.ok( "skip", ":" + type + " not supported in selector-native" );
|
|
}
|
|
} );
|
|
|
|
document.body.removeChild( tmp );
|
|
|
|
// Recreate tmp
|
|
tmp = document.createElement( "div" );
|
|
tmp.id = "tmp_input";
|
|
tmp.innerHTML = "<span>Hello I am focusable.</span>";
|
|
// Setting tabIndex should make the element focusable
|
|
// https://html.spec.whatwg.org/#the-tabindex-attribute
|
|
document.body.appendChild( tmp );
|
|
tmp.tabIndex = 0;
|
|
tmp.focus();
|
|
if ( document.activeElement !== tmp || ( document.hasFocus && !document.hasFocus() ) ||
|
|
( document.querySelectorAll && !document.querySelectorAll( "div:focus" ).length ) ) {
|
|
assert.ok( true, "The div was not focused. Skip checking the :focus match." );
|
|
assert.ok( true, "The div was not focused. Skip checking the :focus match." );
|
|
} else {
|
|
assert.t( "tabIndex element focused", ":focus", [ "tmp_input" ] );
|
|
assert.ok( jQuery( tmp ).is( ":focus" ), ":focus matches tabIndex div" );
|
|
}
|
|
|
|
// Blur tmp
|
|
tmp.blur();
|
|
document.body.focus();
|
|
assert.ok( !jQuery( tmp ).is( ":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 ) ) {
|
|
assert.ok( true, "The input was not focused. Skip checking the :focus match." );
|
|
assert.ok( true, "The input was not focused. Skip checking the :focus match." );
|
|
} else {
|
|
assert.t( "Element focused", "input:focus", [ "focus-input" ] );
|
|
assert.ok( jQuery( input ).is( ":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();
|
|
}
|
|
|
|
assert.ok( !jQuery( input ).is( ":focus" ), ":focus doesn't match" );
|
|
document.body.removeChild( input );
|
|
|
|
|
|
assert.deepEqual(
|
|
jQuery( "[id='select1'] *:not(:last-child), [id='select2'] *:not(:last-child)", q( "qunit-fixture" )[ 0 ] ).get(),
|
|
q( "option1a", "option1b", "option1c", "option2a", "option2b", "option2c" ),
|
|
"caching system tolerates recursive selection"
|
|
);
|
|
|
|
if ( QUnit.jQuerySelectors ) {
|
|
// Tokenization edge cases
|
|
assert.t( "Sequential pseudos", "#qunit-fixture p:has(:contains(mark)):has(code)", [ "ap" ] );
|
|
assert.t( "Sequential pseudos", "#qunit-fixture p:has(:contains(mark)):has(code):contains(This link)", [ "ap" ] );
|
|
|
|
assert.t( "Pseudo argument containing ')'", "p:has(>a.GROUPS[src!=')'])", [ "ap" ] );
|
|
assert.t( "Pseudo argument containing ')'", "p:has(>a.GROUPS[src!=')'])", [ "ap" ] );
|
|
assert.t( "Pseudo followed by token containing ')'", "p:contains(id=\"foo\")[id!=\\)]", [ "sndp" ] );
|
|
assert.t( "Pseudo followed by token containing ')'", "p:contains(id=\"foo\")[id!=')']", [ "sndp" ] );
|
|
|
|
assert.t( "Multi-pseudo", "#ap:has(*), #ap:has(*)", [ "ap" ] );
|
|
assert.t( "Multi-pseudo with leading nonexistent id", "#nonexistent:has(*), #ap:has(*)", [ "ap" ] );
|
|
|
|
assert.t( "Tokenization stressor", "a[class*=blog]:not(:has(*, :contains(!)), :contains(!)), br:contains(]), p:contains(]):not(.qunit-source), :not(:empty):not(:parent):not(.qunit-source)", [ "ap", "mark", "yahoo", "simon" ] );
|
|
} else {
|
|
assert.ok( "skip", ":has not supported in selector-native" );
|
|
assert.ok( "skip", ":has not supported in selector-native" );
|
|
|
|
assert.ok( "skip", ":has not supported in selector-native" );
|
|
assert.ok( "skip", ":has not supported in selector-native" );
|
|
assert.ok( "skip", ":contains not supported in selector-native" );
|
|
assert.ok( "skip", ":contains not supported in selector-native" );
|
|
|
|
assert.ok( "skip", ":has not supported in selector-native" );
|
|
assert.ok( "skip", ":has supported in selector-native" );
|
|
|
|
assert.ok( "skip", ":has not supported in selector-native" );
|
|
}
|
|
|
|
if ( QUnit.jQuerySelectorsPos ) {
|
|
assert.t( "Multi-positional", "#ap:gt(0), #ap:lt(1)", [ "ap" ] );
|
|
assert.t( "Multi-positional with leading nonexistent id", "#nonexistent:gt(0), #ap:lt(1)", [ "ap" ] );
|
|
} else {
|
|
assert.ok( "skip", "Positional selectors are not supported" );
|
|
assert.ok( "skip", "Positional selectors are not supported" );
|
|
}
|
|
} );
|
|
|
|
QUnit.test( "pseudo - :not", function( assert ) {
|
|
assert.expect( 43 );
|
|
|
|
assert.t( "Not", "a.blog:not(.link)", [ "mark" ] );
|
|
|
|
if ( QUnit.jQuerySelectors ) {
|
|
assert.t( "Not - multiple", "#form option:not(:contains(Nothing),#option1b,:selected)", [ "option1c", "option1d", "option2b", "option2c", "option3d", "option3e", "option4e", "option5b", "option5c" ] );
|
|
assert.t( "Not - recursive", "#form option:not(:not(:selected))[id^='option3']", [ "option3b", "option3c" ] );
|
|
} else {
|
|
assert.ok( "skip", ":contains not supported in selector-native" );
|
|
assert.ok( "skip", ":selected not supported in selector-native" );
|
|
}
|
|
|
|
if ( QUnit.jQuerySelectorsPos ) {
|
|
assert.t( ":not() with :first", "#foo p:not(:first) .link", [ "simon" ] );
|
|
} else {
|
|
assert.ok( "skip", "Positional selectors are not supported" );
|
|
}
|
|
|
|
assert.t( ":not() failing interior", "#qunit-fixture p:not(.foo)", [ "firstp", "ap", "sndp", "en", "sap", "first" ] );
|
|
assert.t( ":not() failing interior", "#qunit-fixture p:not(#blargh)", [ "firstp", "ap", "sndp", "en", "sap", "first" ] );
|
|
|
|
if ( QUnit.jQuerySelectors || this.safari ) {
|
|
assert.t( ":not() failing interior", "#qunit-fixture p:not(div.foo)", [ "firstp", "ap", "sndp", "en", "sap", "first" ] );
|
|
assert.t( ":not() failing interior", "#qunit-fixture p:not(p.foo)", [ "firstp", "ap", "sndp", "en", "sap", "first" ] );
|
|
assert.t( ":not() failing interior", "#qunit-fixture p:not(div#blargh)", [ "firstp", "ap", "sndp", "en", "sap", "first" ] );
|
|
assert.t( ":not() failing interior", "#qunit-fixture p:not(p#blargh)", [ "firstp", "ap", "sndp", "en", "sap", "first" ] );
|
|
} else {
|
|
// Support: Chrome 75+, Firefox 67+
|
|
// Chrome/Firefox don't support `:not(complex selector)`.
|
|
assert.ok( "skip", ":not(complex selector) not supported in selector-native" );
|
|
assert.ok( "skip", ":not(complex selector) not supported in selector-native" );
|
|
assert.ok( "skip", ":not(complex selector) not supported in selector-native" );
|
|
assert.ok( "skip", ":not(complex selector) not supported in selector-native" );
|
|
}
|
|
|
|
assert.t( ":not Multiple", "#qunit-fixture p:not(a)", [ "firstp", "ap", "sndp", "en", "sap", "first" ] );
|
|
assert.t( ":not Multiple", "#qunit-fixture p:not( a )", [ "firstp", "ap", "sndp", "en", "sap", "first" ] );
|
|
assert.t( ":not Multiple", "#qunit-fixture p:not( p )", [] );
|
|
assert.t( ":not Multiple", "p:not(p)", [] );
|
|
|
|
if ( QUnit.jQuerySelectors || this.safari ) {
|
|
assert.t( ":not Multiple", "#qunit-fixture p:not(a, b)", [ "firstp", "ap", "sndp", "en", "sap", "first" ] );
|
|
assert.t( ":not Multiple", "#qunit-fixture p:not(a, b, div)", [ "firstp", "ap", "sndp", "en", "sap", "first" ] );
|
|
assert.t( ":not Multiple", "p:not(a,p)", [] );
|
|
assert.t( ":not Multiple", "p:not(p,a)", [] );
|
|
assert.t( ":not Multiple", "p:not(a,p,b)", [] );
|
|
} else {
|
|
// Support: Chrome 75+, Firefox 67+
|
|
// Chrome/Firefox don't support `:not(complex selector)`.
|
|
assert.ok( "skip", ":not(complex selector) not supported in selector-native" );
|
|
assert.ok( "skip", ":not(complex selector) not supported in selector-native" );
|
|
assert.ok( "skip", ":not(complex selector) not supported in selector-native" );
|
|
assert.ok( "skip", ":not(complex selector) not supported in selector-native" );
|
|
assert.ok( "skip", ":not(complex selector) not supported in selector-native" );
|
|
}
|
|
|
|
if ( QUnit.jQuerySelectors ) {
|
|
assert.t( ":not Multiple", ":input:not(:image,:input,:submit)", [] );
|
|
assert.t( ":not Multiple", "#qunit-fixture p:not(:has(a), :nth-child(1))", [ "first" ] );
|
|
} else {
|
|
assert.ok( "skip", ":image, :input, :submit not supported in selector-native" );
|
|
assert.ok( "skip", ":has not supported in selector-native" );
|
|
}
|
|
|
|
assert.t( "No element not selector", ".container div:not(.excluded) div", [] );
|
|
|
|
assert.t( ":not() Existing attribute", "#form select:not([multiple])", [ "select1", "select2", "select5" ] );
|
|
assert.t( ":not() Equals attribute", "#form select:not([name=select1])", [ "select2", "select3", "select4", "select5" ] );
|
|
assert.t( ":not() Equals quoted attribute", "#form select:not([name='select1'])", [ "select2", "select3", "select4", "select5" ] );
|
|
|
|
assert.t( ":not() Multiple Class", "#foo a:not(.blog)", [ "yahoo", "anchor2" ] );
|
|
assert.t( ":not() Multiple Class", "#foo a:not(.link)", [ "yahoo", "anchor2" ] );
|
|
|
|
if ( QUnit.jQuerySelectors || this.safari ) {
|
|
assert.t( ":not() Multiple Class", "#foo a:not(.blog.link)", [ "yahoo", "anchor2" ] );
|
|
} else {
|
|
// Support: Chrome 75+, Firefox 67+
|
|
// Chrome/Firefox don't support `:not(complex selector)`.
|
|
assert.ok( "skip", ":not(complex selector) not supported in selector-native" );
|
|
}
|
|
|
|
if ( QUnit.jQuerySelectors ) {
|
|
assert.t( ":not chaining (compound)", "#qunit-fixture div[id]:not(:has(div, span)):not(:has(*))", [ "nothiddendivchild", "divWithNoTabIndex", "fx-tests" ] );
|
|
assert.t( ":not chaining (with attribute)", "#qunit-fixture form[id]:not([action$='formaction']):not(:button)", [ "lengthtest", "name-tests", "testForm", "disabled-tests" ] );
|
|
assert.t( ":not chaining (colon in attribute)", "#qunit-fixture form[id]:not([action='form:action']):not(:button)", [ "form", "lengthtest", "name-tests", "testForm", "disabled-tests" ] );
|
|
assert.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", "disabled-tests" ] );
|
|
assert.t( ":not chaining", "#form select:not(.select1):contains(Nothing) > option:not(option)", [] );
|
|
} else {
|
|
assert.ok( "skip", ":has not supported in selector-native" );
|
|
assert.ok( "skip", ":button not supported in selector-native" );
|
|
assert.ok( "skip", ":button not supported in selector-native" );
|
|
assert.ok( "skip", ":button not supported in selector-native" );
|
|
assert.ok( "skip", ":contains not supported in selector-native" );
|
|
}
|
|
|
|
if ( QUnit.jQuerySelectorsPos ) {
|
|
assert.t( "positional :not()", "#foo p:not(:last)", [ "sndp", "en" ] );
|
|
assert.t( "positional :not() prefix", "#foo p:not(:last) a", [ "yahoo" ] );
|
|
assert.t( "compound positional :not()", "#foo p:not(:first, :last)", [ "en" ] );
|
|
assert.t( "compound positional :not()", "#foo p:not(:first, :even)", [ "en" ] );
|
|
assert.t( "compound positional :not()", "#foo p:not(:first, :odd)", [ "sap" ] );
|
|
assert.t( "reordered compound positional :not()", "#foo p:not(:odd, :first)", [ "sap" ] );
|
|
|
|
assert.t( "positional :not() with pre-filter", "#foo p:not([id]:first)", [ "en", "sap" ] );
|
|
assert.t( "positional :not() with post-filter", "#foo p:not(:first[id])", [ "en", "sap" ] );
|
|
assert.t( "positional :not() with pre-filter", "#foo p:not([lang]:first)", [ "sndp", "sap" ] );
|
|
assert.t( "positional :not() with post-filter", "#foo p:not(:first[lang])", [ "sndp", "en", "sap" ] );
|
|
} else {
|
|
assert.ok( "skip", "Positional selectors are not supported" );
|
|
assert.ok( "skip", "Positional selectors are not supported" );
|
|
assert.ok( "skip", "Positional selectors are not supported" );
|
|
assert.ok( "skip", "Positional selectors are not supported" );
|
|
assert.ok( "skip", "Positional selectors are not supported" );
|
|
assert.ok( "skip", "Positional selectors are not supported" );
|
|
|
|
assert.ok( "skip", "Positional selectors are not supported" );
|
|
assert.ok( "skip", "Positional selectors are not supported" );
|
|
assert.ok( "skip", "Positional selectors are not supported" );
|
|
assert.ok( "skip", "Positional selectors are not supported" );
|
|
}
|
|
} );
|
|
|
|
QUnit[ QUnit.jQuerySelectorsPos ? "test" : "skip" ]( "pseudo - position", function( assert ) {
|
|
assert.expect( 34 );
|
|
|
|
assert.t( "First element", "#qunit-fixture p:first", [ "firstp" ] );
|
|
assert.t( "First element(case-insensitive)", "#qunit-fixture p:fiRst", [ "firstp" ] );
|
|
assert.t( "nth Element", "#qunit-fixture p:nth(1)", [ "ap" ] );
|
|
assert.t( "First Element", "#qunit-fixture p:first", [ "firstp" ] );
|
|
assert.t( "Last Element", "p:last", [ "first" ] );
|
|
assert.t( "Even Elements", "#qunit-fixture p:even", [ "firstp", "sndp", "sap" ] );
|
|
assert.t( "Odd Elements", "#qunit-fixture p:odd", [ "ap", "en", "first" ] );
|
|
assert.t( "Position Equals", "#qunit-fixture p:eq(1)", [ "ap" ] );
|
|
assert.t( "Position Equals (negative)", "#qunit-fixture p:eq(-1)", [ "first" ] );
|
|
assert.t( "Position Greater Than", "#qunit-fixture p:gt(0)", [ "ap", "sndp", "en", "sap", "first" ] );
|
|
assert.t( "Position Less Than", "#qunit-fixture p:lt(3)", [ "firstp", "ap", "sndp" ] );
|
|
assert.t( "Position Less Than Big Number", "#qunit-fixture p:lt(9007199254740991)", [ "firstp", "ap", "sndp", "en", "sap", "first" ] );
|
|
|
|
assert.t( "Check position filtering", "div#nothiddendiv:eq(0)", [ "nothiddendiv" ] );
|
|
assert.t( "Check position filtering", "div#nothiddendiv:last", [ "nothiddendiv" ] );
|
|
assert.t( "Check position filtering", "div#nothiddendiv:not(:gt(0))", [ "nothiddendiv" ] );
|
|
assert.t( "Check position filtering", "#foo > :not(:first)", [ "en", "sap" ] );
|
|
assert.t( "Check position filtering", "#qunit-fixture select > :not(:gt(2))", [ "option1a", "option1b", "option1c" ] );
|
|
assert.t( "Check position filtering", "#qunit-fixture select:lt(2) :not(:first)", [ "option1b", "option1c", "option1d", "option2a", "option2b", "option2c", "option2d" ] );
|
|
assert.t( "Check position filtering", "div.nothiddendiv:eq(0)", [ "nothiddendiv" ] );
|
|
assert.t( "Check position filtering", "div.nothiddendiv:last", [ "nothiddendiv" ] );
|
|
assert.t( "Check position filtering", "div.nothiddendiv:not(:lt(0))", [ "nothiddendiv" ] );
|
|
|
|
assert.t( "Check element position", "#qunit-fixture div div:eq(0)", [ "nothiddendivchild" ] );
|
|
assert.t( "Check element position", "#select1 option:eq(3)", [ "option1d" ] );
|
|
assert.t( "Check element position", "#qunit-fixture div div:eq(10)", [ "no-clone-exception" ] );
|
|
assert.t( "Check element position", "#qunit-fixture div div:first", [ "nothiddendivchild" ] );
|
|
assert.t( "Check element position", "#qunit-fixture div > div:first", [ "nothiddendivchild" ] );
|
|
assert.t( "Check element position", "#qunit-fixture div:first a:first", [ "yahoo" ] );
|
|
assert.t( "Check element position", "#qunit-fixture div:first > p:first", [ "sndp" ] );
|
|
assert.t( "Check element position", "div#nothiddendiv:first > div:first", [ "nothiddendivchild" ] );
|
|
assert.t( "Chained pseudo after a pos pseudo", "#listWithTabIndex li:eq(0):contains(Rice)", [ "foodWithNegativeTabIndex" ] );
|
|
|
|
assert.t( "Check sort order with POS and comma", "#qunit-fixture em>em>em>em:first-child,div>em:first", [ "siblingfirst", "siblinggreatgrandchild" ] );
|
|
|
|
assert.t( "Isolated position", "#qunit-fixture :last", [ "last" ] );
|
|
|
|
assert.deepEqual(
|
|
jQuery( "#qunit-fixture > p" ).filter( "*:lt(2) + *" ).get(),
|
|
q( "ap" ),
|
|
"Seeded pos with trailing relative" );
|
|
|
|
// jQuery #12526
|
|
var context = jQuery( "#qunit-fixture" ).append( "<div id='jquery12526'></div>" )[ 0 ];
|
|
assert.deepEqual( jQuery( ":last", context ).get(), q( "jquery12526" ),
|
|
"Post-manipulation positional" );
|
|
} );
|
|
|
|
QUnit.test( "pseudo - form", function( assert ) {
|
|
assert.expect( 16 );
|
|
|
|
var extraTexts = jQuery( "<input id=\"impliedText\"/><input id=\"capitalText\" type=\"TEXT\">" ).appendTo( "#form" );
|
|
|
|
if ( QUnit.jQuerySelectors ) {
|
|
assert.t( "Form element :radio", "#form :radio", [ "radio1", "radio2" ] );
|
|
assert.t( "Form element :checkbox", "#form :checkbox", [ "check1", "check2" ] );
|
|
assert.t( "Form element :text", "#form :text", [ "text1", "text2", "hidden2", "name", "impliedText", "capitalText" ] );
|
|
assert.t( "Form element :radio:checked", "#form :radio:checked", [ "radio2" ] );
|
|
assert.t( "Form element :checkbox:checked", "#form :checkbox:checked", [ "check1" ] );
|
|
assert.t( "Form element :radio:checked, :checkbox:checked", "#form :radio:checked, #form :checkbox:checked", [ "radio2", "check1" ] );
|
|
} else {
|
|
assert.ok( "skip", ":radio not supported in selector-native" );
|
|
assert.ok( "skip", ":checkbox not supported in selector-native" );
|
|
assert.ok( "skip", ":text not supported in selector-native" );
|
|
assert.ok( "skip", ":radio not supported in selector-native" );
|
|
assert.ok( "skip", ":checkbox not supported in selector-native" );
|
|
assert.ok( "skip", ":radio not supported in selector-native" );
|
|
}
|
|
|
|
if ( QUnit.jQuerySelectors ) {
|
|
assert.t( "Selected option element",
|
|
"#form option:selected",
|
|
[ "option1a", "option2d", "option3b", "option3c", "option4b", "option4c", "option4d",
|
|
"option5a" ] );
|
|
assert.t( "Select options via :selected", "#select1 option:selected", [ "option1a" ] );
|
|
assert.t( "Select options via :selected", "#select2 option:selected", [ "option2d" ] );
|
|
assert.t( "Select options via :selected", "#select3 option:selected", [ "option3b", "option3c" ] );
|
|
assert.t( "Select options via :selected", "select[name='select2'] option:selected", [ "option2d" ] );
|
|
} else {
|
|
assert.ok( "skip", ":selected not supported in selector-native" );
|
|
assert.ok( "skip", ":selected not supported in selector-native" );
|
|
assert.ok( "skip", ":selected not supported in selector-native" );
|
|
assert.ok( "skip", ":selected not supported in selector-native" );
|
|
assert.ok( "skip", ":selected not supported in selector-native" );
|
|
}
|
|
|
|
if ( QUnit.jQuerySelectors ) {
|
|
assert.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" ] );
|
|
|
|
// trac-12600
|
|
assert.ok(
|
|
jQuery( "<select value='12600'><option value='option' selected='selected'></option><option value=''></option></select>" )
|
|
.prop( "value", "option" )
|
|
.is( ":input[value='12600']" ),
|
|
|
|
":input[value=foo] selects select by attribute"
|
|
);
|
|
assert.ok( jQuery( "<input type='text' value='12600'/>" ).prop( "value", "option" ).is( ":input[value='12600']" ),
|
|
":input[value=foo] selects text input by attribute"
|
|
);
|
|
} else {
|
|
assert.ok( "skip", ":input not supported in selector-native" );
|
|
assert.ok( "skip", ":input not supported in selector-native" );
|
|
assert.ok( "skip", ":input not supported in selector-native" );
|
|
}
|
|
|
|
assert.t( "Selected option elements are also :checked", "#form option:checked",
|
|
[ "option1a", "option2d", "option3b", "option3c", "option4b", "option4c", "option4d",
|
|
"option5a" ] );
|
|
assert.t( "Hidden inputs are still :enabled",
|
|
"#hidden1:enabled",
|
|
[ "hidden1" ] );
|
|
|
|
extraTexts.remove();
|
|
} );
|
|
|
|
QUnit.test( "pseudo - :(dis|en)abled, explicitly disabled", function( assert ) {
|
|
assert.expect( 2 );
|
|
|
|
// Set a meaningless disabled property on a common ancestor
|
|
var container = document.getElementById( "disabled-tests" );
|
|
container.disabled = true;
|
|
|
|
// Support: IE 6 - 11
|
|
// Unset the property where it is not meaningless
|
|
if ( document.getElementById( "enabled-input" ).isDisabled ) {
|
|
container.disabled = undefined;
|
|
}
|
|
|
|
assert.t(
|
|
"Explicitly disabled elements",
|
|
"#enabled-fieldset :disabled",
|
|
[ "disabled-input", "disabled-textarea", "disabled-button",
|
|
"disabled-select", "disabled-optgroup", "disabled-option" ]
|
|
);
|
|
|
|
if ( QUnit.jQuerySelectors ) {
|
|
assert.t(
|
|
"Enabled elements",
|
|
"#enabled-fieldset :enabled",
|
|
[ "enabled-input", "enabled-textarea", "enabled-button",
|
|
"enabled-select", "enabled-optgroup", "enabled-option" ]
|
|
);
|
|
} else {
|
|
assert.ok( "skip", ":enabled broken in Chrome in selector-native" );
|
|
}
|
|
} );
|
|
|
|
QUnit.test( "pseudo - :(dis|en)abled, optgroup and option", function( assert ) {
|
|
assert.expect( 2 );
|
|
|
|
assert.t(
|
|
":disabled",
|
|
"#disabled-select-inherit :disabled, #enabled-select-inherit :disabled",
|
|
[ "disabled-optgroup-inherit", "disabled-optgroup-option", "en_disabled-optgroup-inherit",
|
|
"en_disabled-optgroup-option" ]
|
|
);
|
|
|
|
assert.t(
|
|
":enabled",
|
|
"#disabled-select-inherit :enabled, #enabled-select-inherit :enabled",
|
|
[ "enabled-optgroup-inherit", "enabled-optgroup-option", "enabled-select-option" ]
|
|
);
|
|
} );
|
|
|
|
QUnit.test( "pseudo - fieldset:(dis|en)abled", function( assert ) {
|
|
assert.expect( 2 );
|
|
|
|
assert.t( "Disabled fieldset", "fieldset:disabled", [ "disabled-fieldset" ] );
|
|
assert.t( "Enabled fieldset", "fieldset:enabled", [ "enabled-fieldset" ] );
|
|
} );
|
|
|
|
QUnit.test( "pseudo - :disabled by ancestry", function( assert ) {
|
|
assert.expect( 1 );
|
|
|
|
assert.t(
|
|
"Inputs inherit disabled from fieldset",
|
|
"#disabled-fieldset :disabled",
|
|
[ "disabled-fieldset-input", "disabled-fieldset-textarea",
|
|
"disabled-fieldset-button" ]
|
|
);
|
|
} );
|
|
|
|
QUnit.test( "pseudo - a:(dis|en)abled", function( assert ) {
|
|
assert.expect( 2 );
|
|
|
|
var enabled, disabled,
|
|
container = jQuery( "<div></div>" ),
|
|
anchor = jQuery( "<a href='#'>Link</a>" );
|
|
|
|
container.appendTo( "#qunit-fixture" );
|
|
|
|
enabled = container.find( "a:enabled" );
|
|
disabled = container.find( "a:disabled" );
|
|
|
|
assert.strictEqual( enabled.length, 0, ":enabled doesn't match anchor elements" );
|
|
assert.strictEqual( disabled.length, 0, ":disabled doesn't match anchor elements" );
|
|
} );
|
|
|
|
QUnit.test( "pseudo - :target and :root", function( assert ) {
|
|
assert.expect( 2 );
|
|
|
|
// Target
|
|
var oldHash,
|
|
$link = jQuery( "<a></a>" ).attr( {
|
|
href: "#",
|
|
id: "new-link"
|
|
} ).appendTo( "#qunit-fixture" );
|
|
|
|
oldHash = window.location.hash;
|
|
window.location.hash = "new-link";
|
|
|
|
assert.t( ":target", ":target", [ "new-link" ] );
|
|
|
|
$link.remove();
|
|
window.location.hash = oldHash;
|
|
|
|
// Root
|
|
assert.equal( jQuery( ":root" )[ 0 ], document.documentElement, ":root selector" );
|
|
} );
|
|
|
|
QUnit.test( "pseudo - :lang", function( assert ) {
|
|
assert.expect( QUnit.jQuerySelectors ? 105 : 55 );
|
|
|
|
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 ) {
|
|
assert.ok( jQuery( elem ).is( selector ), text + " match " + selector );
|
|
},
|
|
assertNoMatch = function( text, elem, selector ) {
|
|
assert.ok( !jQuery( elem ).is( selector ), text + " fail " + selector );
|
|
};
|
|
|
|
// Prefixing and inheritance
|
|
assert.ok( jQuery( docElem ).is( ":lang(" + docElem.lang + ")" ), "starting :lang" );
|
|
testLang( "document", anchor, docElem, "en", "us" );
|
|
testLang( "grandparent", anchor, anchor.parentNode.parentNode, "yue", "hk" );
|
|
assert.ok( !jQuery( anchor ).is( ":lang(en), :lang(en-us)" ),
|
|
":lang does not look above an ancestor with specified lang" );
|
|
testLang( "self", anchor, anchor, "es", "419" );
|
|
assert.ok(
|
|
!jQuery( anchor ).is( ":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";
|
|
assert.deepEqual( jQuery( ":lang(ara)", foo ).get(), [ anchor.parentNode, anchor ], "Find by :lang" );
|
|
|
|
// Selector validity
|
|
anchor.parentNode.lang = "ara";
|
|
anchor.lang = "ara\\b";
|
|
assert.deepEqual( jQuery( ":lang(ara\\b)", foo ).get(), [], ":lang respects backslashes" );
|
|
assert.deepEqual( jQuery( ":lang(ara\\\\b)", foo ).get(), [ anchor ],
|
|
":lang respects escaped backslashes" );
|
|
assert.throws( function() {
|
|
jQuery( "#qunit-fixture:lang(c++)" );
|
|
}, ":lang value must be a valid identifier" );
|
|
|
|
if ( QUnit.jQuerySelectors ) {
|
|
|
|
// 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" );
|
|
assert.ok( !jQuery( anchor ).is( ":lang(en), :lang(en-us)" ),
|
|
"XML :lang does not look above an ancestor with specified lang" );
|
|
testLang( "XML self", anchor, anchor, "es", "419" );
|
|
assert.ok(
|
|
!jQuery( anchor ).is( ":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;
|
|
} );
|
|
|
|
QUnit.test( "context", function( assert ) {
|
|
assert.expect( 21 );
|
|
|
|
var context,
|
|
selector = ".blog",
|
|
expected = q( "mark", "simon" ),
|
|
iframe = document.getElementById( "iframe" ),
|
|
iframeDoc = iframe.contentDocument || iframe.contentWindow.document;
|
|
|
|
assert.deepEqual( jQuery( selector, document ).get(), expected, "explicit document context" );
|
|
assert.deepEqual( jQuery( selector ).get(), expected, "unspecified context becomes document" );
|
|
assert.deepEqual( jQuery( selector, undefined ).get(), expected,
|
|
"undefined context becomes document" );
|
|
assert.deepEqual( jQuery( selector, null ).get(), expected, "null context becomes document" );
|
|
|
|
iframeDoc.open();
|
|
iframeDoc.write( "<body><p id='foo'>bar</p></body>" );
|
|
iframeDoc.close();
|
|
expected = [ iframeDoc.getElementById( "foo" ) ];
|
|
assert.deepEqual( jQuery( "p", iframeDoc ).get(), expected, "Other document context (simple)" );
|
|
|
|
if ( QUnit.jQuerySelectors ) {
|
|
assert.deepEqual( jQuery( "p:contains(ar)", iframeDoc ).get(), expected,
|
|
"Other document context (complex)" );
|
|
} else {
|
|
assert.ok( "skip", ":contains not supported in selector-native" );
|
|
}
|
|
|
|
assert.deepEqual( jQuery( "span", iframeDoc ).get(), [],
|
|
"Other document context (simple, no results)" );
|
|
assert.deepEqual( jQuery( "* span", iframeDoc ).get(), [],
|
|
"Other document context (complex, no results)" );
|
|
|
|
context = document.getElementById( "nothiddendiv" );
|
|
assert.deepEqual( jQuery( "*", context ).get(), q( "nothiddendivchild" ), "<div> context" );
|
|
|
|
if ( QUnit.jQuerySelectors ) {
|
|
assert.deepEqual( jQuery( "* > *", context ).get(), [], "<div> context (no results)" );
|
|
} else {
|
|
assert.ok( "skip", "The whole selector not required to be under context in selector-native" );
|
|
}
|
|
|
|
context.removeAttribute( "id" );
|
|
assert.deepEqual( jQuery( "*", context ).get(), q( "nothiddendivchild" ), "no-id element context" );
|
|
|
|
if ( QUnit.jQuerySelectors ) {
|
|
assert.deepEqual( jQuery( "* > *", context ).get(), [], "no-id element context (no results)" );
|
|
} else {
|
|
assert.ok( "skip", ":contains not supported in selector-native" );
|
|
}
|
|
|
|
assert.strictEqual( context.getAttribute( "id" ) || "", "", "id not added by no-id selection" );
|
|
|
|
context = document.getElementById( "lengthtest" );
|
|
assert.deepEqual( jQuery( "input", context ).get(), q( "length", "idTest" ), "<form> context" );
|
|
assert.deepEqual( jQuery( "select", context ).get(), [], "<form> context (no results)" );
|
|
|
|
context = document.getElementById( "台北Táiběi" );
|
|
expected = q( "台北Táiběi-child" );
|
|
assert.deepEqual( jQuery( "span[id]", context ).get(), expected, "context with non-ASCII id" );
|
|
assert.deepEqual( jQuery( "#台北Táiběi span[id]", context.parentNode ).get(), expected,
|
|
"context with non-ASCII id selector prefix" );
|
|
|
|
context = document.createDocumentFragment();
|
|
|
|
// Capture *independent* expected nodes before they're detached from the page
|
|
expected = q( "siblingnext", "siblingspan" );
|
|
context.appendChild( document.getElementById( "siblingTest" ) );
|
|
|
|
if ( QUnit.jQuerySelectors ) {
|
|
assert.deepEqual(
|
|
jQuery( "em:nth-child(2)", context ).get(),
|
|
expected.slice( 0, 1 ),
|
|
"DocumentFragment context"
|
|
);
|
|
assert.deepEqual( jQuery( "span", context ).get(), expected.slice( 1 ),
|
|
"DocumentFragment context by tag name" );
|
|
assert.deepEqual( jQuery( "p", context ).get(), [], "DocumentFragment context (no results)" );
|
|
} else {
|
|
assert.ok( "skip", "selection on document fragments not supported in selector-native" );
|
|
assert.ok( "skip", "selection on document fragments not supported in selector-native" );
|
|
assert.ok( "skip", "selection on document fragments not supported in selector-native" );
|
|
}
|
|
|
|
if ( QUnit.jQuerySelectors ) {
|
|
assert.deepEqual(
|
|
jQuery( "em + :not(:has(*)):not(:empty), foo", context.firstChild ).get(),
|
|
expected.slice( 0, 1 ),
|
|
"Non-qSA path correctly sets detached context for sibling selectors (jQuery #14351)"
|
|
);
|
|
} else {
|
|
assert.ok( "skip", ":has not supported in selector-native" );
|
|
}
|
|
} );
|
|
|
|
// Support: IE 11+
|
|
// IE doesn't support the :scope pseudo-class so it will trigger MutationObservers.
|
|
// The test is skipped there.
|
|
QUnit.testUnlessIE( "selectors maintaining context don't trigger mutation observers", function( assert ) {
|
|
assert.expect( 1 );
|
|
|
|
var timeout,
|
|
done = assert.async(),
|
|
container = jQuery( "<div></div>" ),
|
|
child = jQuery( "<div></div>" );
|
|
|
|
child.appendTo( container );
|
|
container.appendTo( "#qunit-fixture" );
|
|
|
|
var observer = new MutationObserver( function() {
|
|
clearTimeout( timeout );
|
|
observer.disconnect();
|
|
assert.ok( false, "Mutation observer fired during selection" );
|
|
done();
|
|
} );
|
|
observer.observe( container[ 0 ], { attributes: true } );
|
|
|
|
container.find( "div div" );
|
|
|
|
timeout = setTimeout( function() {
|
|
observer.disconnect();
|
|
assert.ok( true, "Mutation observer didn't fire during selection" );
|
|
done();
|
|
} );
|
|
} );
|
|
|
|
QUnit.test( "caching does not introduce bugs", function( assert ) {
|
|
assert.expect( 3 );
|
|
|
|
var sap = document.getElementById( "sap" );
|
|
|
|
jQuery( ":not(code)", document.getElementById( "ap" ) );
|
|
assert.deepEqual(
|
|
jQuery( ":not(code)", document.getElementById( "foo" ) ).get(),
|
|
q( "sndp", "en", "yahoo", "sap", "anchor2", "simon" ),
|
|
"Reusing selector with new context"
|
|
);
|
|
|
|
if ( QUnit.jQuerySelectorsPos ) {
|
|
assert.t( "Deep ancestry caching in post-positional element matcher (jQuery #14657)",
|
|
"#qunit-fixture a:lt(3):parent",
|
|
[ "simon1", "google", "groups" ] );
|
|
} else {
|
|
assert.ok( "skip", "Positional selectors are not supported" );
|
|
}
|
|
|
|
sap.className = "original";
|
|
jQuery( "#qunit-fixture .original" );
|
|
document.getElementById( "nothiddendiv" ).appendChild(
|
|
sap.cloneNode( true ) ).className = "clone";
|
|
assert.equal( jQuery( "#qunit-fixture .clone [href*='2']" ).length, 1,
|
|
"Cloning does not poison caches" );
|
|
} );
|
|
|
|
|
|
QUnit.test( "disconnected nodes", function( assert ) {
|
|
assert.expect( 1 );
|
|
|
|
var $div = jQuery( "<div></div>" );
|
|
assert.equal( $div.is( "div" ), true, "Make sure .is('nodeName') works on disconnected nodes." );
|
|
} );
|
|
|
|
QUnit[ QUnit.jQuerySelectors ? "test" : "skip" ]( "disconnected nodes", function( assert ) {
|
|
assert.expect( 3 );
|
|
|
|
var $opt = jQuery( "<option></option>" ).attr( "value", "whipit" ).appendTo( "#qunit-fixture" ).detach();
|
|
assert.equal( $opt.val(), "whipit", "option value" );
|
|
assert.equal( $opt.is( ":selected" ), false, "unselected option" );
|
|
$opt.prop( "selected", true );
|
|
assert.equal( $opt.is( ":selected" ), true, "selected option" );
|
|
} );
|
|
|
|
// Support: IE 11+
|
|
// IE doesn't support Shadow DOM.
|
|
// selector-native doesn't support querying inside of Shadow DOM.
|
|
QUnit[ QUnit.jQuerySelectors && !QUnit.isIE ? "test" : "skip" ](
|
|
"Shadow DOM nodes supported as root", function( assert ) {
|
|
assert.expect( 2 );
|
|
|
|
var shadowHost = jQuery( "<div></div>" ).appendTo( "#qunit-fixture" )[ 0 ];
|
|
var shadowRoot = shadowHost.attachShadow( { mode: "open" } );
|
|
|
|
shadowRoot.innerHTML = "<div class='vagabond'><p></p></div>";
|
|
assert.equal( jQuery( shadowRoot ).find( ".vagabond" ).length, 1,
|
|
"Selection by class with shadow root" );
|
|
assert.equal( jQuery( shadowRoot ).find( "p" ).length, 1,
|
|
"Paragraph element selected from shadow root" );
|
|
} );
|
|
|
|
testIframe(
|
|
"attributes - jQuery.attr",
|
|
"selector/html5_selector.html",
|
|
function( assert, jQuery, window, document ) {
|
|
assert.expect( 38 );
|
|
|
|
/**
|
|
* Returns an array of elements with the given IDs
|
|
* q & t are added here for the iFrame's context
|
|
*/
|
|
function q() {
|
|
var r = [],
|
|
i = 0;
|
|
|
|
for ( ; i < arguments.length; i++ ) {
|
|
r.push( document.getElementById( arguments[ i ] ) );
|
|
}
|
|
return r;
|
|
}
|
|
|
|
/**
|
|
* Asserts that a select matches the given IDs
|
|
* @example t("Check for something", "//[a]", ["foo", "bar"]);
|
|
* @param {String} message - Assertion name
|
|
* @param {String} selector - jQuery selector
|
|
* @param {Array} expectedIds - Array of ids to construct what is expected
|
|
*/
|
|
function t( message, selector, expectedIds ) {
|
|
var elems = jQuery( selector ).get();
|
|
|
|
assert.deepEqual( elems, q.apply( q, expectedIds ), message + " (" + selector + ")" );
|
|
}
|
|
|
|
// ====== All known boolean attributes, including html5 booleans ======
|
|
// autobuffer, autofocus, autoplay, async, checked,
|
|
// compact, controls, declare, defer, disabled,
|
|
// formnovalidate, hidden, indeterminate (property only),
|
|
// ismap, itemscope, loop, multiple, muted, nohref, noresize,
|
|
// noshade, nowrap, novalidate, open, pubdate, readonly, required,
|
|
// reversed, scoped, seamless, selected, truespeed, visible (skipping visible attribute, which is on a barprop object)
|
|
|
|
t( "Attribute Exists", "[autobuffer]", [ "video1" ] );
|
|
t( "Attribute Exists", "[autofocus]", [ "text1" ] );
|
|
t( "Attribute Exists", "[autoplay]", [ "video1" ] );
|
|
t( "Attribute Exists", "[async]", [ "script1" ] );
|
|
t( "Attribute Exists", "[checked]", [ "check1" ] );
|
|
t( "Attribute Exists", "[compact]", [ "dl" ] );
|
|
t( "Attribute Exists", "[controls]", [ "video1" ] );
|
|
t( "Attribute Exists", "[declare]", [ "object1" ] );
|
|
t( "Attribute Exists", "[defer]", [ "script1" ] );
|
|
t( "Attribute Exists", "[disabled]", [ "check1" ] );
|
|
t( "Attribute Exists", "[formnovalidate]", [ "form1" ] );
|
|
t( "Attribute Exists", "[hidden]", [ "div1" ] );
|
|
t( "Attribute Exists", "[indeterminate]", [] );
|
|
t( "Attribute Exists", "[ismap]", [ "img1" ] );
|
|
t( "Attribute Exists", "[itemscope]", [ "div1" ] );
|
|
t( "Attribute Exists", "[loop]", [ "video1" ] );
|
|
t( "Attribute Exists", "[multiple]", [ "select1" ] );
|
|
t( "Attribute Exists", "[muted]", [ "audio1" ] );
|
|
t( "Attribute Exists", "[nohref]", [ "area1" ] );
|
|
t( "Attribute Exists", "[noresize]", [ "textarea1" ] );
|
|
t( "Attribute Exists", "[noshade]", [ "hr1" ] );
|
|
t( "Attribute Exists", "[nowrap]", [ "td1", "div1" ] );
|
|
t( "Attribute Exists", "[novalidate]", [ "form1" ] );
|
|
t( "Attribute Exists", "[open]", [ "details1" ] );
|
|
t( "Attribute Exists", "[pubdate]", [ "article1" ] );
|
|
t( "Attribute Exists", "[readonly]", [ "text1" ] );
|
|
t( "Attribute Exists", "[required]", [ "text1" ] );
|
|
t( "Attribute Exists", "[reversed]", [ "ol1" ] );
|
|
t( "Attribute Exists", "[scoped]", [ "style1" ] );
|
|
t( "Attribute Exists", "[seamless]", [ "iframe1" ] );
|
|
t( "Attribute Exists", "[selected]", [ "option1" ] );
|
|
t( "Attribute Exists", "[truespeed]", [ "marquee1" ] );
|
|
|
|
// Enumerated attributes (these are not boolean content attributes)
|
|
jQuery.expandedEach = jQuery.each;
|
|
jQuery.expandedEach( [ "draggable", "contenteditable", "aria-disabled" ], function( i, val ) {
|
|
t( "Enumerated attribute", "[" + val + "]", [ "div1" ] );
|
|
} );
|
|
t( "Enumerated attribute", "[spellcheck]", [ "span1" ] );
|
|
|
|
t( "tabindex selector does not retrieve all elements in IE6/7 (#8473)",
|
|
"form, [tabindex]", [ "form1", "text1" ] );
|
|
t( "Improperly named form elements do not interfere with form selections (#9570)", "form[name='formName']", [ "form1" ] );
|
|
}
|
|
);
|
|
|
|
QUnit.test( "jQuery.contains", function( assert ) {
|
|
assert.expect( 16 );
|
|
|
|
var container = document.getElementById( "nonnodes" ),
|
|
element = container.firstChild,
|
|
text = element.nextSibling,
|
|
nonContained = container.nextSibling,
|
|
detached = document.createElement( "a" );
|
|
assert.ok( element && element.nodeType === 1, "preliminary: found element" );
|
|
assert.ok( text && text.nodeType === 3, "preliminary: found text" );
|
|
assert.ok( nonContained, "preliminary: found non-descendant" );
|
|
assert.ok( jQuery.contains( container, element ), "child" );
|
|
assert.ok( jQuery.contains( container.parentNode, element ), "grandchild" );
|
|
assert.ok( jQuery.contains( container, text ), "text child" );
|
|
assert.ok( jQuery.contains( container.parentNode, text ), "text grandchild" );
|
|
assert.ok( !jQuery.contains( container, container ), "self" );
|
|
assert.ok( !jQuery.contains( element, container ), "parent" );
|
|
assert.ok( !jQuery.contains( container, nonContained ), "non-descendant" );
|
|
assert.ok( !jQuery.contains( container, document ), "document" );
|
|
assert.ok( !jQuery.contains( container, document.documentElement ), "documentElement (negative)" );
|
|
assert.ok( !jQuery.contains( container, null ), "Passing null does not throw an error" );
|
|
assert.ok( jQuery.contains( document, document.documentElement ), "documentElement (positive)" );
|
|
assert.ok( jQuery.contains( document, element ), "document container (positive)" );
|
|
assert.ok( !jQuery.contains( document, detached ), "document container (negative)" );
|
|
} );
|
|
|
|
QUnit.test( "jQuery.contains in SVG (jQuery trac-10832)", function( assert ) {
|
|
assert.expect( 4 );
|
|
|
|
var svg = jQuery(
|
|
"<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='1' width='1'>" +
|
|
"<g><circle cx='1' cy='1' r='1' /></g>" +
|
|
"</svg>"
|
|
).appendTo( "#qunit-fixture" )[ 0 ];
|
|
|
|
assert.ok( jQuery.contains( svg, svg.firstChild ), "root child" );
|
|
assert.ok( jQuery.contains( svg.firstChild, svg.firstChild.firstChild ), "element child" );
|
|
assert.ok( jQuery.contains( svg, svg.firstChild.firstChild ), "root granchild" );
|
|
assert.ok( !jQuery.contains( svg.firstChild.firstChild, svg.firstChild ),
|
|
"parent (negative)" );
|
|
} );
|
|
|
|
QUnit.test( "jQuery.uniqueSort", function( assert ) {
|
|
assert.expect( 14 );
|
|
|
|
function Arrayish( arr ) {
|
|
var i = this.length = arr.length;
|
|
while ( i-- ) {
|
|
this[ i ] = arr[ i ];
|
|
}
|
|
}
|
|
Arrayish.prototype = {
|
|
slice: [].slice,
|
|
sort: [].sort,
|
|
splice: [].splice
|
|
};
|
|
|
|
var i, tests,
|
|
detached = [],
|
|
body = document.body,
|
|
fixture = document.getElementById( "qunit-fixture" ),
|
|
detached1 = document.createElement( "p" ),
|
|
detached2 = document.createElement( "ul" ),
|
|
detachedChild = detached1.appendChild( document.createElement( "a" ) ),
|
|
detachedGrandchild = detachedChild.appendChild( document.createElement( "b" ) );
|
|
|
|
for ( i = 0; i < 12; i++ ) {
|
|
detached.push( document.createElement( "li" ) );
|
|
detached[ i ].id = "detached" + i;
|
|
detached2.appendChild( document.createElement( "li" ) ).id = "detachedChild" + i;
|
|
}
|
|
|
|
tests = {
|
|
"Empty": {
|
|
input: [],
|
|
expected: []
|
|
},
|
|
"Single-element": {
|
|
input: [ fixture ],
|
|
expected: [ fixture ]
|
|
},
|
|
"No duplicates": {
|
|
input: [ fixture, body ],
|
|
expected: [ body, fixture ]
|
|
},
|
|
"Duplicates": {
|
|
input: [ body, fixture, fixture, body ],
|
|
expected: [ body, fixture ]
|
|
},
|
|
"Detached": {
|
|
input: detached.slice( 0 ),
|
|
expected: detached.slice( 0 )
|
|
},
|
|
"Detached children": {
|
|
input: [
|
|
detached2.childNodes[ 3 ],
|
|
detached2.childNodes[ 0 ],
|
|
detached2.childNodes[ 2 ],
|
|
detached2.childNodes[ 1 ]
|
|
],
|
|
expected: [
|
|
detached2.childNodes[ 0 ],
|
|
detached2.childNodes[ 1 ],
|
|
detached2.childNodes[ 2 ],
|
|
detached2.childNodes[ 3 ]
|
|
]
|
|
},
|
|
"Attached/detached mixture": {
|
|
input: [ detached1, fixture, detached2, document, detachedChild, body, detachedGrandchild ],
|
|
expected: [ document, body, fixture ],
|
|
length: 3
|
|
}
|
|
};
|
|
|
|
jQuery.each( tests, function( label, test ) {
|
|
var length = test.length || test.input.length;
|
|
assert.deepEqual( jQuery.uniqueSort( test.input ).slice( 0, length ), test.expected, label + " (array)" );
|
|
assert.deepEqual( jQuery.uniqueSort( new Arrayish( test.input ) ).slice( 0, length ), test.expected, label + " (quasi-array)" );
|
|
} );
|
|
} );
|
|
|
|
testIframe(
|
|
"jQuery.uniqueSort works cross-window (trac-14381)",
|
|
"selector/mixed_sort.html",
|
|
function( assert, jQuery, window, document, actual, expected ) {
|
|
assert.expect( 1 );
|
|
|
|
assert.deepEqual( actual, expected, "Mixed array was sorted correctly" );
|
|
}
|
|
);
|
|
|
|
testIframe(
|
|
"jQuery selector cache collides with multiple jQueries on a page",
|
|
"selector/cache.html",
|
|
function( assert, jQuery, window, document ) {
|
|
var $cached = window.$cached;
|
|
|
|
assert.expect( 4 );
|
|
assert.notStrictEqual( jQuery, $cached, "Loaded two engines" );
|
|
assert.deepEqual( $cached( ".test a" ).get(), [ document.getElementById( "collision" ) ], "Select collision anchor with first sizzle" );
|
|
assert.equal( jQuery( ".evil a" ).length, 0, "Select nothing with second sizzle" );
|
|
assert.equal( jQuery( ".evil a" ).length, 0, "Select nothing again with second sizzle" );
|
|
}
|
|
);
|
|
|
|
QUnit.test( "Iframe dispatch should not affect jQuery (#13936)", function( assert ) {
|
|
assert.expect( 1 );
|
|
var loaded = false,
|
|
thrown = false,
|
|
iframe = document.getElementById( "iframe" ),
|
|
iframeDoc = iframe.contentDocument || iframe.contentWindow.document,
|
|
done = assert.async();
|
|
|
|
jQuery( iframe ).on( "load", function() {
|
|
var form;
|
|
|
|
try {
|
|
iframeDoc = this.contentDocument || this.contentWindow.document;
|
|
form = jQuery( "#navigate", iframeDoc )[ 0 ];
|
|
} catch ( e ) {
|
|
thrown = e;
|
|
}
|
|
|
|
if ( loaded ) {
|
|
assert.strictEqual( thrown, false, "No error thrown from post-reload jQuery call" );
|
|
|
|
// clean up
|
|
jQuery( iframe ).off();
|
|
|
|
done();
|
|
} else {
|
|
loaded = true;
|
|
form.submit();
|
|
}
|
|
} );
|
|
|
|
iframeDoc.open();
|
|
iframeDoc.write( "<body><form id='navigate' action='?'></form></body>" );
|
|
iframeDoc.close();
|
|
} );
|
|
|
|
QUnit.test( "jQuery.escapeSelector", function( assert ) {
|
|
assert.expect( 58 );
|
|
|
|
// Edge cases
|
|
assert.equal( jQuery.escapeSelector(), "undefined", "Converts undefined to string" );
|
|
assert.equal( jQuery.escapeSelector( "-" ), "\\-", "Escapes standalone dash" );
|
|
assert.equal( jQuery.escapeSelector( "-a" ), "-a", "Doesn't escape leading dash followed by non-number" );
|
|
assert.equal( jQuery.escapeSelector( "--" ), "--", "Doesn't escape standalone double dash" );
|
|
assert.equal( jQuery.escapeSelector( "\uFFFD" ), "\uFFFD",
|
|
"Doesn't escape standalone replacement character" );
|
|
assert.equal( jQuery.escapeSelector( "a\uFFFD" ), "a\uFFFD",
|
|
"Doesn't escape trailing replacement character" );
|
|
assert.equal( jQuery.escapeSelector( "\uFFFDb" ), "\uFFFDb",
|
|
"Doesn't escape leading replacement character" );
|
|
assert.equal( jQuery.escapeSelector( "a\uFFFDb" ), "a\uFFFDb",
|
|
"Doesn't escape embedded replacement character" );
|
|
|
|
// Derived from CSSOM tests
|
|
// https://test.csswg.org/harness/test/cssom-1_dev/section/7.1/
|
|
|
|
// String conversion
|
|
assert.equal( jQuery.escapeSelector( true ), "true", "Converts boolean true to string" );
|
|
assert.equal( jQuery.escapeSelector( false ), "false", "Converts boolean true to string" );
|
|
assert.equal( jQuery.escapeSelector( null ), "null", "Converts null to string" );
|
|
assert.equal( jQuery.escapeSelector( "" ), "", "Doesn't modify empty string" );
|
|
|
|
// Null bytes
|
|
assert.equal( jQuery.escapeSelector( "\0" ), "\uFFFD",
|
|
"Escapes null-character input as replacement character" );
|
|
assert.equal( jQuery.escapeSelector( "a\0" ), "a\uFFFD",
|
|
"Escapes trailing-null input as replacement character" );
|
|
assert.equal( jQuery.escapeSelector( "\0b" ), "\uFFFDb",
|
|
"Escapes leading-null input as replacement character" );
|
|
assert.equal( jQuery.escapeSelector( "a\0b" ), "a\uFFFDb",
|
|
"Escapes embedded-null input as replacement character" );
|
|
|
|
// Number prefix
|
|
assert.equal( jQuery.escapeSelector( "0a" ), "\\30 a", "Escapes leading 0" );
|
|
assert.equal( jQuery.escapeSelector( "1a" ), "\\31 a", "Escapes leading 1" );
|
|
assert.equal( jQuery.escapeSelector( "2a" ), "\\32 a", "Escapes leading 2" );
|
|
assert.equal( jQuery.escapeSelector( "3a" ), "\\33 a", "Escapes leading 3" );
|
|
assert.equal( jQuery.escapeSelector( "4a" ), "\\34 a", "Escapes leading 4" );
|
|
assert.equal( jQuery.escapeSelector( "5a" ), "\\35 a", "Escapes leading 5" );
|
|
assert.equal( jQuery.escapeSelector( "6a" ), "\\36 a", "Escapes leading 6" );
|
|
assert.equal( jQuery.escapeSelector( "7a" ), "\\37 a", "Escapes leading 7" );
|
|
assert.equal( jQuery.escapeSelector( "8a" ), "\\38 a", "Escapes leading 8" );
|
|
assert.equal( jQuery.escapeSelector( "9a" ), "\\39 a", "Escapes leading 9" );
|
|
|
|
// Letter-number prefix
|
|
assert.equal( jQuery.escapeSelector( "a0b" ), "a0b", "Doesn't escape embedded 0" );
|
|
assert.equal( jQuery.escapeSelector( "a1b" ), "a1b", "Doesn't escape embedded 1" );
|
|
assert.equal( jQuery.escapeSelector( "a2b" ), "a2b", "Doesn't escape embedded 2" );
|
|
assert.equal( jQuery.escapeSelector( "a3b" ), "a3b", "Doesn't escape embedded 3" );
|
|
assert.equal( jQuery.escapeSelector( "a4b" ), "a4b", "Doesn't escape embedded 4" );
|
|
assert.equal( jQuery.escapeSelector( "a5b" ), "a5b", "Doesn't escape embedded 5" );
|
|
assert.equal( jQuery.escapeSelector( "a6b" ), "a6b", "Doesn't escape embedded 6" );
|
|
assert.equal( jQuery.escapeSelector( "a7b" ), "a7b", "Doesn't escape embedded 7" );
|
|
assert.equal( jQuery.escapeSelector( "a8b" ), "a8b", "Doesn't escape embedded 8" );
|
|
assert.equal( jQuery.escapeSelector( "a9b" ), "a9b", "Doesn't escape embedded 9" );
|
|
|
|
// Dash-number prefix
|
|
assert.equal( jQuery.escapeSelector( "-0a" ), "-\\30 a", "Escapes 0 after leading dash" );
|
|
assert.equal( jQuery.escapeSelector( "-1a" ), "-\\31 a", "Escapes 1 after leading dash" );
|
|
assert.equal( jQuery.escapeSelector( "-2a" ), "-\\32 a", "Escapes 2 after leading dash" );
|
|
assert.equal( jQuery.escapeSelector( "-3a" ), "-\\33 a", "Escapes 3 after leading dash" );
|
|
assert.equal( jQuery.escapeSelector( "-4a" ), "-\\34 a", "Escapes 4 after leading dash" );
|
|
assert.equal( jQuery.escapeSelector( "-5a" ), "-\\35 a", "Escapes 5 after leading dash" );
|
|
assert.equal( jQuery.escapeSelector( "-6a" ), "-\\36 a", "Escapes 6 after leading dash" );
|
|
assert.equal( jQuery.escapeSelector( "-7a" ), "-\\37 a", "Escapes 7 after leading dash" );
|
|
assert.equal( jQuery.escapeSelector( "-8a" ), "-\\38 a", "Escapes 8 after leading dash" );
|
|
assert.equal( jQuery.escapeSelector( "-9a" ), "-\\39 a", "Escapes 9 after leading dash" );
|
|
|
|
// Double dash prefix
|
|
assert.equal( jQuery.escapeSelector( "--a" ), "--a", "Doesn't escape leading double dash" );
|
|
|
|
// Miscellany
|
|
assert.equal( jQuery.escapeSelector( "\x01\x02\x1E\x1F" ), "\\1 \\2 \\1e \\1f ",
|
|
"Escapes C0 control characters" );
|
|
assert.equal( jQuery.escapeSelector( "\x80\x2D\x5F\xA9" ), "\x80\x2D\x5F\xA9",
|
|
"Doesn't escape general punctuation or non-ASCII ISO-8859-1 characters" );
|
|
assert.equal(
|
|
jQuery.escapeSelector( "\x7F\x80\x81\x82\x83\x84\x85\x86\x87\x88\x89\x8A\x8B\x8C\x8D\x8E\x8F\x90" +
|
|
"\x91\x92\x93\x94\x95\x96\x97\x98\x99\x9A\x9B\x9C\x9D\x9E\x9F" ),
|
|
"\\7f \x80\x81\x82\x83\x84\x85\x86\x87\x88\x89\x8A\x8B\x8C\x8D\x8E\x8F\x90" +
|
|
"\x91\x92\x93\x94\x95\x96\x97\x98\x99\x9A\x9B\x9C\x9D\x9E\x9F",
|
|
"Escapes DEL control character"
|
|
);
|
|
assert.equal( jQuery.escapeSelector( "\xA0\xA1\xA2" ), "\xA0\xA1\xA2",
|
|
"Doesn't escape non-ASCII ISO-8859-1 characters" );
|
|
assert.equal( jQuery.escapeSelector( "a0123456789b" ), "a0123456789b",
|
|
"Doesn't escape embedded numbers" );
|
|
assert.equal( jQuery.escapeSelector( "abcdefghijklmnopqrstuvwxyz" ), "abcdefghijklmnopqrstuvwxyz",
|
|
"Doesn't escape lowercase ASCII letters" );
|
|
assert.equal( jQuery.escapeSelector( "ABCDEFGHIJKLMNOPQRSTUVWXYZ" ), "ABCDEFGHIJKLMNOPQRSTUVWXYZ",
|
|
"Doesn't escape uppercase ASCII letters" );
|
|
assert.equal( jQuery.escapeSelector( "\x20\x21\x78\x79" ), "\\ \\!xy",
|
|
"Escapes non-word ASCII characters" );
|
|
|
|
// Astral symbol (U+1D306 TETRAGRAM FOR CENTRE)
|
|
assert.equal( jQuery.escapeSelector( "\uD834\uDF06" ), "\uD834\uDF06",
|
|
"Doesn't escape astral characters" );
|
|
|
|
// Lone surrogates
|
|
assert.equal( jQuery.escapeSelector( "\uDF06" ), "\uDF06", "Doesn't escape lone low surrogate" );
|
|
assert.equal( jQuery.escapeSelector( "\uD834" ), "\uD834", "Doesn't escape lone high surrogate" );
|
|
} );
|