1 QUnit.module( "traversing", { afterEach: moduleTeardown } );
3 QUnit.test( "find(String)", function( assert ) {
5 assert.equal( jQuery( "#foo" ).find( ".blogTest" ).text(), "Yahoo", "Basic selector" );
8 QUnit.test( "find(String) under non-elements", function( assert ) {
11 var j = jQuery( "#nonnodes" ).contents();
12 assert.equal( j.find( "div" ).length, 0, "Check node,textnode,comment to find zero divs" );
13 assert.equal( j.find( "div" ).addBack().length, 3, "Check node,textnode,comment to find zero divs, but preserves pushStack" );
16 QUnit.test( "find(leading combinator)", function( assert ) {
19 assert.deepEqual( jQuery( "#qunit-fixture" ).find( "> div" ).get(), q( "foo", "nothiddendiv", "moretests", "tabindex-tests", "liveHandlerOrder", "siblingTest", "fx-test-group" ), "find child elements" );
20 assert.deepEqual( jQuery( "#qunit-fixture" ).find( "> #foo, > #moretests" ).get(), q( "foo", "moretests" ), "find child elements" );
21 assert.deepEqual( jQuery( "#qunit-fixture" ).find( "> #foo > p" ).get(), q( "sndp", "en", "sap" ), "find child elements" );
23 assert.deepEqual( jQuery( "#siblingTest, #siblingfirst" ).find( "+ *" ).get(), q( "siblingnext", "fx-test-group" ), "ensure document order" );
26 QUnit.test( "find(node|jQuery object)", function( assert ) {
29 var $foo = jQuery( "#foo" ),
30 $blog = jQuery( ".blogTest" ),
31 $first = jQuery( "#first" ),
32 $two = $blog.add( $first ),
33 $twoMore = jQuery( "#ap" ).add( $blog ),
34 $fooTwo = $foo.add( $blog );
36 assert.equal( $foo.find( $blog ).text(), "Yahoo", "Find with blog jQuery object" );
37 assert.equal( $foo.find( $blog[ 0 ] ).text(), "Yahoo", "Find with blog node" );
38 assert.equal( $foo.find( $first ).length, 0, "#first is not in #foo" );
39 assert.equal( $foo.find( $first[ 0 ] ).length, 0, "#first not in #foo (node)" );
40 assert.deepEqual( $foo.find( $two ).get(), $blog.get(), "Find returns only nodes within #foo" );
41 assert.deepEqual( $foo.find( $twoMore ).get(), $blog.get(), "...regardless of order" );
42 assert.ok( $fooTwo.find( $blog ).is( ".blogTest" ), "Blog is part of the collection, but also within foo" );
43 assert.ok( $fooTwo.find( $blog[ 0 ] ).is( ".blogTest" ), "Blog is part of the collection, but also within foo(node)" );
45 assert.equal( $two.find( $foo ).length, 0, "Foo is not in two elements" );
46 assert.equal( $two.find( $foo[ 0 ] ).length, 0, "Foo is not in two elements(node)" );
47 assert.equal( $two.find( $first ).length, 0, "first is in the collection and not within two" );
48 assert.equal( $two.find( $first ).length, 0, "first is in the collection and not within two(node)" );
50 assert.equal( $two.find( $foo[ 0 ] ).addBack().length, 2, "find preserves the pushStack, see trac-12009" );
53 QUnit.test( "is(falsy|invalid)", function( assert ) {
56 assert.ok( !jQuery( "#foo" ).is( 0 ), "Expected false for an invalid expression - 0" );
57 assert.ok( !jQuery( "#foo" ).is( null ), "Expected false for an invalid expression - null" );
58 assert.ok( !jQuery( "#foo" ).is( "" ), "Expected false for an invalid expression - \"\"" );
59 assert.ok( !jQuery( "#foo" ).is( undefined ), "Expected false for an invalid expression - undefined" );
60 assert.ok( !jQuery( "#foo" ).is( { plain: "object" } ), "Check passing invalid object" );
63 QUnit.test( "is(String)", function( assert ) {
66 var link = document.getElementById( "simon1" ),
67 input = document.getElementById( "text1" ),
68 option = document.getElementById( "option1a" ),
69 disconnected = document.createElement( "div" );
71 assert.ok( jQuery( "#form" ).is( "form" ), "Check for element: A form must be a form" );
72 assert.ok( !jQuery( "#form" ).is( "div" ), "Check for element: A form is not a div" );
73 assert.ok( jQuery( "#mark" ).is( ".blog" ), "Check for class: Expected class 'blog'" );
74 assert.ok( !jQuery( "#mark" ).is( ".link" ), "Check for class: Did not expect class 'link'" );
75 assert.ok( jQuery( "#simon" ).is( ".blog.link" ), "Check for multiple classes: Expected classes 'blog' and 'link'" );
76 assert.ok( !jQuery( "#simon" ).is( ".blogTest" ), "Check for multiple classes: Expected classes 'blog' and 'link', but not 'blogTest'" );
77 assert.ok( jQuery( "#en" ).is( "[lang=\"en\"]" ), "Check for attribute: Expected attribute lang to be 'en'" );
78 assert.ok( !jQuery( "#en" ).is( "[lang=\"de\"]" ), "Check for attribute: Expected attribute lang to be 'en', not 'de'" );
79 assert.ok( jQuery( "#text1" ).is( "[type=\"text\"]" ), "Check for attribute: Expected attribute type to be 'text'" );
80 assert.ok( !jQuery( "#text1" ).is( "[type=\"radio\"]" ), "Check for attribute: Expected attribute type to be 'text', not 'radio'" );
81 assert.ok( jQuery( "#text2" ).is( ":disabled" ), "Check for pseudoclass: Expected to be disabled" );
82 assert.ok( !jQuery( "#text1" ).is( ":disabled" ), "Check for pseudoclass: Expected not disabled" );
83 assert.ok( jQuery( "#radio2" ).is( ":checked" ), "Check for pseudoclass: Expected to be checked" );
84 assert.ok( !jQuery( "#radio1" ).is( ":checked" ), "Check for pseudoclass: Expected not checked" );
86 // test is() with comma-separated expressions
87 assert.ok( jQuery( "#en" ).is( "[lang=\"en\"],[lang=\"de\"]" ), "Comma-separated; Check for lang attribute: Expect en or de" );
88 assert.ok( jQuery( "#en" ).is( "[lang=\"de\"],[lang=\"en\"]" ), "Comma-separated; Check for lang attribute: Expect en or de" );
89 assert.ok( jQuery( "#en" ).is( "[lang=\"en\"] , [lang=\"de\"]" ), "Comma-separated; Check for lang attribute: Expect en or de" );
90 assert.ok( jQuery( "#en" ).is( "[lang=\"de\"] , [lang=\"en\"]" ), "Comma-separated; Check for lang attribute: Expect en or de" );
92 link.title = "Don't click me";
93 assert.ok( jQuery( link ).is( "[rel='bookmark']" ), "attribute-equals string (delimited via apostrophes)" );
94 assert.ok( jQuery( link ).is( "[rel=bookmark]" ), "attribute-equals identifier" );
95 assert.ok( jQuery( link ).is( "[\nrel = bookmark\t]" ),
96 "attribute-equals identifier (whitespace ignored)" );
97 assert.ok( jQuery( link ).is( "a[title=\"Don't click me\"]" ),
98 "attribute-equals string containing single quote" );
101 input.setAttribute( "data-pos", ":first" );
102 assert.ok( jQuery( input ).is( "input[data-pos=\\:first]" ),
103 "attribute-equals POS in identifier" );
104 assert.ok( jQuery( input ).is( "input[data-pos=':first']" ),
105 "attribute-equals POS in string" );
107 if ( QUnit.jQuerySelectors ) {
108 assert.ok( jQuery( input ).is( ":input[data-pos=':first']" ),
109 "attribute-equals POS in string after pseudo" );
111 assert.ok( "skip", ":input not supported in selector-native" );
114 option.setAttribute( "test", "" );
115 assert.ok( jQuery( option ).is( "[id=option1a]" ),
116 "id attribute-equals identifier" );
118 if ( QUnit.jQuerySelectors ) {
119 assert.ok( jQuery( option ).is( "[id*=option1][type!=checkbox]" ),
120 "attribute-not-equals identifier" );
122 assert.ok( "skip", "attribute-not-equals not supported in selector-native" );
125 assert.ok( jQuery( option ).is( "[id*=option1]" ), "attribute-contains identifier" );
126 assert.ok( !jQuery( option ).is( "[test^='']" ),
127 "attribute-starts-with empty string (negative)" );
129 option.className = "=]";
130 assert.ok( jQuery( option ).is( ".\\=\\]" ),
131 "class selector with attribute-equals confusable" );
133 assert.ok( jQuery( disconnected ).is( "div" ), "disconnected element" );
134 assert.ok( jQuery( link ).is( "* > *" ), "child combinator matches in document" );
135 assert.ok( !jQuery( disconnected ).is( "* > *" ), "child combinator fails in fragment" );
138 QUnit.test( "is() against non-elements (trac-10178)", function( assert ) {
142 collection = jQuery( document ),
143 tests = [ "a", "*" ],
145 text: document.createTextNode( "" ),
146 comment: document.createComment( "" ),
151 "function": function() {}
154 for ( label in nonelements ) {
155 collection[ 0 ] = nonelements[ label ];
156 for ( i = 0; i < tests.length; i++ ) {
158 assert.ok( !collection.is( test ), label + " does not match \"" + test + "\"" );
163 QUnit.test( "is(jQuery)", function( assert ) {
165 assert.ok( jQuery( "#form" ).is( jQuery( "form" ) ), "Check for element: A form is a form" );
166 assert.ok( !jQuery( "#form" ).is( jQuery( "div" ) ), "Check for element: A form is not a div" );
167 assert.ok( jQuery( "#mark" ).is( jQuery( ".blog" ) ), "Check for class: Expected class 'blog'" );
168 assert.ok( !jQuery( "#mark" ).is( jQuery( ".link" ) ), "Check for class: Did not expect class 'link'" );
169 assert.ok( jQuery( "#simon" ).is( jQuery( ".blog.link" ) ), "Check for multiple classes: Expected classes 'blog' and 'link'" );
170 assert.ok( !jQuery( "#simon" ).is( jQuery( ".blogTest" ) ), "Check for multiple classes: Expected classes 'blog' and 'link', but not 'blogTest'" );
171 assert.ok( jQuery( "#en" ).is( jQuery( "[lang=\"en\"]" ) ), "Check for attribute: Expected attribute lang to be 'en'" );
172 assert.ok( !jQuery( "#en" ).is( jQuery( "[lang=\"de\"]" ) ), "Check for attribute: Expected attribute lang to be 'en', not 'de'" );
173 assert.ok( jQuery( "#text1" ).is( jQuery( "[type=\"text\"]" ) ), "Check for attribute: Expected attribute type to be 'text'" );
174 assert.ok( !jQuery( "#text1" ).is( jQuery( "[type=\"radio\"]" ) ), "Check for attribute: Expected attribute type to be 'text', not 'radio'" );
175 assert.ok( !jQuery( "#text1" ).is( jQuery( "input:disabled" ) ), "Check for pseudoclass: Expected not disabled" );
176 assert.ok( jQuery( "#radio2" ).is( jQuery( "input:checked" ) ), "Check for pseudoclass: Expected to be checked" );
177 assert.ok( !jQuery( "#radio1" ).is( jQuery( "input:checked" ) ), "Check for pseudoclass: Expected not checked" );
180 assert.ok( jQuery( "#form" ).is( jQuery( "#qunit-fixture form" )[ 0 ] ), "Check for element: A form is a form" );
181 assert.ok( !jQuery( "#form" ).is( jQuery( "div" )[ 0 ] ), "Check for element: A form is not a div" );
182 assert.ok( jQuery( "#mark" ).is( jQuery( ".blog" )[ 0 ] ), "Check for class: Expected class 'blog'" );
183 assert.ok( !jQuery( "#mark" ).is( jQuery( ".link" )[ 0 ] ), "Check for class: Did not expect class 'link'" );
184 assert.ok( jQuery( "#simon" ).is( jQuery( ".blog.link" )[ 0 ] ), "Check for multiple classes: Expected classes 'blog' and 'link'" );
185 assert.ok( !jQuery( "#simon" ).is( jQuery( ".blogTest" )[ 0 ] ), "Check for multiple classes: Expected classes 'blog' and 'link', but not 'blogTest'" );
188 QUnit[ QUnit.jQuerySelectors ? "test" : "skip" ]( "is() with :has() selectors", function( assert ) {
191 assert.ok( jQuery( "#foo" ).is( ":has(p)" ), "Check for child: Expected a child 'p' element" );
192 assert.ok( !jQuery( "#foo" ).is( ":has(ul)" ), "Check for child: Did not expect 'ul' element" );
193 assert.ok( jQuery( "#foo" ).is( ":has(p):has(a):has(code)" ), "Check for children: Expected 'p', 'a' and 'code' child elements" );
194 assert.ok( !jQuery( "#foo" ).is( ":has(p):has(a):has(code):has(ol)" ), "Check for children: Expected 'p', 'a' and 'code' child elements, but no 'ol'" );
196 assert.ok( jQuery( "#foo" ).is( jQuery( "div:has(p)" ) ), "Check for child: Expected a child 'p' element" );
197 assert.ok( !jQuery( "#foo" ).is( jQuery( "div:has(ul)" ) ), "Check for child: Did not expect 'ul' element" );
200 QUnit[ QUnit.jQuerySelectorsPos ? "test" : "skip" ]( "is() with positional selectors", function( assert ) {
205 "<p id='posp'><a class='firsta' href='#'><em>first</em></a>" +
206 "<a class='seconda' href='#'><b>test</b></a><em></em></p>"
207 ).appendTo( "#qunit-fixture" ),
208 isit = function( sel, match, expect ) {
210 jQuery( sel ).is( match ),
212 "jQuery('" + sel + "').is('" + match + "')"
216 isit( "#posp", "p:last", true );
217 isit( "#posp", "#posp:first", true );
218 isit( "#posp", "#posp:eq(2)", false );
219 isit( "#posp", "#posp a:first", false );
221 isit( "#posp .firsta", "#posp a:first", true );
222 isit( "#posp .firsta", "#posp a:last", false );
223 isit( "#posp .firsta", "#posp a:even", true );
224 isit( "#posp .firsta", "#posp a:odd", false );
225 isit( "#posp .firsta", "#posp a:eq(0)", true );
226 isit( "#posp .firsta", "#posp a:eq(9)", false );
227 isit( "#posp .firsta", "#posp em:eq(0)", false );
228 isit( "#posp .firsta", "#posp em:first", false );
229 isit( "#posp .firsta", "#posp:first", false );
231 isit( "#posp .seconda", "#posp a:first", false );
232 isit( "#posp .seconda", "#posp a:last", true );
233 isit( "#posp .seconda", "#posp a:gt(0)", true );
234 isit( "#posp .seconda", "#posp a:lt(5)", true );
235 isit( "#posp .seconda", "#posp a:lt(1)", false );
237 isit( "#posp em", "#posp a:eq(0) em", true );
238 isit( "#posp em", "#posp a:lt(1) em", true );
239 isit( "#posp em", "#posp a:gt(1) em", false );
240 isit( "#posp em", "#posp a:first em", true );
241 isit( "#posp em", "#posp a em:last", true );
242 isit( "#posp em", "#posp a em:eq(2)", false );
244 assert.ok( jQuery( "#option1b" ).is( "#select1 option:not(:first)" ), "POS inside of :not() (trac-10970)" );
246 assert.ok( jQuery( posp[ 0 ] ).is( "p:last" ), "context constructed from a single node (trac-13797)" );
247 assert.ok( !jQuery( posp[ 0 ] ).find( "#firsta" ).is( "a:first" ), "context derived from a single node (trac-13797)" );
250 QUnit.test( "index()", function( assert ) {
253 assert.equal( jQuery( "#text2" ).index(), 2, "Returns the index of a child amongst its siblings" );
255 assert.equal( jQuery( "<div></div>" ).index(), -1, "Node without parent returns -1" );
258 QUnit.test( "index(Object|String|undefined)", function( assert ) {
261 var elements = jQuery( [ window, document ] ),
262 inputElements = jQuery( "#radio1,#radio2,#check1,#check2" );
265 assert.equal( elements.index( window ), 0, "Check for index of elements" );
266 assert.equal( elements.index( document ), 1, "Check for index of elements" );
267 assert.equal( inputElements.index( document.getElementById( "radio1" ) ), 0, "Check for index of elements" );
268 assert.equal( inputElements.index( document.getElementById( "radio2" ) ), 1, "Check for index of elements" );
269 assert.equal( inputElements.index( document.getElementById( "check1" ) ), 2, "Check for index of elements" );
270 assert.equal( inputElements.index( document.getElementById( "check2" ) ), 3, "Check for index of elements" );
271 assert.equal( inputElements.index( window ), -1, "Check for not found index" );
272 assert.equal( inputElements.index( document ), -1, "Check for not found index" );
274 // Passing a jQuery object
275 // enabled since [5500]
276 assert.equal( elements.index( elements ), 0, "Pass in a jQuery object" );
277 assert.equal( elements.index( elements.eq( 1 ) ), 1, "Pass in a jQuery object" );
278 assert.equal( jQuery( "#form input[type='radio']" ).index( jQuery( "#radio2" ) ), 1, "Pass in a jQuery object" );
280 // Passing a selector or nothing
281 // enabled since [6330]
282 assert.equal( jQuery( "#text2" ).index(), 2, "Check for index amongst siblings" );
283 assert.equal( jQuery( "#form" ).children().eq( 4 ).index(), 4, "Check for index amongst siblings" );
284 assert.equal( jQuery( "#radio2" ).index( "#form input[type='radio']" ), 1, "Check for index within a selector" );
285 assert.equal( jQuery( "#form input[type='radio']" ).index( jQuery( "#radio2" ) ), 1, "Check for index within a selector" );
286 assert.equal( jQuery( "#radio2" ).index( "#form input[type='text']" ), -1, "Check for index not found within a selector" );
289 QUnit.test( "filter(Selector|undefined)", function( assert ) {
291 assert.deepEqual( jQuery( "#form input" ).filter( ":checked" ).get(), q( "radio2", "check1" ), "filter(String)" );
292 assert.deepEqual( jQuery( "p" ).filter( "#ap, #sndp" ).get(), q( "ap", "sndp" ), "filter('String, String')" );
293 assert.deepEqual( jQuery( "p" ).filter( "#ap,#sndp" ).get(), q( "ap", "sndp" ), "filter('String,String')" );
295 assert.deepEqual( jQuery( "p" ).filter( null ).get(), [], "filter(null) should return an empty jQuery object" );
296 assert.deepEqual( jQuery( "p" ).filter( undefined ).get(), [], "filter(undefined) should return an empty jQuery object" );
297 assert.deepEqual( jQuery( "p" ).filter( 0 ).get(), [], "filter(0) should return an empty jQuery object" );
298 assert.deepEqual( jQuery( "p" ).filter( "" ).get(), [], "filter('') should return an empty jQuery object" );
300 // using contents will get comments regular, text, and comment nodes
301 var j = jQuery( "#nonnodes" ).contents();
302 assert.equal( j.filter( "span" ).length, 1, "Check node,textnode,comment to filter the one span" );
303 assert.equal( j.filter( "[name]" ).length, 0, "Check node,textnode,comment to filter the one span" );
306 QUnit.test( "filter(Function)", function( assert ) {
309 assert.deepEqual( jQuery( "#qunit-fixture p" ).filter( function() {
310 return !jQuery( "a", this ).length;
311 } ).get(), q( "sndp", "first" ), "filter(Function)" );
313 assert.deepEqual( jQuery( "#qunit-fixture p" ).filter( function( i, elem ) { return !jQuery( "a", elem ).length; } ).get(), q( "sndp", "first" ), "filter(Function) using arg" );
316 QUnit.test( "filter(Element)", function( assert ) {
319 var element = document.getElementById( "text1" );
320 assert.deepEqual( jQuery( "#form input" ).filter( element ).get(), q( "text1" ), "filter(Element)" );
323 QUnit.test( "filter(Array)", function( assert ) {
326 var elements = [ document.getElementById( "text1" ) ];
327 assert.deepEqual( jQuery( "#form input" ).filter( elements ).get(), q( "text1" ), "filter(Element)" );
330 QUnit.test( "filter(jQuery)", function( assert ) {
333 var elements = jQuery( "#text1" );
334 assert.deepEqual( jQuery( "#form input" ).filter( elements ).get(), q( "text1" ), "filter(Element)" );
337 QUnit[ QUnit.jQuerySelectorsPos ? "test" : "skip" ]( "filter() with positional selectors", function( assert ) {
340 var filterit = function( sel, filter, length ) {
341 assert.equal( jQuery( sel ).filter( filter ).length, length, "jQuery( " + sel + " ).filter( " + filter + " )" );
346 "<a class='firsta' href='#'>" +
349 "<a class='seconda' href='#'>" +
353 "</p>" ).appendTo( "#qunit-fixture" );
355 filterit( "#posp", "#posp:first", 1 );
356 filterit( "#posp", "#posp:eq(2)", 0 );
357 filterit( "#posp", "#posp a:first", 0 );
359 // Keep in mind this is within the selection and
360 // not in relation to other elements (.is() is a different story)
361 filterit( "#posp .firsta", "#posp a:first", 1 );
362 filterit( "#posp .firsta", "#posp a:last", 1 );
363 filterit( "#posp .firsta", "#posp a:last-child", 0 );
364 filterit( "#posp .firsta", "#posp a:even", 1 );
365 filterit( "#posp .firsta", "#posp a:odd", 0 );
366 filterit( "#posp .firsta", "#posp a:eq(0)", 1 );
367 filterit( "#posp .firsta", "#posp a:eq(9)", 0 );
368 filterit( "#posp .firsta", "#posp em:eq(0)", 0 );
369 filterit( "#posp .firsta", "#posp em:first", 0 );
370 filterit( "#posp .firsta", "#posp:first", 0 );
372 filterit( "#posp .seconda", "#posp a:first", 1 );
373 filterit( "#posp .seconda", "#posp em:first", 0 );
374 filterit( "#posp .seconda", "#posp a:last", 1 );
375 filterit( "#posp .seconda", "#posp a:gt(0)", 0 );
376 filterit( "#posp .seconda", "#posp a:lt(5)", 1 );
377 filterit( "#posp .seconda", "#posp a:lt(1)", 1 );
380 QUnit.test( "closest()", function( assert ) {
385 assert.deepEqual( jQuery( "body" ).closest( "body" ).get(), q( "body" ), "closest(body)" );
386 assert.deepEqual( jQuery( "body" ).closest( "html" ).get(), q( "html" ), "closest(html)" );
387 assert.deepEqual( jQuery( "body" ).closest( "div" ).get(), [], "closest(div)" );
388 assert.deepEqual( jQuery( "#qunit-fixture" ).closest( "span,#html" ).get(), q( "html" ), "closest(span,#html)" );
390 // Test .closest() limited by the context
391 jq = jQuery( "#nothiddendivchild" );
392 assert.deepEqual( jq.closest( "html", document.body ).get(), [], "Context limited." );
393 assert.deepEqual( jq.closest( "body", document.body ).get(), [], "Context limited." );
394 assert.deepEqual( jq.closest( "#nothiddendiv", document.body ).get(), q( "nothiddendiv" ), "Context not reached." );
396 //Test that .closest() returns unique'd set
397 assert.equal( jQuery( "#qunit-fixture p" ).closest( "#qunit-fixture" ).length, 1, "Closest should return a unique set" );
399 // Test on disconnected node
400 assert.equal( jQuery( "<div><p></p></div>" ).find( "p" ).closest( "table" ).length, 0, "Make sure disconnected closest work." );
403 jQuery( "#firstp" ).closest( q( "qunit-fixture" ) ).get(),
404 q( "qunit-fixture" ),
405 "Non-string match target"
409 assert.equal( jQuery( "<div foo='bar'></div>" ).closest( "[foo]" ).length, 1, "Disconnected nodes with attribute selector" );
410 assert.equal( jQuery( "<div>text</div>" ).closest( "[lang]" ).length, 0, "Disconnected nodes with text and non-existent attribute selector" );
412 assert.ok( !jQuery( document ).closest( "#foo" ).length, "Calling closest on a document fails silently" );
414 jq = jQuery( "<div>text</div>" );
415 assert.deepEqual( jq.contents().closest( "*" ).get(), jq.get(), "Text node input (trac-13332)" );
418 QUnit[ QUnit.jQuerySelectorsPos ? "test" : "skip" ]( "closest() with positional selectors", function( assert ) {
421 assert.deepEqual( jQuery( "#qunit-fixture" ).closest( "div:first" ).get(), [],
422 "closest(div:first)" );
423 assert.deepEqual( jQuery( "#qunit-fixture div" ).closest( "body:first div:last" ).get(), [],
424 "closest(body:first div:last)" );
426 jQuery( "#qunit-fixture div" ).closest( "body:first div:last", document ).get(),
428 "closest(body:first div:last, document)"
432 QUnit.test( "closest(jQuery)", function( assert ) {
434 var $child = jQuery( "#nothiddendivchild" ),
435 $parent = jQuery( "#nothiddendiv" ),
436 $sibling = jQuery( "#foo" ),
437 $body = jQuery( "body" );
438 assert.ok( $child.closest( $parent ).is( "#nothiddendiv" ), "closest( jQuery('#nothiddendiv') )" );
439 assert.ok( $child.closest( $parent[ 0 ] ).is( "#nothiddendiv" ), "closest( jQuery('#nothiddendiv') ) :: node" );
440 assert.ok( $child.closest( $child ).is( "#nothiddendivchild" ), "child is included" );
441 assert.ok( $child.closest( $child[ 0 ] ).is( "#nothiddendivchild" ), "child is included :: node" );
442 assert.equal( $child.closest( document.createElement( "div" ) ).length, 0, "created element is not related" );
443 assert.equal( $child.closest( $sibling ).length, 0, "Sibling not a parent of child" );
444 assert.equal( $child.closest( $sibling[ 0 ] ).length, 0, "Sibling not a parent of child :: node" );
445 assert.ok( $child.closest( $body.add( $parent ) ).is( "#nothiddendiv" ), "Closest ancestor retrieved." );
449 // IE doesn't support complex selectors inside `:not()`.
450 QUnit.testUnlessIE( "not(Selector)", function( assert ) {
452 assert.equal( jQuery( "#qunit-fixture > p#ap > a" ).not( "#google" ).length, 2, "not('selector')" );
455 jQuery( "#qunit-fixture p" ).not( ".result" ).get(),
469 jQuery( "#qunit-fixture p" ).not( "#ap, #sndp, .result" ).get(),
476 "not('selector, selector')"
479 assert.deepEqual( jQuery( "#ap *" ).not( "code" ).get(), q( "google", "groups", "anchor1", "mark" ), "not('tag selector')" );
480 assert.deepEqual( jQuery( "#ap *" ).not( "code, #mark" ).get(), q( "google", "groups", "anchor1" ), "not('tag, ID selector')" );
481 assert.deepEqual( jQuery( "#ap *" ).not( "#mark, code" ).get(), q( "google", "groups", "anchor1" ), "not('ID, tag selector')" );
483 if ( QUnit.jQuerySelectors ) {
485 jQuery( "#form option" ).not( "option.emptyopt:contains('Nothing'),optgroup *,[value='1']" ).get(),
486 q( "option1c", "option1d", "option2c", "option2d", "option3c", "option3d", "option3e", "option4d", "option4e", "option5a", "option5b" ),
487 "not('complex selector')"
490 assert.ok( "skip", ":contains not supported in selector-native" );
494 QUnit.test( "not(undefined)", function( assert ) {
497 var all = jQuery( "p" ).get();
498 assert.deepEqual( jQuery( "p" ).not( null ).get(), all, "not(null) should have no effect" );
499 assert.deepEqual( jQuery( "p" ).not( undefined ).get(), all, "not(undefined) should have no effect" );
500 assert.deepEqual( jQuery( "p" ).not( 0 ).get(), all, "not(0) should have no effect" );
501 assert.deepEqual( jQuery( "p" ).not( "" ).get(), all, "not('') should have no effect" );
504 QUnit.test( "not(Element)", function( assert ) {
507 var selects = jQuery( "#form select" );
508 assert.deepEqual( selects.not( selects[ 1 ] ).get(), q( "select1", "select3", "select4", "select5" ), "filter out DOM element" );
511 QUnit.test( "not(Function)", function( assert ) {
514 assert.deepEqual( jQuery( "#qunit-fixture p" ).not( function() { return jQuery( "a", this ).length; } ).get(), q( "sndp", "first" ), "not(Function)" );
517 QUnit.test( "not(Array)", function( assert ) {
520 assert.equal( jQuery( "#qunit-fixture > p#ap > a" ).not( document.getElementById( "google" ) ).length, 2, "not(DOMElement)" );
521 assert.equal( jQuery( "p" ).not( document.getElementsByTagName( "p" ) ).length, 0, "not(Array-like DOM collection)" );
524 QUnit.test( "not(jQuery)", function( assert ) {
528 jQuery( "#qunit-fixture p" ).not( jQuery( "#ap, #sndp, .result" ) ).get(),
529 q( "firstp", "en", "sap", "first" ),
535 // IE doesn't support complex selectors inside `:not()`.
536 QUnit.testUnlessIE( "not(Selector) excludes non-element nodes (gh-2808)", function( assert ) {
539 var mixedContents = jQuery( "#nonnodes" ).contents(),
540 childElements = q( "nonnodesElement" );
542 assert.deepEqual( mixedContents.not( "*" ).get(), [], "not *" );
543 assert.deepEqual( mixedContents.not( "[id=a],[id=b]" ).get(), childElements, "not [id=a],[id=b]" );
544 assert.deepEqual( mixedContents.not( "[id=a],*,[id=b]" ).get(), [], "not [id=a],*,[id=b]" );
547 QUnit.test( "not(arraylike) passes non-element nodes (gh-3226)", function( assert ) {
550 var mixedContents = jQuery( "<span id='nonnodesElement'>hi</span> there <!-- mon ami -->" ),
551 mixedLength = mixedContents.length,
552 firstElement = mixedContents.first();
554 assert.deepEqual( mixedContents.not( mixedContents ).get(), [], "not everything" );
555 assert.deepEqual( mixedContents.not( firstElement ).length, mixedLength - 1, "not firstElement" );
556 assert.deepEqual( mixedContents.not( [ firstElement[ 0 ].nextSibling ] ).length, mixedLength - 1, "not textnode array" );
557 assert.deepEqual( mixedContents.not( firstElement[ 0 ].nextSibling ).length, mixedLength - 1, "not textnode" );
558 assert.deepEqual( mixedContents.not( document.body ).get(), mixedContents.get(), "not with unmatched element" );
561 QUnit.test( "has(Element)", function( assert ) {
563 var obj, detached, multipleParent;
565 obj = jQuery( "#qunit-fixture" ).has( jQuery( "#sndp" )[ 0 ] );
566 assert.deepEqual( obj.get(), q( "qunit-fixture" ), "Keeps elements that have the element as a descendant" );
568 detached = jQuery( "<a><b><i></i></b></a>" );
569 assert.deepEqual( detached.has( detached.find( "i" )[ 0 ] ).get(), detached.get(), "...Even when detached" );
571 multipleParent = jQuery( "#qunit-fixture, #header" ).has( jQuery( "#sndp" )[ 0 ] );
572 assert.deepEqual( multipleParent.get(), q( "qunit-fixture" ), "Does not include elements that do not have the element as a descendant" );
575 QUnit.test( "has(Selector)", function( assert ) {
578 var obj, detached, multipleParent, multipleHas;
580 obj = jQuery( "#qunit-fixture" ).has( "#sndp" );
581 assert.deepEqual( obj.get(), q( "qunit-fixture" ), "Keeps elements that have any element matching the selector as a descendant" );
583 detached = jQuery( "<a><b><i></i></b></a>" );
584 assert.deepEqual( detached.has( "i" ).get(), detached.get(), "...Even when detached" );
586 multipleParent = jQuery( "#qunit-fixture, #header" ).has( "#sndp" );
587 assert.deepEqual( multipleParent.get(), q( "qunit-fixture" ), "Does not include elements that do not have the element as a descendant" );
589 multipleParent = jQuery( "#select1, #select2, #select3" ).has( "#option1a, #option3a" );
590 assert.deepEqual( multipleParent.get(), q( "select1", "select3" ), "Multiple contexts are checks correctly" );
592 multipleHas = jQuery( "#qunit-fixture" ).has( "#sndp, #first" );
593 assert.deepEqual( multipleHas.get(), q( "qunit-fixture" ), "Only adds elements once" );
596 QUnit.test( "has(Arrayish)", function( assert ) {
599 var simple, detached, multipleParent, multipleHas;
601 simple = jQuery( "#qunit-fixture" ).has( jQuery( "#sndp" ) );
602 assert.deepEqual( simple.get(), q( "qunit-fixture" ), "Keeps elements that have any element in the jQuery list as a descendant" );
604 detached = jQuery( "<a><b><i></i></b></a>" );
605 assert.deepEqual( detached.has( detached.find( "i" ) ).get(), detached.get(), "...Even when detached" );
607 multipleParent = jQuery( "#qunit-fixture, #header" ).has( jQuery( "#sndp" ) );
608 assert.deepEqual( multipleParent.get(), q( "qunit-fixture" ), "Does not include elements that do not have an element in the jQuery list as a descendant" );
610 multipleHas = jQuery( "#qunit-fixture" ).has( jQuery( "#sndp, #first" ) );
611 assert.deepEqual( multipleHas.get(), q( "qunit-fixture" ), "Only adds elements once" );
614 QUnit.test( "addBack()", function( assert ) {
616 assert.deepEqual( jQuery( "#en" ).siblings().addBack().get(), q( "sndp", "en", "sap" ), "Check for siblings and self" );
617 assert.deepEqual( jQuery( "#foo" ).children().addBack().get(), q( "foo", "sndp", "en", "sap" ), "Check for children and self" );
618 assert.deepEqual( jQuery( "#sndp, #en" ).parent().addBack().get(), q( "foo", "sndp", "en" ), "Check for parent and self" );
619 assert.deepEqual( jQuery( "#groups" ).parents( "p, div" ).addBack().get(), q( "qunit-fixture", "ap", "groups" ), "Check for parents and self" );
620 assert.deepEqual( jQuery( "#select1 > option" ).filter( ":first-child" ).addBack( ":last-child" ).get(), q( "option1a", "option1d" ), "Should contain the last elems plus the *filtered* prior set elements" );
623 QUnit.test( "siblings([String])", function( assert ) {
625 assert.deepEqual( jQuery( "#en" ).siblings().get(), q( "sndp", "sap" ), "Check for siblings" );
626 assert.deepEqual( jQuery( "#nonnodes" ).contents().eq( 1 ).siblings().get(), q( "nonnodesElement" ), "Check for text node siblings" );
628 jQuery( "#foo" ).siblings( "form, b" ).get(),
629 q( "form", "floatTest", "lengthtest", "name-tests", "testForm", "disabled-tests" ),
630 "Check for multiple filters"
633 var set = q( "sndp", "en", "sap" );
634 assert.deepEqual( jQuery( "#en, #sndp" ).siblings().get(), set, "Check for unique results from siblings" );
635 assert.deepEqual( jQuery( "#option5a" ).siblings( "option[data-attr]" ).get(), q( "option5c" ), "Has attribute selector in siblings (trac-9261)" );
636 assert.equal( jQuery( "<a></a>" ).siblings().length, 0, "Detached elements have no siblings (trac-11370)" );
639 QUnit[ QUnit.jQuerySelectors ? "test" : "skip" ]( "siblings([String])", function( assert ) {
641 assert.deepEqual( jQuery( "#sndp" ).siblings( ":has(code)" ).get(), q( "sap" ), "Check for filtered siblings (has code child element)" );
642 assert.deepEqual( jQuery( "#sndp" ).siblings( ":has(a)" ).get(), q( "en", "sap" ), "Check for filtered siblings (has anchor child element)" );
645 QUnit.test( "children([String])", function( assert ) {
647 assert.deepEqual( jQuery( "#foo" ).children().get(), q( "sndp", "en", "sap" ), "Check for children" );
648 assert.deepEqual( jQuery( "#foo" ).children( "#en, #sap" ).get(), q( "en", "sap" ), "Check for multiple filters" );
651 QUnit[ QUnit.jQuerySelectors ? "test" : "skip" ]( "children([String])", function( assert ) {
653 assert.deepEqual( jQuery( "#foo" ).children( ":has(code)" ).get(), q( "sndp", "sap" ), "Check for filtered children" );
656 QUnit.test( "parent([String])", function( assert ) {
661 assert.equal( jQuery( "#groups" ).parent()[ 0 ].id, "ap", "Simple parent check" );
662 assert.equal( jQuery( "#groups" ).parent( "p" )[ 0 ].id, "ap", "Filtered parent check" );
663 assert.equal( jQuery( "#groups" ).parent( "div" ).length, 0, "Filtered parent check, no match" );
664 assert.equal( jQuery( "#groups" ).parent( "div, p" )[ 0 ].id, "ap", "Check for multiple filters" );
665 assert.deepEqual( jQuery( "#en, #sndp" ).parent().get(), q( "foo" ), "Check for unique results from parent" );
667 $el = jQuery( "<div>text</div>" );
668 assert.deepEqual( $el.contents().parent().get(), $el.get(), "Check for parent of text node (trac-13265)" );
671 QUnit.test( "parents([String])", function( assert ) {
673 assert.equal( jQuery( "#groups" ).parents()[ 0 ].id, "ap", "Simple parents check" );
674 assert.deepEqual( jQuery( "#nonnodes" ).contents().eq( 1 ).parents().eq( 0 ).get(), q( "nonnodes" ), "Text node parents check" );
675 assert.equal( jQuery( "#groups" ).parents( "p" )[ 0 ].id, "ap", "Filtered parents check" );
676 assert.equal( jQuery( "#groups" ).parents( "div" )[ 0 ].id, "qunit-fixture", "Filtered parents check2" );
677 assert.deepEqual( jQuery( "#groups" ).parents( "p, div" ).get(), q( "ap", "qunit-fixture" ), "Check for multiple filters" );
678 assert.deepEqual( jQuery( "#en, #sndp" ).parents().get(), q( "foo", "qunit-fixture", "body", "html" ), "Check for unique results from parents" );
681 QUnit.test( "parentsUntil([String])", function( assert ) {
684 var parents = jQuery( "#groups" ).parents();
686 assert.deepEqual( jQuery( "#groups" ).parentsUntil().get(), parents.get(), "parentsUntil with no selector (nextAll)" );
687 assert.deepEqual( jQuery( "#groups" ).parentsUntil( ".foo" ).get(), parents.get(), "parentsUntil with invalid selector (nextAll)" );
688 assert.deepEqual( jQuery( "#groups" ).parentsUntil( "#html" ).get(), parents.slice( 0, -1 ).get(), "Simple parentsUntil check" );
689 assert.equal( jQuery( "#groups" ).parentsUntil( "#ap" ).length, 0, "Simple parentsUntil check" );
690 assert.deepEqual( jQuery( "#nonnodes" ).contents().eq( 1 ).parentsUntil( "#html" ).eq( 0 ).get(), q( "nonnodes" ), "Text node parentsUntil check" );
691 assert.deepEqual( jQuery( "#groups" ).parentsUntil( "#html, #body" ).get(), parents.slice( 0, 2 ).get(), "Less simple parentsUntil check" );
692 assert.deepEqual( jQuery( "#groups" ).parentsUntil( "#html", "div" ).get(), jQuery( "#qunit-fixture" ).get(), "Filtered parentsUntil check" );
693 assert.deepEqual( jQuery( "#groups" ).parentsUntil( "#html", "p,div" ).get(), parents.slice( 0, 2 ).get(), "Multiple-filtered parentsUntil check" );
694 assert.equal( jQuery( "#groups" ).parentsUntil( "#html", "span" ).length, 0, "Filtered parentsUntil check, no match" );
695 assert.deepEqual( jQuery( "#groups, #ap" ).parentsUntil( "#html", "p,div" ).get(), parents.slice( 0, 2 ).get(), "Multi-source, multiple-filtered parentsUntil check" );
698 QUnit.test( "next([String])", function( assert ) {
700 assert.equal( jQuery( "#ap" ).next()[ 0 ].id, "foo", "Simple next check" );
701 assert.equal( jQuery( "<div>text<a id='element'></a></div>" ).contents().eq( 0 ).next().attr( "id" ), "element", "Text node next check" );
702 assert.equal( jQuery( "#ap" ).next( "div" )[ 0 ].id, "foo", "Filtered next check" );
703 assert.equal( jQuery( "#ap" ).next( "p" ).length, 0, "Filtered next check, no match" );
704 assert.equal( jQuery( "#ap" ).next( "div, p" )[ 0 ].id, "foo", "Multiple filters" );
705 assert.equal( jQuery( "body" ).next().length, 0, "Simple next check, no match" );
708 QUnit.test( "prev([String])", function( assert ) {
710 assert.equal( jQuery( "#foo" ).prev()[ 0 ].id, "ap", "Simple prev check" );
711 assert.deepEqual( jQuery( "#nonnodes" ).contents().eq( 1 ).prev().get(), q( "nonnodesElement" ), "Text node prev check" );
712 assert.equal( jQuery( "#foo" ).prev( "p" )[ 0 ].id, "ap", "Filtered prev check" );
713 assert.equal( jQuery( "#foo" ).prev( "div" ).length, 0, "Filtered prev check, no match" );
714 assert.equal( jQuery( "#foo" ).prev( "p, div" )[ 0 ].id, "ap", "Multiple filters" );
717 QUnit.test( "nextAll([String])", function( assert ) {
720 var elems = jQuery( "#form" ).children();
722 assert.deepEqual( jQuery( "#label-for" ).nextAll().get(), elems.slice( 1 ).get(), "Simple nextAll check" );
723 assert.equal( jQuery( "<div>text<a id='element'></a></div>" ).contents().eq( 0 ).nextAll().attr( "id" ), "element", "Text node nextAll check" );
724 assert.deepEqual( jQuery( "#label-for" ).nextAll( "input" ).get(), elems.slice( 1 ).filter( "input" ).get(), "Filtered nextAll check" );
725 assert.deepEqual( jQuery( "#label-for" ).nextAll( "input,select" ).get(), elems.slice( 1 ).filter( "input,select" ).get(), "Multiple-filtered nextAll check" );
726 assert.deepEqual( jQuery( "#label-for, #hidden1" ).nextAll( "input,select" ).get(), elems.slice( 1 ).filter( "input,select" ).get(), "Multi-source, multiple-filtered nextAll check" );
729 QUnit.test( "prevAll([String])", function( assert ) {
732 var elems = jQuery( jQuery( "#form" ).children().slice( 0, 12 ).get().reverse() );
734 assert.deepEqual( jQuery( "#area1" ).prevAll().get(), elems.get(), "Simple prevAll check" );
735 assert.deepEqual( jQuery( "#nonnodes" ).contents().eq( 1 ).prevAll().get(), q( "nonnodesElement" ), "Text node prevAll check" );
736 assert.deepEqual( jQuery( "#area1" ).prevAll( "input" ).get(), elems.filter( "input" ).get(), "Filtered prevAll check" );
737 assert.deepEqual( jQuery( "#area1" ).prevAll( "input,select" ).get(), elems.filter( "input,select" ).get(), "Multiple-filtered prevAll check" );
738 assert.deepEqual( jQuery( "#area1, #hidden1" ).prevAll( "input,select" ).get(), elems.filter( "input,select" ).get(), "Multi-source, multiple-filtered prevAll check" );
741 QUnit.test( "nextUntil([String])", function( assert ) {
744 var elems = jQuery( "#form" ).children().slice( 2, 12 );
746 assert.deepEqual( jQuery( "#text1" ).nextUntil().get(), jQuery( "#text1" ).nextAll().get(), "nextUntil with no selector (nextAll)" );
747 assert.equal( jQuery( "<div>text<a id='element'></a></div>" ).contents().eq( 0 ).nextUntil().attr( "id" ), "element", "Text node nextUntil with no selector (nextAll)" );
748 assert.deepEqual( jQuery( "#text1" ).nextUntil( ".foo" ).get(), jQuery( "#text1" ).nextAll().get(), "nextUntil with invalid selector (nextAll)" );
749 assert.deepEqual( jQuery( "#text1" ).nextUntil( "#area1" ).get(), elems.get(), "Simple nextUntil check" );
750 assert.equal( jQuery( "#text1" ).nextUntil( "#text2" ).length, 0, "Simple nextUntil check" );
751 assert.deepEqual( jQuery( "#text1" ).nextUntil( "#area1, #radio1" ).get(), jQuery( "#text1" ).next().get(), "Less simple nextUntil check" );
752 assert.deepEqual( jQuery( "#text1" ).nextUntil( "#area1", "input" ).get(), elems.not( "button" ).get(), "Filtered nextUntil check" );
753 assert.deepEqual( jQuery( "#text1" ).nextUntil( "#area1", "button" ).get(), elems.not( "input" ).get(), "Filtered nextUntil check" );
754 assert.deepEqual( jQuery( "#text1" ).nextUntil( "#area1", "button,input" ).get(), elems.get(), "Multiple-filtered nextUntil check" );
755 assert.equal( jQuery( "#text1" ).nextUntil( "#area1", "div" ).length, 0, "Filtered nextUntil check, no match" );
756 assert.deepEqual( jQuery( "#text1, #hidden1" ).nextUntil( "#area1", "button,input" ).get(), elems.get(), "Multi-source, multiple-filtered nextUntil check" );
758 assert.deepEqual( jQuery( "#text1" ).nextUntil( "[class=foo]" ).get(), jQuery( "#text1" ).nextAll().get(), "Non-element nodes must be skipped, since they have no attributes" );
761 QUnit.test( "prevUntil([String])", function( assert ) {
764 var elems = jQuery( "#area1" ).prevAll();
766 assert.deepEqual( jQuery( "#area1" ).prevUntil().get(), elems.get(), "prevUntil with no selector (prevAll)" );
767 assert.deepEqual( jQuery( "#nonnodes" ).contents().eq( 1 ).prevUntil().get(), q( "nonnodesElement" ), "Text node prevUntil with no selector (prevAll)" );
768 assert.deepEqual( jQuery( "#area1" ).prevUntil( ".foo" ).get(), elems.get(), "prevUntil with invalid selector (prevAll)" );
769 assert.deepEqual( jQuery( "#area1" ).prevUntil( "label" ).get(), elems.slice( 0, -1 ).get(), "Simple prevUntil check" );
770 assert.equal( jQuery( "#area1" ).prevUntil( "#button" ).length, 0, "Simple prevUntil check" );
771 assert.deepEqual( jQuery( "#area1" ).prevUntil( "label, #search" ).get(), jQuery( "#area1" ).prev().get(), "Less simple prevUntil check" );
772 assert.deepEqual( jQuery( "#area1" ).prevUntil( "label", "input" ).get(), elems.slice( 0, -1 ).not( "button" ).get(), "Filtered prevUntil check" );
773 assert.deepEqual( jQuery( "#area1" ).prevUntil( "label", "button" ).get(), elems.slice( 0, -1 ).not( "input" ).get(), "Filtered prevUntil check" );
774 assert.deepEqual( jQuery( "#area1" ).prevUntil( "label", "button,input" ).get(), elems.slice( 0, -1 ).get(), "Multiple-filtered prevUntil check" );
775 assert.equal( jQuery( "#area1" ).prevUntil( "label", "div" ).length, 0, "Filtered prevUntil check, no match" );
776 assert.deepEqual( jQuery( "#area1, #hidden1" ).prevUntil( "label", "button,input" ).get(), elems.slice( 0, -1 ).get(), "Multi-source, multiple-filtered prevUntil check" );
779 QUnit.test( "contents()", function( assert ) {
783 assert.equal( jQuery( "#ap" ).contents().length, 9, "Check element contents" );
784 assert.ok( jQuery( "#iframe" ).contents()[ 0 ], "Check existence of IFrame document" );
785 ibody = jQuery( "#loadediframe" ).contents()[ 0 ].body;
786 assert.ok( ibody, "Check existence of IFrame body" );
788 assert.equal( jQuery( "span", ibody ).text(), "span text", "Find span in IFrame and check its text" );
790 jQuery( ibody ).append( "<div>init text</div>" );
791 assert.equal( jQuery( "div", ibody ).length, 2, "Check the original div and the new div are in IFrame" );
793 assert.equal( jQuery( "div", ibody ).last().text(), "init text", "Add text to div in IFrame" );
795 jQuery( "div", ibody ).last().text( "div text" );
796 assert.equal( jQuery( "div", ibody ).last().text(), "div text", "Add text to div in IFrame" );
798 jQuery( "div", ibody ).last().remove();
799 assert.equal( jQuery( "div", ibody ).length, 1, "Delete the div and check only one div left in IFrame" );
801 assert.equal( jQuery( "div", ibody ).text(), "span text", "Make sure the correct div is still left after deletion in IFrame" );
803 jQuery( "<table></table>", ibody ).append( "<tr><td>cell</td></tr>" ).appendTo( ibody );
804 jQuery( "table", ibody ).remove();
805 assert.equal( jQuery( "div", ibody ).length, 1, "Check for JS error on add and delete of a table in IFrame" );
807 // using contents will get comments regular, text, and comment nodes
808 c = jQuery( "#nonnodes" ).contents().contents();
809 assert.equal( c.length, 1, "Check node,textnode,comment contents is just one" );
810 assert.equal( c[ 0 ].nodeValue, "hi", "Check node,textnode,comment contents is just the one from span" );
813 QUnit.test( "contents() for <template />", function( assert ) {
816 jQuery( "#qunit-fixture" ).append(
817 "<template id='template'>" +
818 " <div id='template-div0'>" +
819 " <span>Hello, Web Component!</span>" +
821 " <div id='template-div1'></div>" +
822 " <div id='template-div2'></div>" +
826 var contents = jQuery( "#template" ).contents();
827 assert.equal( contents.length, 6, "Check template element contents" );
829 assert.equal( contents.find( "span" ).text(), "Hello, Web Component!", "Find span in template and check its text" );
831 jQuery( "<div id='templateTest'></div>" ).append(
832 jQuery( jQuery.map( contents, function( node ) {
833 return document.importNode( node, true );
835 ).appendTo( "#qunit-fixture" );
837 contents = jQuery( "#templateTest" ).contents();
838 assert.equal( contents.length, 6, "Check cloned nodes of template element contents" );
840 assert.equal( contents.filter( "div" ).length, 3, "Count cloned elements from template" );
843 QUnit.testUnlessIE( "contents() for <template /> remains inert", function( assert ) {
846 Globals.register( "testScript" );
847 Globals.register( "testImgOnload" );
849 jQuery( "#qunit-fixture" ).append(
850 "<template id='template'>" +
851 " <script>testScript = 1;</script>" +
852 " <img src='" + baseURL + "1x1.jpg' onload='testImgOnload = 1' >" +
856 var content = jQuery( "#template" ).contents();
858 assert.strictEqual( window.testScript, true, "script in template isn't executed" );
859 assert.strictEqual( window.testImgOnload, true, "onload of image in template isn't executed" );
862 QUnit.test( "contents() for <object />", function( assert ) {
865 var svgObject = jQuery( "<object id='svg-object' data='" + baseURL + "1x1.svg'></object>" );
866 var done = assert.async();
868 svgObject.on( "load", function() {
869 var contents = jQuery( "#svg-object" ).contents();
870 assert.equal( contents.length, 1, "Check object contents" );
871 assert.equal( contents.find( "svg" ).length, 1, "Find svg within object" );
875 jQuery( "#qunit-fixture" ).append( svgObject );
878 QUnit.test( "contents() for <object /> with children", function( assert ) {
881 var object = "<object type='application/x-shockwave-flash' width='200' height='300' id='penguin'>" +
882 "<param name='movie' value='flash/penguin.swf'>" +
883 "<param name='quality' value='high'>" +
884 "<img src='images/penguin.jpg' width='200' height='300' alt='Penguin'>" +
887 var contents = jQuery( object ).contents();
888 assert.equal( contents.length, 3, "Check object contents children are correct" );
891 QUnit.test( "contents() for <frame />", function( assert ) {
894 var iframe = jQuery( "<iframe id='frame-contents' src='" + baseURL + "frame.html'></iframe>" );
895 var done = assert.async();
897 iframe.on( "load", function() {
898 var container = jQuery( "#frame-contents" ).contents();
899 var contents = container.find( "#test-frame" ).contents();
900 assert.equal( contents.length, 1, "Check frame contents" );
901 assert.equal( contents.find( "body" ).length, 1, "Find body within frame" );
905 jQuery( "#qunit-fixture" ).append( iframe );
908 QUnit.test( "sort direction", function( assert ) {
911 var elems = jQuery( "#ap, #select1 > *, #moretests > form" ),
927 jQuery.each( methodDirections, function( method, reversed ) {
928 var actual = elems[ method ]().get(),
929 forward = jQuery.uniqueSort( [].concat( actual ) );
930 assert.deepEqual( actual, reversed ? forward.reverse() : forward, "Correct sort direction for " + method );
934 QUnit.test( "add(String selector)", function( assert ) {
940 jQuery( "#sndp" ).add( "#en" ).add( "#sap" ).toArray(),
941 q( "sndp", "en", "sap" ),
942 "Check elements from document"
945 divs = jQuery( "<div></div>" ).add( "#sndp" );
946 assert.ok( divs[ 0 ].parentNode, "Sort with the disconnected node last (started with disconnected first)." );
949 QUnit.test( "add(String selector, String context)", function( assert ) {
953 jQuery( [] ).add( "div", "#nothiddendiv" ).toArray(),
954 q( "nothiddendivchild" ),
955 "Check elements from document"
959 QUnit.test( "add(String html)", function( assert ) {
963 divs = jQuery( "#sndp" ).add( "<div></div>" );
965 assert.ok( !divs[ 1 ].parentNode, "Sort with the disconnected node last." );
967 x = jQuery( [] ).add( "<p id='x1'>xxx</p>" ).add( "<p id='x2'>xxx</p>" );
968 assert.equal( x[ 0 ].id, "x1", "Check detached element1" );
969 assert.equal( x[ 1 ].id, "x2", "Check detached element2" );
972 QUnit.test( "add(jQuery)", function( assert ) {
976 tmp = jQuery( "<div></div>" );
980 jQuery( "<p id='x1'>xxx</p>" ).appendTo( tmp )
983 jQuery( "<p id='x2'>xxx</p>" ).appendTo( tmp )
986 assert.equal( x[ 0 ].id, "x1", "Check element1 in detached parent" );
987 assert.equal( x[ 1 ].id, "x2", "Check element2 in detached parent" );
991 jQuery( "<p id='x1'>xxx</p>" )
994 jQuery( "<p id='x2'>xxx</p>" )
997 assert.equal( x[ 0 ].id, "x1", "Check detached element1" );
998 assert.equal( x[ 1 ].id, "x2", "Check detached element2" );
1001 QUnit.test( "add(Element)", function( assert ) {
1005 tmp = jQuery( "<div></div>" );
1007 x = jQuery( [] ).add( jQuery( "<p id='x1'>xxx</p>" ).appendTo( tmp )[ 0 ] ).add( jQuery( "<p id='x2'>xxx</p>" ).appendTo( tmp )[ 0 ] );
1008 assert.equal( x[ 0 ].id, "x1", "Check on-the-fly element1" );
1009 assert.equal( x[ 1 ].id, "x2", "Check on-the-fly element2" );
1012 QUnit.test( "add(Array elements)", function( assert ) {
1016 jQuery( "#sndp" ).add( jQuery( "#en" )[ 0 ] ).add( jQuery( "#sap" ) ).toArray(),
1017 q( "sndp", "en", "sap" ),
1018 "Check elements from document"
1022 QUnit.test( "add(Window)", function( assert ) {
1025 var frame1 = document.createElement( "iframe" ),
1026 frame2 = document.createElement( "iframe" );
1028 // This increases window.length and sets window[i] available
1029 document.body.appendChild( frame1 );
1030 document.body.appendChild( frame2 );
1032 // Window is tricky because it is a lot like an array, even Array#slice will
1033 // turn it into a multi-item array.
1034 assert.equal( jQuery( [] ).add( window ).length, 1, "Add a window" );
1036 document.body.removeChild( frame1 );
1037 document.body.removeChild( frame2 );
1040 QUnit.test( "add(NodeList|undefined|HTMLFormElement|HTMLSelectElement)", function( assert ) {
1045 ps = document.getElementsByTagName( "p" );
1047 assert.equal( jQuery( [] ).add( ps ).length, ps.length, "Add a NodeList" );
1049 assert.equal( jQuery( [] ).add( notDefined ).length, 0, "Adding undefined adds nothing" );
1051 assert.equal( jQuery( [] ).add( document.getElementById( "form" ) ).length, 1, "Add a form" );
1052 assert.equal( jQuery( [] ).add( document.getElementById( "select1" ) ).length, 1, "Add a select" );
1054 // We no longer support .add(form.elements), unfortunately.
1055 // There is no way, in browsers, to reliably determine the difference
1056 // between form.elements and form - and doing .add(form) and having it
1057 // add the form elements is way to unexpected, so this gets the boot.
1058 //ok( jQuery([]).add(jQuery("#form")[0].elements).length >= 13, "Check elements from array" );
1060 // For the time being, we're discontinuing support for jQuery(form.elements) since it's ambiguous in IE
1061 // use jQuery([]).add(form.elements) instead.
1062 //equal( jQuery([]).add(jQuery("#form")[0].elements).length, jQuery(jQuery("#form")[0].elements).length, "Array in constructor must equals array in add()" );
1065 QUnit.test( "add(String, Context)", function( assert ) {
1068 assert.deepEqual( jQuery( "#firstp" ).add( "#ap" ).get(), q( "firstp", "ap" ), "Add selector to selector " );
1069 assert.deepEqual( jQuery( document.getElementById( "firstp" ) ).add( "#ap" ).get(), q( "firstp", "ap" ), "Add gEBId to selector" );
1070 assert.deepEqual( jQuery( document.getElementById( "firstp" ) ).add( document.getElementById( "ap" ) ).get(), q( "firstp", "ap" ), "Add gEBId to gEBId" );
1072 var ctx = document.getElementById( "firstp" );
1073 assert.deepEqual( jQuery( "#firstp" ).add( "#ap", ctx ).get(), q( "firstp" ), "Add selector to selector " );
1074 assert.deepEqual( jQuery( document.getElementById( "firstp" ) ).add( "#ap", ctx ).get(), q( "firstp" ), "Add gEBId to selector, not in context" );
1075 assert.deepEqual( jQuery( document.getElementById( "firstp" ) ).add( "#ap", document.getElementsByTagName( "body" )[ 0 ] ).get(), q( "firstp", "ap" ), "Add gEBId to selector, in context" );
1078 QUnit.test( "eq('-1') trac-10616", function( assert ) {
1080 var $divs = jQuery( "div" );
1082 assert.equal( $divs.eq( -1 ).length, 1, "The number -1 returns a selection that has length 1" );
1083 assert.equal( $divs.eq( "-1" ).length, 1, "The string '-1' returns a selection that has length 1" );
1084 assert.deepEqual( $divs.eq( "-1" ), $divs.eq( -1 ), "String and number -1 match" );
1087 QUnit.test( "index(no arg) trac-10977", function( assert ) {
1089 var $list, fragment, div;
1091 $list = jQuery( "<ul id='indextest'><li class='zero'>THIS ONE</li><li class='one'>a</li><li class='two'>b</li><li class='three'>c</li></ul>" );
1092 jQuery( "#qunit-fixture" ).append( $list );
1093 assert.strictEqual( jQuery( "#indextest li.zero" ).first().index(), 0, "No Argument Index Check" );
1096 fragment = document.createDocumentFragment();
1097 div = fragment.appendChild( document.createElement( "div" ) );
1099 assert.equal( jQuery( div ).index(), 0, "If jQuery#index called on element whose parent is fragment, it still should work correctly" );
1102 QUnit.test( "traversing non-elements with attribute filters (trac-12523)", function( assert ) {
1105 var nonnodes = jQuery( "#nonnodes" ).contents();
1107 assert.equal( nonnodes.filter( "[id]" ).length, 1, ".filter" );
1108 assert.equal( nonnodes.find( "[id]" ).length, 0, ".find" );
1109 assert.strictEqual( nonnodes.is( "[id]" ), true, ".is" );
1110 assert.deepEqual( nonnodes.closest( "[id='nonnodes']" ).get(), q( "nonnodes" ), ".closest" );
1111 assert.deepEqual( nonnodes.parents( "[id='nonnodes']" ).get(), q( "nonnodes" ), ".parents" );