Geen omschrijving

traversing.js 51KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046
  1. QUnit.module( "traversing", { afterEach: moduleTeardown } );
  2. QUnit.test( "find(String)", function( assert ) {
  3. assert.expect( 1 );
  4. assert.equal( jQuery( "#foo" ).find( ".blogTest" ).text(), "Yahoo", "Basic selector" );
  5. } );
  6. QUnit.test( "find(String) under non-elements", function( assert ) {
  7. assert.expect( 2 );
  8. var j = jQuery( "#nonnodes" ).contents();
  9. assert.equal( j.find( "div" ).length, 0, "Check node,textnode,comment to find zero divs" );
  10. assert.equal( j.find( "div" ).addBack().length, 3, "Check node,textnode,comment to find zero divs, but preserves pushStack" );
  11. } );
  12. QUnit[ jQuery.find.compile ? "test" : "skip" ]( "find(leading combinator)", function( assert ) {
  13. assert.expect( 4 );
  14. assert.deepEqual( jQuery( "#qunit-fixture" ).find( "> div" ).get(), q( "foo", "nothiddendiv", "moretests", "tabindex-tests", "liveHandlerOrder", "siblingTest", "fx-test-group" ), "find child elements" );
  15. assert.deepEqual( jQuery( "#qunit-fixture" ).find( "> #foo, > #moretests" ).get(), q( "foo", "moretests" ), "find child elements" );
  16. assert.deepEqual( jQuery( "#qunit-fixture" ).find( "> #foo > p" ).get(), q( "sndp", "en", "sap" ), "find child elements" );
  17. assert.deepEqual( jQuery( "#siblingTest, #siblingfirst" ).find( "+ *" ).get(), q( "siblingnext", "fx-test-group" ), "ensure document order" );
  18. } );
  19. QUnit.test( "find(node|jQuery object)", function( assert ) {
  20. assert.expect( 13 );
  21. var $foo = jQuery( "#foo" ),
  22. $blog = jQuery( ".blogTest" ),
  23. $first = jQuery( "#first" ),
  24. $two = $blog.add( $first ),
  25. $twoMore = jQuery( "#ap" ).add( $blog ),
  26. $fooTwo = $foo.add( $blog );
  27. assert.equal( $foo.find( $blog ).text(), "Yahoo", "Find with blog jQuery object" );
  28. assert.equal( $foo.find( $blog[ 0 ] ).text(), "Yahoo", "Find with blog node" );
  29. assert.equal( $foo.find( $first ).length, 0, "#first is not in #foo" );
  30. assert.equal( $foo.find( $first[ 0 ] ).length, 0, "#first not in #foo (node)" );
  31. assert.deepEqual( $foo.find( $two ).get(), $blog.get(), "Find returns only nodes within #foo" );
  32. assert.deepEqual( $foo.find( $twoMore ).get(), $blog.get(), "...regardless of order" );
  33. assert.ok( $fooTwo.find( $blog ).is( ".blogTest" ), "Blog is part of the collection, but also within foo" );
  34. assert.ok( $fooTwo.find( $blog[ 0 ] ).is( ".blogTest" ), "Blog is part of the collection, but also within foo(node)" );
  35. assert.equal( $two.find( $foo ).length, 0, "Foo is not in two elements" );
  36. assert.equal( $two.find( $foo[ 0 ] ).length, 0, "Foo is not in two elements(node)" );
  37. assert.equal( $two.find( $first ).length, 0, "first is in the collection and not within two" );
  38. assert.equal( $two.find( $first ).length, 0, "first is in the collection and not within two(node)" );
  39. assert.equal( $two.find( $foo[ 0 ] ).addBack().length, 2, "find preserves the pushStack, see #12009" );
  40. } );
  41. QUnit.test( "is(String|undefined)", function( assert ) {
  42. assert.expect( 23 );
  43. assert.ok( jQuery( "#form" ).is( "form" ), "Check for element: A form must be a form" );
  44. assert.ok( !jQuery( "#form" ).is( "div" ), "Check for element: A form is not a div" );
  45. assert.ok( jQuery( "#mark" ).is( ".blog" ), "Check for class: Expected class 'blog'" );
  46. assert.ok( !jQuery( "#mark" ).is( ".link" ), "Check for class: Did not expect class 'link'" );
  47. assert.ok( jQuery( "#simon" ).is( ".blog.link" ), "Check for multiple classes: Expected classes 'blog' and 'link'" );
  48. assert.ok( !jQuery( "#simon" ).is( ".blogTest" ), "Check for multiple classes: Expected classes 'blog' and 'link', but not 'blogTest'" );
  49. assert.ok( jQuery( "#en" ).is( "[lang=\"en\"]" ), "Check for attribute: Expected attribute lang to be 'en'" );
  50. assert.ok( !jQuery( "#en" ).is( "[lang=\"de\"]" ), "Check for attribute: Expected attribute lang to be 'en', not 'de'" );
  51. assert.ok( jQuery( "#text1" ).is( "[type=\"text\"]" ), "Check for attribute: Expected attribute type to be 'text'" );
  52. assert.ok( !jQuery( "#text1" ).is( "[type=\"radio\"]" ), "Check for attribute: Expected attribute type to be 'text', not 'radio'" );
  53. assert.ok( jQuery( "#text2" ).is( ":disabled" ), "Check for pseudoclass: Expected to be disabled" );
  54. assert.ok( !jQuery( "#text1" ).is( ":disabled" ), "Check for pseudoclass: Expected not disabled" );
  55. assert.ok( jQuery( "#radio2" ).is( ":checked" ), "Check for pseudoclass: Expected to be checked" );
  56. assert.ok( !jQuery( "#radio1" ).is( ":checked" ), "Check for pseudoclass: Expected not checked" );
  57. assert.ok( !jQuery( "#foo" ).is( 0 ), "Expected false for an invalid expression - 0" );
  58. assert.ok( !jQuery( "#foo" ).is( null ), "Expected false for an invalid expression - null" );
  59. assert.ok( !jQuery( "#foo" ).is( "" ), "Expected false for an invalid expression - \"\"" );
  60. assert.ok( !jQuery( "#foo" ).is( undefined ), "Expected false for an invalid expression - undefined" );
  61. assert.ok( !jQuery( "#foo" ).is( { plain: "object" } ), "Check passing invalid object" );
  62. // test is() with comma-separated expressions
  63. assert.ok( jQuery( "#en" ).is( "[lang=\"en\"],[lang=\"de\"]" ), "Comma-separated; Check for lang attribute: Expect en or de" );
  64. assert.ok( jQuery( "#en" ).is( "[lang=\"de\"],[lang=\"en\"]" ), "Comma-separated; Check for lang attribute: Expect en or de" );
  65. assert.ok( jQuery( "#en" ).is( "[lang=\"en\"] , [lang=\"de\"]" ), "Comma-separated; Check for lang attribute: Expect en or de" );
  66. assert.ok( jQuery( "#en" ).is( "[lang=\"de\"] , [lang=\"en\"]" ), "Comma-separated; Check for lang attribute: Expect en or de" );
  67. } );
  68. QUnit.test( "is() against non-elements (#10178)", function( assert ) {
  69. assert.expect( 14 );
  70. var label, i, test,
  71. collection = jQuery( document ),
  72. tests = [ "a", "*" ],
  73. nonelements = {
  74. text: document.createTextNode( "" ),
  75. comment: document.createComment( "" ),
  76. document: document,
  77. window: window,
  78. array: [],
  79. "plain object": {},
  80. "function": function() {}
  81. };
  82. for ( label in nonelements ) {
  83. collection[ 0 ] = nonelements[ label ];
  84. for ( i = 0; i < tests.length; i++ ) {
  85. test = tests[ i ];
  86. assert.ok( !collection.is( test ), label + " does not match \"" + test + "\"" );
  87. }
  88. }
  89. } );
  90. QUnit.test( "is(jQuery)", function( assert ) {
  91. assert.expect( 19 );
  92. assert.ok( jQuery( "#form" ).is( jQuery( "form" ) ), "Check for element: A form is a form" );
  93. assert.ok( !jQuery( "#form" ).is( jQuery( "div" ) ), "Check for element: A form is not a div" );
  94. assert.ok( jQuery( "#mark" ).is( jQuery( ".blog" ) ), "Check for class: Expected class 'blog'" );
  95. assert.ok( !jQuery( "#mark" ).is( jQuery( ".link" ) ), "Check for class: Did not expect class 'link'" );
  96. assert.ok( jQuery( "#simon" ).is( jQuery( ".blog.link" ) ), "Check for multiple classes: Expected classes 'blog' and 'link'" );
  97. assert.ok( !jQuery( "#simon" ).is( jQuery( ".blogTest" ) ), "Check for multiple classes: Expected classes 'blog' and 'link', but not 'blogTest'" );
  98. assert.ok( jQuery( "#en" ).is( jQuery( "[lang=\"en\"]" ) ), "Check for attribute: Expected attribute lang to be 'en'" );
  99. assert.ok( !jQuery( "#en" ).is( jQuery( "[lang=\"de\"]" ) ), "Check for attribute: Expected attribute lang to be 'en', not 'de'" );
  100. assert.ok( jQuery( "#text1" ).is( jQuery( "[type=\"text\"]" ) ), "Check for attribute: Expected attribute type to be 'text'" );
  101. assert.ok( !jQuery( "#text1" ).is( jQuery( "[type=\"radio\"]" ) ), "Check for attribute: Expected attribute type to be 'text', not 'radio'" );
  102. assert.ok( !jQuery( "#text1" ).is( jQuery( "input:disabled" ) ), "Check for pseudoclass: Expected not disabled" );
  103. assert.ok( jQuery( "#radio2" ).is( jQuery( "input:checked" ) ), "Check for pseudoclass: Expected to be checked" );
  104. assert.ok( !jQuery( "#radio1" ).is( jQuery( "input:checked" ) ), "Check for pseudoclass: Expected not checked" );
  105. // Some raw elements
  106. assert.ok( jQuery( "#form" ).is( jQuery( "#qunit-fixture form" )[ 0 ] ), "Check for element: A form is a form" );
  107. assert.ok( !jQuery( "#form" ).is( jQuery( "div" )[ 0 ] ), "Check for element: A form is not a div" );
  108. assert.ok( jQuery( "#mark" ).is( jQuery( ".blog" )[ 0 ] ), "Check for class: Expected class 'blog'" );
  109. assert.ok( !jQuery( "#mark" ).is( jQuery( ".link" )[ 0 ] ), "Check for class: Did not expect class 'link'" );
  110. assert.ok( jQuery( "#simon" ).is( jQuery( ".blog.link" )[ 0 ] ), "Check for multiple classes: Expected classes 'blog' and 'link'" );
  111. assert.ok( !jQuery( "#simon" ).is( jQuery( ".blogTest" )[ 0 ] ), "Check for multiple classes: Expected classes 'blog' and 'link', but not 'blogTest'" );
  112. } );
  113. QUnit[ jQuery.find.compile ? "test" : "skip" ]( "is() with :has() selectors", function( assert ) {
  114. assert.expect( 6 );
  115. assert.ok( jQuery( "#foo" ).is( ":has(p)" ), "Check for child: Expected a child 'p' element" );
  116. assert.ok( !jQuery( "#foo" ).is( ":has(ul)" ), "Check for child: Did not expect 'ul' element" );
  117. assert.ok( jQuery( "#foo" ).is( ":has(p):has(a):has(code)" ), "Check for childs: Expected 'p', 'a' and 'code' child elements" );
  118. assert.ok( !jQuery( "#foo" ).is( ":has(p):has(a):has(code):has(ol)" ), "Check for childs: Expected 'p', 'a' and 'code' child elements, but no 'ol'" );
  119. assert.ok( jQuery( "#foo" ).is( jQuery( "div:has(p)" ) ), "Check for child: Expected a child 'p' element" );
  120. assert.ok( !jQuery( "#foo" ).is( jQuery( "div:has(ul)" ) ), "Check for child: Did not expect 'ul' element" );
  121. } );
  122. QUnit[ jQuery.find.compile ? "test" : "skip" ]( "is() with positional selectors", function( assert ) {
  123. assert.expect( 27 );
  124. var
  125. posp = jQuery(
  126. "<p id='posp'><a class='firsta' href='#'><em>first</em></a>" +
  127. "<a class='seconda' href='#'><b>test</b></a><em></em></p>"
  128. ).appendTo( "#qunit-fixture" ),
  129. isit = function( sel, match, expect ) {
  130. assert.equal(
  131. jQuery( sel ).is( match ),
  132. expect,
  133. "jQuery('" + sel + "').is('" + match + "')"
  134. );
  135. };
  136. isit( "#posp", "p:last", true );
  137. isit( "#posp", "#posp:first", true );
  138. isit( "#posp", "#posp:eq(2)", false );
  139. isit( "#posp", "#posp a:first", false );
  140. isit( "#posp .firsta", "#posp a:first", true );
  141. isit( "#posp .firsta", "#posp a:last", false );
  142. isit( "#posp .firsta", "#posp a:even", true );
  143. isit( "#posp .firsta", "#posp a:odd", false );
  144. isit( "#posp .firsta", "#posp a:eq(0)", true );
  145. isit( "#posp .firsta", "#posp a:eq(9)", false );
  146. isit( "#posp .firsta", "#posp em:eq(0)", false );
  147. isit( "#posp .firsta", "#posp em:first", false );
  148. isit( "#posp .firsta", "#posp:first", false );
  149. isit( "#posp .seconda", "#posp a:first", false );
  150. isit( "#posp .seconda", "#posp a:last", true );
  151. isit( "#posp .seconda", "#posp a:gt(0)", true );
  152. isit( "#posp .seconda", "#posp a:lt(5)", true );
  153. isit( "#posp .seconda", "#posp a:lt(1)", false );
  154. isit( "#posp em", "#posp a:eq(0) em", true );
  155. isit( "#posp em", "#posp a:lt(1) em", true );
  156. isit( "#posp em", "#posp a:gt(1) em", false );
  157. isit( "#posp em", "#posp a:first em", true );
  158. isit( "#posp em", "#posp a em:last", true );
  159. isit( "#posp em", "#posp a em:eq(2)", false );
  160. assert.ok( jQuery( "#option1b" ).is( "#select1 option:not(:first)" ), "POS inside of :not() (#10970)" );
  161. assert.ok( jQuery( posp[ 0 ] ).is( "p:last" ), "context constructed from a single node (#13797)" );
  162. assert.ok( !jQuery( posp[ 0 ] ).find( "#firsta" ).is( "a:first" ), "context derived from a single node (#13797)" );
  163. } );
  164. QUnit.test( "index()", function( assert ) {
  165. assert.expect( 2 );
  166. assert.equal( jQuery( "#text2" ).index(), 2, "Returns the index of a child amongst its siblings" );
  167. assert.equal( jQuery( "<div></div>" ).index(), -1, "Node without parent returns -1" );
  168. } );
  169. QUnit.test( "index(Object|String|undefined)", function( assert ) {
  170. assert.expect( 16 );
  171. var elements = jQuery( [ window, document ] ),
  172. inputElements = jQuery( "#radio1,#radio2,#check1,#check2" );
  173. // Passing a node
  174. assert.equal( elements.index( window ), 0, "Check for index of elements" );
  175. assert.equal( elements.index( document ), 1, "Check for index of elements" );
  176. assert.equal( inputElements.index( document.getElementById( "radio1" ) ), 0, "Check for index of elements" );
  177. assert.equal( inputElements.index( document.getElementById( "radio2" ) ), 1, "Check for index of elements" );
  178. assert.equal( inputElements.index( document.getElementById( "check1" ) ), 2, "Check for index of elements" );
  179. assert.equal( inputElements.index( document.getElementById( "check2" ) ), 3, "Check for index of elements" );
  180. assert.equal( inputElements.index( window ), -1, "Check for not found index" );
  181. assert.equal( inputElements.index( document ), -1, "Check for not found index" );
  182. // Passing a jQuery object
  183. // enabled since [5500]
  184. assert.equal( elements.index( elements ), 0, "Pass in a jQuery object" );
  185. assert.equal( elements.index( elements.eq( 1 ) ), 1, "Pass in a jQuery object" );
  186. assert.equal( jQuery( "#form input[type='radio']" ).index( jQuery( "#radio2" ) ), 1, "Pass in a jQuery object" );
  187. // Passing a selector or nothing
  188. // enabled since [6330]
  189. assert.equal( jQuery( "#text2" ).index(), 2, "Check for index amongst siblings" );
  190. assert.equal( jQuery( "#form" ).children().eq( 4 ).index(), 4, "Check for index amongst siblings" );
  191. assert.equal( jQuery( "#radio2" ).index( "#form input[type='radio']" ), 1, "Check for index within a selector" );
  192. assert.equal( jQuery( "#form input[type='radio']" ).index( jQuery( "#radio2" ) ), 1, "Check for index within a selector" );
  193. assert.equal( jQuery( "#radio2" ).index( "#form input[type='text']" ), -1, "Check for index not found within a selector" );
  194. } );
  195. QUnit.test( "filter(Selector|undefined)", function( assert ) {
  196. assert.expect( 9 );
  197. assert.deepEqual( jQuery( "#form input" ).filter( ":checked" ).get(), q( "radio2", "check1" ), "filter(String)" );
  198. assert.deepEqual( jQuery( "p" ).filter( "#ap, #sndp" ).get(), q( "ap", "sndp" ), "filter('String, String')" );
  199. assert.deepEqual( jQuery( "p" ).filter( "#ap,#sndp" ).get(), q( "ap", "sndp" ), "filter('String,String')" );
  200. assert.deepEqual( jQuery( "p" ).filter( null ).get(), [], "filter(null) should return an empty jQuery object" );
  201. assert.deepEqual( jQuery( "p" ).filter( undefined ).get(), [], "filter(undefined) should return an empty jQuery object" );
  202. assert.deepEqual( jQuery( "p" ).filter( 0 ).get(), [], "filter(0) should return an empty jQuery object" );
  203. assert.deepEqual( jQuery( "p" ).filter( "" ).get(), [], "filter('') should return an empty jQuery object" );
  204. // using contents will get comments regular, text, and comment nodes
  205. var j = jQuery( "#nonnodes" ).contents();
  206. assert.equal( j.filter( "span" ).length, 1, "Check node,textnode,comment to filter the one span" );
  207. assert.equal( j.filter( "[name]" ).length, 0, "Check node,textnode,comment to filter the one span" );
  208. } );
  209. QUnit.test( "filter(Function)", function( assert ) {
  210. assert.expect( 2 );
  211. assert.deepEqual( jQuery( "#qunit-fixture p" ).filter( function() {
  212. return !jQuery( "a", this ).length;
  213. } ).get(), q( "sndp", "first" ), "filter(Function)" );
  214. assert.deepEqual( jQuery( "#qunit-fixture p" ).filter( function( i, elem ) { return !jQuery( "a", elem ).length; } ).get(), q( "sndp", "first" ), "filter(Function) using arg" );
  215. } );
  216. QUnit.test( "filter(Element)", function( assert ) {
  217. assert.expect( 1 );
  218. var element = document.getElementById( "text1" );
  219. assert.deepEqual( jQuery( "#form input" ).filter( element ).get(), q( "text1" ), "filter(Element)" );
  220. } );
  221. QUnit.test( "filter(Array)", function( assert ) {
  222. assert.expect( 1 );
  223. var elements = [ document.getElementById( "text1" ) ];
  224. assert.deepEqual( jQuery( "#form input" ).filter( elements ).get(), q( "text1" ), "filter(Element)" );
  225. } );
  226. QUnit.test( "filter(jQuery)", function( assert ) {
  227. assert.expect( 1 );
  228. var elements = jQuery( "#text1" );
  229. assert.deepEqual( jQuery( "#form input" ).filter( elements ).get(), q( "text1" ), "filter(Element)" );
  230. } );
  231. QUnit[ jQuery.find.compile ? "test" : "skip" ]( "filter() with positional selectors", function( assert ) {
  232. assert.expect( 19 );
  233. var filterit = function( sel, filter, length ) {
  234. assert.equal( jQuery( sel ).filter( filter ).length, length, "jQuery( " + sel + " ).filter( " + filter + " )" );
  235. };
  236. jQuery( "" +
  237. "<p id='posp'>" +
  238. "<a class='firsta' href='#'>" +
  239. "<em>first</em>" +
  240. "</a>" +
  241. "<a class='seconda' href='#'>" +
  242. "<b>test</b>" +
  243. "</a>" +
  244. "<em></em>" +
  245. "</p>" ).appendTo( "#qunit-fixture" );
  246. filterit( "#posp", "#posp:first", 1 );
  247. filterit( "#posp", "#posp:eq(2)", 0 );
  248. filterit( "#posp", "#posp a:first", 0 );
  249. // Keep in mind this is within the selection and
  250. // not in relation to other elements (.is() is a different story)
  251. filterit( "#posp .firsta", "#posp a:first", 1 );
  252. filterit( "#posp .firsta", "#posp a:last", 1 );
  253. filterit( "#posp .firsta", "#posp a:last-child", 0 );
  254. filterit( "#posp .firsta", "#posp a:even", 1 );
  255. filterit( "#posp .firsta", "#posp a:odd", 0 );
  256. filterit( "#posp .firsta", "#posp a:eq(0)", 1 );
  257. filterit( "#posp .firsta", "#posp a:eq(9)", 0 );
  258. filterit( "#posp .firsta", "#posp em:eq(0)", 0 );
  259. filterit( "#posp .firsta", "#posp em:first", 0 );
  260. filterit( "#posp .firsta", "#posp:first", 0 );
  261. filterit( "#posp .seconda", "#posp a:first", 1 );
  262. filterit( "#posp .seconda", "#posp em:first", 0 );
  263. filterit( "#posp .seconda", "#posp a:last", 1 );
  264. filterit( "#posp .seconda", "#posp a:gt(0)", 0 );
  265. filterit( "#posp .seconda", "#posp a:lt(5)", 1 );
  266. filterit( "#posp .seconda", "#posp a:lt(1)", 1 );
  267. } );
  268. QUnit.test( "closest()", function( assert ) {
  269. assert.expect( 14 );
  270. var jq;
  271. assert.deepEqual( jQuery( "body" ).closest( "body" ).get(), q( "body" ), "closest(body)" );
  272. assert.deepEqual( jQuery( "body" ).closest( "html" ).get(), q( "html" ), "closest(html)" );
  273. assert.deepEqual( jQuery( "body" ).closest( "div" ).get(), [], "closest(div)" );
  274. assert.deepEqual( jQuery( "#qunit-fixture" ).closest( "span,#html" ).get(), q( "html" ), "closest(span,#html)" );
  275. // Test .closest() limited by the context
  276. jq = jQuery( "#nothiddendivchild" );
  277. assert.deepEqual( jq.closest( "html", document.body ).get(), [], "Context limited." );
  278. assert.deepEqual( jq.closest( "body", document.body ).get(), [], "Context limited." );
  279. assert.deepEqual( jq.closest( "#nothiddendiv", document.body ).get(), q( "nothiddendiv" ), "Context not reached." );
  280. //Test that .closest() returns unique'd set
  281. assert.equal( jQuery( "#qunit-fixture p" ).closest( "#qunit-fixture" ).length, 1, "Closest should return a unique set" );
  282. // Test on disconnected node
  283. assert.equal( jQuery( "<div><p></p></div>" ).find( "p" ).closest( "table" ).length, 0, "Make sure disconnected closest work." );
  284. assert.deepEqual(
  285. jQuery( "#firstp" ).closest( q( "qunit-fixture" ) ).get(),
  286. q( "qunit-fixture" ),
  287. "Non-string match target"
  288. );
  289. // Bug #7369
  290. assert.equal( jQuery( "<div foo='bar'></div>" ).closest( "[foo]" ).length, 1, "Disconnected nodes with attribute selector" );
  291. assert.equal( jQuery( "<div>text</div>" ).closest( "[lang]" ).length, 0, "Disconnected nodes with text and non-existent attribute selector" );
  292. assert.ok( !jQuery( document ).closest( "#foo" ).length, "Calling closest on a document fails silently" );
  293. jq = jQuery( "<div>text</div>" );
  294. assert.deepEqual( jq.contents().closest( "*" ).get(), jq.get(), "Text node input (#13332)" );
  295. } );
  296. QUnit[ jQuery.find.compile ? "test" : "skip" ]( "closest() with positional selectors", function( assert ) {
  297. assert.expect( 3 );
  298. assert.deepEqual( jQuery( "#qunit-fixture" ).closest( "div:first" ).get(), [],
  299. "closest(div:first)" );
  300. assert.deepEqual( jQuery( "#qunit-fixture div" ).closest( "body:first div:last" ).get(), [],
  301. "closest(body:first div:last)" );
  302. assert.deepEqual(
  303. jQuery( "#qunit-fixture div" ).closest( "body:first div:last", document ).get(),
  304. [],
  305. "closest(body:first div:last, document)"
  306. );
  307. } );
  308. QUnit.test( "closest(jQuery)", function( assert ) {
  309. assert.expect( 8 );
  310. var $child = jQuery( "#nothiddendivchild" ),
  311. $parent = jQuery( "#nothiddendiv" ),
  312. $sibling = jQuery( "#foo" ),
  313. $body = jQuery( "body" );
  314. assert.ok( $child.closest( $parent ).is( "#nothiddendiv" ), "closest( jQuery('#nothiddendiv') )" );
  315. assert.ok( $child.closest( $parent[ 0 ] ).is( "#nothiddendiv" ), "closest( jQuery('#nothiddendiv') ) :: node" );
  316. assert.ok( $child.closest( $child ).is( "#nothiddendivchild" ), "child is included" );
  317. assert.ok( $child.closest( $child[ 0 ] ).is( "#nothiddendivchild" ), "child is included :: node" );
  318. assert.equal( $child.closest( document.createElement( "div" ) ).length, 0, "created element is not related" );
  319. assert.equal( $child.closest( $sibling ).length, 0, "Sibling not a parent of child" );
  320. assert.equal( $child.closest( $sibling[ 0 ] ).length, 0, "Sibling not a parent of child :: node" );
  321. assert.ok( $child.closest( $body.add( $parent ) ).is( "#nothiddendiv" ), "Closest ancestor retrieved." );
  322. } );
  323. QUnit[ jQuery.find.compile ? "test" : "skip" ]( "not(Selector)", function( assert ) {
  324. assert.expect( 7 );
  325. assert.equal( jQuery( "#qunit-fixture > p#ap > a" ).not( "#google" ).length, 2, "not('selector')" );
  326. assert.deepEqual(
  327. jQuery( "#qunit-fixture p" ).not( ".result" ).get(),
  328. q(
  329. "firstp",
  330. "ap",
  331. "sndp",
  332. "en",
  333. "sap",
  334. "first"
  335. ),
  336. "not('.class')"
  337. );
  338. assert.deepEqual(
  339. jQuery( "#qunit-fixture p" ).not( "#ap, #sndp, .result" ).get(),
  340. q(
  341. "firstp",
  342. "en",
  343. "sap",
  344. "first"
  345. ),
  346. "not('selector, selector')"
  347. );
  348. assert.deepEqual( jQuery( "#ap *" ).not( "code" ).get(), q( "google", "groups", "anchor1", "mark" ), "not('tag selector')" );
  349. assert.deepEqual( jQuery( "#ap *" ).not( "code, #mark" ).get(), q( "google", "groups", "anchor1" ), "not('tag, ID selector')" );
  350. assert.deepEqual( jQuery( "#ap *" ).not( "#mark, code" ).get(), q( "google", "groups", "anchor1" ), "not('ID, tag selector')" );
  351. assert.deepEqual(
  352. jQuery( "#form option" ).not( "option.emptyopt:contains('Nothing'),optgroup *,[value='1']" ).get(),
  353. q( "option1c", "option1d", "option2c", "option2d", "option3c", "option3d", "option3e", "option4d", "option4e", "option5a", "option5b" ),
  354. "not('complex selector')"
  355. );
  356. } );
  357. QUnit.test( "not(undefined)", function( assert ) {
  358. assert.expect( 4 );
  359. var all = jQuery( "p" ).get();
  360. assert.deepEqual( jQuery( "p" ).not( null ).get(), all, "not(null) should have no effect" );
  361. assert.deepEqual( jQuery( "p" ).not( undefined ).get(), all, "not(undefined) should have no effect" );
  362. assert.deepEqual( jQuery( "p" ).not( 0 ).get(), all, "not(0) should have no effect" );
  363. assert.deepEqual( jQuery( "p" ).not( "" ).get(), all, "not('') should have no effect" );
  364. } );
  365. QUnit.test( "not(Element)", function( assert ) {
  366. assert.expect( 1 );
  367. var selects = jQuery( "#form select" );
  368. assert.deepEqual( selects.not( selects[ 1 ] ).get(), q( "select1", "select3", "select4", "select5" ), "filter out DOM element" );
  369. } );
  370. QUnit.test( "not(Function)", function( assert ) {
  371. assert.expect( 1 );
  372. assert.deepEqual( jQuery( "#qunit-fixture p" ).not( function() { return jQuery( "a", this ).length; } ).get(), q( "sndp", "first" ), "not(Function)" );
  373. } );
  374. QUnit.test( "not(Array)", function( assert ) {
  375. assert.expect( 2 );
  376. assert.equal( jQuery( "#qunit-fixture > p#ap > a" ).not( document.getElementById( "google" ) ).length, 2, "not(DOMElement)" );
  377. assert.equal( jQuery( "p" ).not( document.getElementsByTagName( "p" ) ).length, 0, "not(Array-like DOM collection)" );
  378. } );
  379. QUnit.test( "not(jQuery)", function( assert ) {
  380. assert.expect( 1 );
  381. assert.deepEqual(
  382. jQuery( "#qunit-fixture p" ).not( jQuery( "#ap, #sndp, .result" ) ).get(),
  383. q( "firstp", "en", "sap", "first" ),
  384. "not(jQuery)"
  385. );
  386. } );
  387. QUnit[ jQuery.find.compile ? "test" : "skip" ]( "not(Selector) excludes non-element nodes (gh-2808)", function( assert ) {
  388. assert.expect( 3 );
  389. var mixedContents = jQuery( "#nonnodes" ).contents(),
  390. childElements = q( "nonnodesElement" );
  391. assert.deepEqual( mixedContents.not( "*" ).get(), [], "not *" );
  392. assert.deepEqual( mixedContents.not( "[id=a],[id=b]" ).get(), childElements, "not [id=a],[id=b]" );
  393. assert.deepEqual( mixedContents.not( "[id=a],*,[id=b]" ).get(), [], "not [id=a],*,[id=b]" );
  394. } );
  395. QUnit.test( "not(arraylike) passes non-element nodes (gh-3226)", function( assert ) {
  396. assert.expect( 5 );
  397. var mixedContents = jQuery( "<span id='nonnodesElement'>hi</span> there <!-- mon ami -->" ),
  398. mixedLength = mixedContents.length,
  399. firstElement = mixedContents.first();
  400. assert.deepEqual( mixedContents.not( mixedContents ).get(), [], "not everything" );
  401. assert.deepEqual( mixedContents.not( firstElement ).length, mixedLength - 1, "not firstElement" );
  402. assert.deepEqual( mixedContents.not( [ firstElement[ 0 ].nextSibling ] ).length, mixedLength - 1, "not textnode array" );
  403. assert.deepEqual( mixedContents.not( firstElement[ 0 ].nextSibling ).length, mixedLength - 1, "not textnode" );
  404. assert.deepEqual( mixedContents.not( document.body ).get(), mixedContents.get(), "not with unmatched element" );
  405. } );
  406. QUnit.test( "has(Element)", function( assert ) {
  407. assert.expect( 3 );
  408. var obj, detached, multipleParent;
  409. obj = jQuery( "#qunit-fixture" ).has( jQuery( "#sndp" )[ 0 ] );
  410. assert.deepEqual( obj.get(), q( "qunit-fixture" ), "Keeps elements that have the element as a descendant" );
  411. detached = jQuery( "<a><b><i></i></b></a>" );
  412. assert.deepEqual( detached.has( detached.find( "i" )[ 0 ] ).get(), detached.get(), "...Even when detached" );
  413. multipleParent = jQuery( "#qunit-fixture, #header" ).has( jQuery( "#sndp" )[ 0 ] );
  414. assert.deepEqual( multipleParent.get(), q( "qunit-fixture" ), "Does not include elements that do not have the element as a descendant" );
  415. } );
  416. QUnit.test( "has(Selector)", function( assert ) {
  417. assert.expect( 5 );
  418. var obj, detached, multipleParent, multipleHas;
  419. obj = jQuery( "#qunit-fixture" ).has( "#sndp" );
  420. assert.deepEqual( obj.get(), q( "qunit-fixture" ), "Keeps elements that have any element matching the selector as a descendant" );
  421. detached = jQuery( "<a><b><i></i></b></a>" );
  422. assert.deepEqual( detached.has( "i" ).get(), detached.get(), "...Even when detached" );
  423. multipleParent = jQuery( "#qunit-fixture, #header" ).has( "#sndp" );
  424. assert.deepEqual( multipleParent.get(), q( "qunit-fixture" ), "Does not include elements that do not have the element as a descendant" );
  425. multipleParent = jQuery( "#select1, #select2, #select3" ).has( "#option1a, #option3a" );
  426. assert.deepEqual( multipleParent.get(), q( "select1", "select3" ), "Multiple contexts are checks correctly" );
  427. multipleHas = jQuery( "#qunit-fixture" ).has( "#sndp, #first" );
  428. assert.deepEqual( multipleHas.get(), q( "qunit-fixture" ), "Only adds elements once" );
  429. } );
  430. QUnit.test( "has(Arrayish)", function( assert ) {
  431. assert.expect( 4 );
  432. var simple, detached, multipleParent, multipleHas;
  433. simple = jQuery( "#qunit-fixture" ).has( jQuery( "#sndp" ) );
  434. assert.deepEqual( simple.get(), q( "qunit-fixture" ), "Keeps elements that have any element in the jQuery list as a descendant" );
  435. detached = jQuery( "<a><b><i></i></b></a>" );
  436. assert.deepEqual( detached.has( detached.find( "i" ) ).get(), detached.get(), "...Even when detached" );
  437. multipleParent = jQuery( "#qunit-fixture, #header" ).has( jQuery( "#sndp" ) );
  438. assert.deepEqual( multipleParent.get(), q( "qunit-fixture" ), "Does not include elements that do not have an element in the jQuery list as a descendant" );
  439. multipleHas = jQuery( "#qunit-fixture" ).has( jQuery( "#sndp, #first" ) );
  440. assert.deepEqual( multipleHas.get(), q( "qunit-fixture" ), "Only adds elements once" );
  441. } );
  442. QUnit.test( "addBack()", function( assert ) {
  443. assert.expect( 5 );
  444. assert.deepEqual( jQuery( "#en" ).siblings().addBack().get(), q( "sndp", "en", "sap" ), "Check for siblings and self" );
  445. assert.deepEqual( jQuery( "#foo" ).children().addBack().get(), q( "foo", "sndp", "en", "sap" ), "Check for children and self" );
  446. assert.deepEqual( jQuery( "#sndp, #en" ).parent().addBack().get(), q( "foo", "sndp", "en" ), "Check for parent and self" );
  447. assert.deepEqual( jQuery( "#groups" ).parents( "p, div" ).addBack().get(), q( "qunit-fixture", "ap", "groups" ), "Check for parents and self" );
  448. 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" );
  449. } );
  450. QUnit.test( "siblings([String])", function( assert ) {
  451. assert.expect( 6 );
  452. assert.deepEqual( jQuery( "#en" ).siblings().get(), q( "sndp", "sap" ), "Check for siblings" );
  453. assert.deepEqual( jQuery( "#nonnodes" ).contents().eq( 1 ).siblings().get(), q( "nonnodesElement" ), "Check for text node siblings" );
  454. assert.deepEqual( jQuery( "#foo" ).siblings( "form, b" ).get(), q( "form", "floatTest", "lengthtest", "name-tests", "testForm" ), "Check for multiple filters" );
  455. var set = q( "sndp", "en", "sap" );
  456. assert.deepEqual( jQuery( "#en, #sndp" ).siblings().get(), set, "Check for unique results from siblings" );
  457. assert.deepEqual( jQuery( "#option5a" ).siblings( "option[data-attr]" ).get(), q( "option5c" ), "Has attribute selector in siblings (#9261)" );
  458. assert.equal( jQuery( "<a></a>" ).siblings().length, 0, "Detached elements have no siblings (#11370)" );
  459. } );
  460. QUnit[ jQuery.find.compile ? "test" : "skip" ]( "siblings([String])", function( assert ) {
  461. assert.expect( 2 );
  462. assert.deepEqual( jQuery( "#sndp" ).siblings( ":has(code)" ).get(), q( "sap" ), "Check for filtered siblings (has code child element)" );
  463. assert.deepEqual( jQuery( "#sndp" ).siblings( ":has(a)" ).get(), q( "en", "sap" ), "Check for filtered siblings (has anchor child element)" );
  464. } );
  465. QUnit.test( "children([String])", function( assert ) {
  466. assert.expect( 2 );
  467. assert.deepEqual( jQuery( "#foo" ).children().get(), q( "sndp", "en", "sap" ), "Check for children" );
  468. assert.deepEqual( jQuery( "#foo" ).children( "#en, #sap" ).get(), q( "en", "sap" ), "Check for multiple filters" );
  469. } );
  470. QUnit[ jQuery.find.compile ? "test" : "skip" ]( "children([String])", function( assert ) {
  471. assert.expect( 1 );
  472. assert.deepEqual( jQuery( "#foo" ).children( ":has(code)" ).get(), q( "sndp", "sap" ), "Check for filtered children" );
  473. } );
  474. QUnit.test( "parent([String])", function( assert ) {
  475. assert.expect( 6 );
  476. var $el;
  477. assert.equal( jQuery( "#groups" ).parent()[ 0 ].id, "ap", "Simple parent check" );
  478. assert.equal( jQuery( "#groups" ).parent( "p" )[ 0 ].id, "ap", "Filtered parent check" );
  479. assert.equal( jQuery( "#groups" ).parent( "div" ).length, 0, "Filtered parent check, no match" );
  480. assert.equal( jQuery( "#groups" ).parent( "div, p" )[ 0 ].id, "ap", "Check for multiple filters" );
  481. assert.deepEqual( jQuery( "#en, #sndp" ).parent().get(), q( "foo" ), "Check for unique results from parent" );
  482. $el = jQuery( "<div>text</div>" );
  483. assert.deepEqual( $el.contents().parent().get(), $el.get(), "Check for parent of text node (#13265)" );
  484. } );
  485. QUnit.test( "parents([String])", function( assert ) {
  486. assert.expect( 6 );
  487. assert.equal( jQuery( "#groups" ).parents()[ 0 ].id, "ap", "Simple parents check" );
  488. assert.deepEqual( jQuery( "#nonnodes" ).contents().eq( 1 ).parents().eq( 0 ).get(), q( "nonnodes" ), "Text node parents check" );
  489. assert.equal( jQuery( "#groups" ).parents( "p" )[ 0 ].id, "ap", "Filtered parents check" );
  490. assert.equal( jQuery( "#groups" ).parents( "div" )[ 0 ].id, "qunit-fixture", "Filtered parents check2" );
  491. assert.deepEqual( jQuery( "#groups" ).parents( "p, div" ).get(), q( "ap", "qunit-fixture" ), "Check for multiple filters" );
  492. assert.deepEqual( jQuery( "#en, #sndp" ).parents().get(), q( "foo", "qunit-fixture", "body", "html" ), "Check for unique results from parents" );
  493. } );
  494. QUnit.test( "parentsUntil([String])", function( assert ) {
  495. assert.expect( 10 );
  496. var parents = jQuery( "#groups" ).parents();
  497. assert.deepEqual( jQuery( "#groups" ).parentsUntil().get(), parents.get(), "parentsUntil with no selector (nextAll)" );
  498. assert.deepEqual( jQuery( "#groups" ).parentsUntil( ".foo" ).get(), parents.get(), "parentsUntil with invalid selector (nextAll)" );
  499. assert.deepEqual( jQuery( "#groups" ).parentsUntil( "#html" ).get(), parents.slice( 0, -1 ).get(), "Simple parentsUntil check" );
  500. assert.equal( jQuery( "#groups" ).parentsUntil( "#ap" ).length, 0, "Simple parentsUntil check" );
  501. assert.deepEqual( jQuery( "#nonnodes" ).contents().eq( 1 ).parentsUntil( "#html" ).eq( 0 ).get(), q( "nonnodes" ), "Text node parentsUntil check" );
  502. assert.deepEqual( jQuery( "#groups" ).parentsUntil( "#html, #body" ).get(), parents.slice( 0, 2 ).get(), "Less simple parentsUntil check" );
  503. assert.deepEqual( jQuery( "#groups" ).parentsUntil( "#html", "div" ).get(), jQuery( "#qunit-fixture" ).get(), "Filtered parentsUntil check" );
  504. assert.deepEqual( jQuery( "#groups" ).parentsUntil( "#html", "p,div" ).get(), parents.slice( 0, 2 ).get(), "Multiple-filtered parentsUntil check" );
  505. assert.equal( jQuery( "#groups" ).parentsUntil( "#html", "span" ).length, 0, "Filtered parentsUntil check, no match" );
  506. assert.deepEqual( jQuery( "#groups, #ap" ).parentsUntil( "#html", "p,div" ).get(), parents.slice( 0, 2 ).get(), "Multi-source, multiple-filtered parentsUntil check" );
  507. } );
  508. QUnit.test( "next([String])", function( assert ) {
  509. assert.expect( 6 );
  510. assert.equal( jQuery( "#ap" ).next()[ 0 ].id, "foo", "Simple next check" );
  511. assert.equal( jQuery( "<div>text<a id='element'></a></div>" ).contents().eq( 0 ).next().attr( "id" ), "element", "Text node next check" );
  512. assert.equal( jQuery( "#ap" ).next( "div" )[ 0 ].id, "foo", "Filtered next check" );
  513. assert.equal( jQuery( "#ap" ).next( "p" ).length, 0, "Filtered next check, no match" );
  514. assert.equal( jQuery( "#ap" ).next( "div, p" )[ 0 ].id, "foo", "Multiple filters" );
  515. assert.equal( jQuery( "body" ).next().length, 0, "Simple next check, no match" );
  516. } );
  517. QUnit.test( "prev([String])", function( assert ) {
  518. assert.expect( 5 );
  519. assert.equal( jQuery( "#foo" ).prev()[ 0 ].id, "ap", "Simple prev check" );
  520. assert.deepEqual( jQuery( "#nonnodes" ).contents().eq( 1 ).prev().get(), q( "nonnodesElement" ), "Text node prev check" );
  521. assert.equal( jQuery( "#foo" ).prev( "p" )[ 0 ].id, "ap", "Filtered prev check" );
  522. assert.equal( jQuery( "#foo" ).prev( "div" ).length, 0, "Filtered prev check, no match" );
  523. assert.equal( jQuery( "#foo" ).prev( "p, div" )[ 0 ].id, "ap", "Multiple filters" );
  524. } );
  525. QUnit.test( "nextAll([String])", function( assert ) {
  526. assert.expect( 5 );
  527. var elems = jQuery( "#form" ).children();
  528. assert.deepEqual( jQuery( "#label-for" ).nextAll().get(), elems.slice( 1 ).get(), "Simple nextAll check" );
  529. assert.equal( jQuery( "<div>text<a id='element'></a></div>" ).contents().eq( 0 ).nextAll().attr( "id" ), "element", "Text node nextAll check" );
  530. assert.deepEqual( jQuery( "#label-for" ).nextAll( "input" ).get(), elems.slice( 1 ).filter( "input" ).get(), "Filtered nextAll check" );
  531. assert.deepEqual( jQuery( "#label-for" ).nextAll( "input,select" ).get(), elems.slice( 1 ).filter( "input,select" ).get(), "Multiple-filtered nextAll check" );
  532. assert.deepEqual( jQuery( "#label-for, #hidden1" ).nextAll( "input,select" ).get(), elems.slice( 1 ).filter( "input,select" ).get(), "Multi-source, multiple-filtered nextAll check" );
  533. } );
  534. QUnit.test( "prevAll([String])", function( assert ) {
  535. assert.expect( 5 );
  536. var elems = jQuery( jQuery( "#form" ).children().slice( 0, 12 ).get().reverse() );
  537. assert.deepEqual( jQuery( "#area1" ).prevAll().get(), elems.get(), "Simple prevAll check" );
  538. assert.deepEqual( jQuery( "#nonnodes" ).contents().eq( 1 ).prevAll().get(), q( "nonnodesElement" ), "Text node prevAll check" );
  539. assert.deepEqual( jQuery( "#area1" ).prevAll( "input" ).get(), elems.filter( "input" ).get(), "Filtered prevAll check" );
  540. assert.deepEqual( jQuery( "#area1" ).prevAll( "input,select" ).get(), elems.filter( "input,select" ).get(), "Multiple-filtered prevAll check" );
  541. assert.deepEqual( jQuery( "#area1, #hidden1" ).prevAll( "input,select" ).get(), elems.filter( "input,select" ).get(), "Multi-source, multiple-filtered prevAll check" );
  542. } );
  543. QUnit.test( "nextUntil([String])", function( assert ) {
  544. assert.expect( 12 );
  545. var elems = jQuery( "#form" ).children().slice( 2, 12 );
  546. assert.deepEqual( jQuery( "#text1" ).nextUntil().get(), jQuery( "#text1" ).nextAll().get(), "nextUntil with no selector (nextAll)" );
  547. assert.equal( jQuery( "<div>text<a id='element'></a></div>" ).contents().eq( 0 ).nextUntil().attr( "id" ), "element", "Text node nextUntil with no selector (nextAll)" );
  548. assert.deepEqual( jQuery( "#text1" ).nextUntil( ".foo" ).get(), jQuery( "#text1" ).nextAll().get(), "nextUntil with invalid selector (nextAll)" );
  549. assert.deepEqual( jQuery( "#text1" ).nextUntil( "#area1" ).get(), elems.get(), "Simple nextUntil check" );
  550. assert.equal( jQuery( "#text1" ).nextUntil( "#text2" ).length, 0, "Simple nextUntil check" );
  551. assert.deepEqual( jQuery( "#text1" ).nextUntil( "#area1, #radio1" ).get(), jQuery( "#text1" ).next().get(), "Less simple nextUntil check" );
  552. assert.deepEqual( jQuery( "#text1" ).nextUntil( "#area1", "input" ).get(), elems.not( "button" ).get(), "Filtered nextUntil check" );
  553. assert.deepEqual( jQuery( "#text1" ).nextUntil( "#area1", "button" ).get(), elems.not( "input" ).get(), "Filtered nextUntil check" );
  554. assert.deepEqual( jQuery( "#text1" ).nextUntil( "#area1", "button,input" ).get(), elems.get(), "Multiple-filtered nextUntil check" );
  555. assert.equal( jQuery( "#text1" ).nextUntil( "#area1", "div" ).length, 0, "Filtered nextUntil check, no match" );
  556. assert.deepEqual( jQuery( "#text1, #hidden1" ).nextUntil( "#area1", "button,input" ).get(), elems.get(), "Multi-source, multiple-filtered nextUntil check" );
  557. assert.deepEqual( jQuery( "#text1" ).nextUntil( "[class=foo]" ).get(), jQuery( "#text1" ).nextAll().get(), "Non-element nodes must be skipped, since they have no attributes" );
  558. } );
  559. QUnit.test( "prevUntil([String])", function( assert ) {
  560. assert.expect( 11 );
  561. var elems = jQuery( "#area1" ).prevAll();
  562. assert.deepEqual( jQuery( "#area1" ).prevUntil().get(), elems.get(), "prevUntil with no selector (prevAll)" );
  563. assert.deepEqual( jQuery( "#nonnodes" ).contents().eq( 1 ).prevUntil().get(), q( "nonnodesElement" ), "Text node prevUntil with no selector (prevAll)" );
  564. assert.deepEqual( jQuery( "#area1" ).prevUntil( ".foo" ).get(), elems.get(), "prevUntil with invalid selector (prevAll)" );
  565. assert.deepEqual( jQuery( "#area1" ).prevUntil( "label" ).get(), elems.slice( 0, -1 ).get(), "Simple prevUntil check" );
  566. assert.equal( jQuery( "#area1" ).prevUntil( "#button" ).length, 0, "Simple prevUntil check" );
  567. assert.deepEqual( jQuery( "#area1" ).prevUntil( "label, #search" ).get(), jQuery( "#area1" ).prev().get(), "Less simple prevUntil check" );
  568. assert.deepEqual( jQuery( "#area1" ).prevUntil( "label", "input" ).get(), elems.slice( 0, -1 ).not( "button" ).get(), "Filtered prevUntil check" );
  569. assert.deepEqual( jQuery( "#area1" ).prevUntil( "label", "button" ).get(), elems.slice( 0, -1 ).not( "input" ).get(), "Filtered prevUntil check" );
  570. assert.deepEqual( jQuery( "#area1" ).prevUntil( "label", "button,input" ).get(), elems.slice( 0, -1 ).get(), "Multiple-filtered prevUntil check" );
  571. assert.equal( jQuery( "#area1" ).prevUntil( "label", "div" ).length, 0, "Filtered prevUntil check, no match" );
  572. assert.deepEqual( jQuery( "#area1, #hidden1" ).prevUntil( "label", "button,input" ).get(), elems.slice( 0, -1 ).get(), "Multi-source, multiple-filtered prevUntil check" );
  573. } );
  574. QUnit.test( "contents()", function( assert ) {
  575. assert.expect( 12 );
  576. var ibody, c;
  577. assert.equal( jQuery( "#ap" ).contents().length, 9, "Check element contents" );
  578. assert.ok( jQuery( "#iframe" ).contents()[ 0 ], "Check existence of IFrame document" );
  579. ibody = jQuery( "#loadediframe" ).contents()[ 0 ].body;
  580. assert.ok( ibody, "Check existence of IFrame body" );
  581. assert.equal( jQuery( "span", ibody ).text(), "span text", "Find span in IFrame and check its text" );
  582. jQuery( ibody ).append( "<div>init text</div>" );
  583. assert.equal( jQuery( "div", ibody ).length, 2, "Check the original div and the new div are in IFrame" );
  584. assert.equal( jQuery( "div", ibody ).last().text(), "init text", "Add text to div in IFrame" );
  585. jQuery( "div", ibody ).last().text( "div text" );
  586. assert.equal( jQuery( "div", ibody ).last().text(), "div text", "Add text to div in IFrame" );
  587. jQuery( "div", ibody ).last().remove();
  588. assert.equal( jQuery( "div", ibody ).length, 1, "Delete the div and check only one div left in IFrame" );
  589. assert.equal( jQuery( "div", ibody ).text(), "span text", "Make sure the correct div is still left after deletion in IFrame" );
  590. jQuery( "<table></table>", ibody ).append( "<tr><td>cell</td></tr>" ).appendTo( ibody );
  591. jQuery( "table", ibody ).remove();
  592. assert.equal( jQuery( "div", ibody ).length, 1, "Check for JS error on add and delete of a table in IFrame" );
  593. // using contents will get comments regular, text, and comment nodes
  594. c = jQuery( "#nonnodes" ).contents().contents();
  595. assert.equal( c.length, 1, "Check node,textnode,comment contents is just one" );
  596. assert.equal( c[ 0 ].nodeValue, "hi", "Check node,textnode,comment contents is just the one from span" );
  597. } );
  598. QUnit.test( "contents() for <template />", function( assert ) {
  599. assert.expect( 4 );
  600. jQuery( "#qunit-fixture" ).append(
  601. "<template id='template'>" +
  602. " <div id='template-div0'>" +
  603. " <span>Hello, Web Component!</span>" +
  604. " </div>" +
  605. " <div id='template-div1'></div>" +
  606. " <div id='template-div2'></div>" +
  607. "</template>"
  608. );
  609. var contents = jQuery( "#template" ).contents();
  610. assert.equal( contents.length, 6, "Check template element contents" );
  611. assert.equal( contents.find( "span" ).text(), "Hello, Web Component!", "Find span in template and check its text" );
  612. jQuery( "<div id='templateTest'></div>" ).append(
  613. jQuery( jQuery.map( contents, function( node ) {
  614. return document.importNode( node, true );
  615. } ) )
  616. ).appendTo( "#qunit-fixture" );
  617. contents = jQuery( "#templateTest" ).contents();
  618. assert.equal( contents.length, 6, "Check cloned nodes of template element contents" );
  619. assert.equal( contents.filter( "div" ).length, 3, "Count cloned elements from template" );
  620. } );
  621. QUnit[ "content" in document.createElement( "template" ) ? "test" : "skip" ]( "contents() for <template /> remains inert", function( assert ) {
  622. assert.expect( 2 );
  623. Globals.register( "testScript" );
  624. Globals.register( "testImgOnload" );
  625. jQuery( "#qunit-fixture" ).append(
  626. "<template id='template'>" +
  627. " <script>testScript = 1;</script>" +
  628. " <img src='" + baseURL + "1x1.jpg' onload='testImgOnload = 1' >" +
  629. "</template>"
  630. );
  631. var content = jQuery( "#template" ).contents();
  632. assert.strictEqual( window.testScript, true, "script in template isn't executed" );
  633. assert.strictEqual( window.testImgOnload, true, "onload of image in template isn't executed" );
  634. } );
  635. QUnit.test( "contents() for <object />", function( assert ) {
  636. assert.expect( 2 );
  637. var svgObject = jQuery( "<object id='svg-object' data='" + baseURL + "1x1.svg'></object>" );
  638. var done = assert.async();
  639. svgObject.on( "load", function() {
  640. var contents = jQuery( "#svg-object" ).contents();
  641. assert.equal( contents.length, 1, "Check object contents" );
  642. assert.equal( contents.find( "svg" ).length, 1, "Find svg within object" );
  643. done();
  644. } );
  645. jQuery( "#qunit-fixture" ).append( svgObject );
  646. } );
  647. QUnit.test( "contents() for <object /> with children", function( assert ) {
  648. assert.expect( 1 );
  649. var object = "<object type='application/x-shockwave-flash' width='200' height='300' id='penguin'>" +
  650. "<param name='movie' value='flash/penguin.swf'>" +
  651. "<param name='quality' value='high'>" +
  652. "<img src='images/penguin.jpg' width='200' height='300' alt='Penguin'>" +
  653. "</object>";
  654. var contents = jQuery( object ).contents();
  655. assert.equal( contents.length, 3, "Check object contents children are correct" );
  656. } );
  657. QUnit.test( "contents() for <frame />", function( assert ) {
  658. assert.expect( 2 );
  659. var iframe = jQuery( "<iframe id='frame-contents' src='" + baseURL + "frame.html'></iframe>" );
  660. var done = assert.async();
  661. iframe.on( "load", function() {
  662. var container = jQuery( "#frame-contents" ).contents();
  663. var contents = container.find( "#test-frame" ).contents();
  664. assert.equal( contents.length, 1, "Check frame contents" );
  665. assert.equal( contents.find( "body" ).length, 1, "Find body within frame" );
  666. done();
  667. } );
  668. jQuery( "#qunit-fixture" ).append( iframe );
  669. } );
  670. QUnit.test( "sort direction", function( assert ) {
  671. assert.expect( 12 );
  672. var elems = jQuery( "#ap, #select1 > *, #moretests > form" ),
  673. methodDirections = {
  674. parent: false,
  675. parents: true,
  676. parentsUntil: true,
  677. next: false,
  678. prev: false,
  679. nextAll: false,
  680. prevAll: true,
  681. nextUntil: false,
  682. prevUntil: true,
  683. siblings: false,
  684. children: false,
  685. contents: false
  686. };
  687. jQuery.each( methodDirections, function( method, reversed ) {
  688. var actual = elems[ method ]().get(),
  689. forward = jQuery.uniqueSort( [].concat( actual ) );
  690. assert.deepEqual( actual, reversed ? forward.reverse() : forward, "Correct sort direction for " + method );
  691. } );
  692. } );
  693. QUnit.test( "add(String selector)", function( assert ) {
  694. assert.expect( 2 );
  695. var divs;
  696. assert.deepEqual(
  697. jQuery( "#sndp" ).add( "#en" ).add( "#sap" ).toArray(),
  698. q( "sndp", "en", "sap" ),
  699. "Check elements from document"
  700. );
  701. divs = jQuery( "<div></div>" ).add( "#sndp" );
  702. assert.ok( divs[ 0 ].parentNode, "Sort with the disconnected node last (started with disconnected first)." );
  703. } );
  704. QUnit.test( "add(String selector, String context)", function( assert ) {
  705. assert.expect( 1 );
  706. assert.deepEqual(
  707. jQuery( [] ).add( "div", "#nothiddendiv" ).toArray(),
  708. q( "nothiddendivchild" ),
  709. "Check elements from document"
  710. );
  711. } );
  712. QUnit.test( "add(String html)", function( assert ) {
  713. assert.expect( 3 );
  714. var x,
  715. divs = jQuery( "#sndp" ).add( "<div></div>" );
  716. assert.ok( !divs[ 1 ].parentNode, "Sort with the disconnected node last." );
  717. x = jQuery( [] ).add( "<p id='x1'>xxx</p>" ).add( "<p id='x2'>xxx</p>" );
  718. assert.equal( x[ 0 ].id, "x1", "Check detached element1" );
  719. assert.equal( x[ 1 ].id, "x2", "Check detached element2" );
  720. } );
  721. QUnit.test( "add(jQuery)", function( assert ) {
  722. assert.expect( 4 );
  723. var x,
  724. tmp = jQuery( "<div></div>" );
  725. x = jQuery( [] )
  726. .add(
  727. jQuery( "<p id='x1'>xxx</p>" ).appendTo( tmp )
  728. )
  729. .add(
  730. jQuery( "<p id='x2'>xxx</p>" ).appendTo( tmp )
  731. );
  732. assert.equal( x[ 0 ].id, "x1", "Check element1 in detached parent" );
  733. assert.equal( x[ 1 ].id, "x2", "Check element2 in detached parent" );
  734. x = jQuery( [] )
  735. .add(
  736. jQuery( "<p id='x1'>xxx</p>" )
  737. )
  738. .add(
  739. jQuery( "<p id='x2'>xxx</p>" )
  740. );
  741. assert.equal( x[ 0 ].id, "x1", "Check detached element1" );
  742. assert.equal( x[ 1 ].id, "x2", "Check detached element2" );
  743. } );
  744. QUnit.test( "add(Element)", function( assert ) {
  745. assert.expect( 2 );
  746. var x,
  747. tmp = jQuery( "<div></div>" );
  748. x = jQuery( [] ).add( jQuery( "<p id='x1'>xxx</p>" ).appendTo( tmp )[ 0 ] ).add( jQuery( "<p id='x2'>xxx</p>" ).appendTo( tmp )[ 0 ] );
  749. assert.equal( x[ 0 ].id, "x1", "Check on-the-fly element1" );
  750. assert.equal( x[ 1 ].id, "x2", "Check on-the-fly element2" );
  751. } );
  752. QUnit.test( "add(Array elements)", function( assert ) {
  753. assert.expect( 1 );
  754. assert.deepEqual(
  755. jQuery( "#sndp" ).add( jQuery( "#en" )[ 0 ] ).add( jQuery( "#sap" ) ).toArray(),
  756. q( "sndp", "en", "sap" ),
  757. "Check elements from document"
  758. );
  759. } );
  760. QUnit.test( "add(Window)", function( assert ) {
  761. assert.expect( 1 );
  762. var frame1 = document.createElement( "iframe" ),
  763. frame2 = document.createElement( "iframe" );
  764. // This increases window.length and sets window[i] available
  765. document.body.appendChild( frame1 );
  766. document.body.appendChild( frame2 );
  767. // Window is tricky because it is a lot like an array, even Array#slice will
  768. // turn it into a multi-item array.
  769. assert.equal( jQuery( [] ).add( window ).length, 1, "Add a window" );
  770. document.body.removeChild( frame1 );
  771. document.body.removeChild( frame2 );
  772. } );
  773. QUnit.test( "add(NodeList|undefined|HTMLFormElement|HTMLSelectElement)", function( assert ) {
  774. assert.expect( 4 );
  775. var ps, notDefined;
  776. ps = document.getElementsByTagName( "p" );
  777. assert.equal( jQuery( [] ).add( ps ).length, ps.length, "Add a NodeList" );
  778. assert.equal( jQuery( [] ).add( notDefined ).length, 0, "Adding undefined adds nothing" );
  779. assert.equal( jQuery( [] ).add( document.getElementById( "form" ) ).length, 1, "Add a form" );
  780. assert.equal( jQuery( [] ).add( document.getElementById( "select1" ) ).length, 1, "Add a select" );
  781. // We no longer support .add(form.elements), unfortunately.
  782. // There is no way, in browsers, to reliably determine the difference
  783. // between form.elements and form - and doing .add(form) and having it
  784. // add the form elements is way to unexpected, so this gets the boot.
  785. //ok( jQuery([]).add(jQuery("#form")[0].elements).length >= 13, "Check elements from array" );
  786. // For the time being, we're discontinuing support for jQuery(form.elements) since it's ambiguous in IE
  787. // use jQuery([]).add(form.elements) instead.
  788. //equal( jQuery([]).add(jQuery("#form")[0].elements).length, jQuery(jQuery("#form")[0].elements).length, "Array in constructor must equals array in add()" );
  789. } );
  790. QUnit.test( "add(String, Context)", function( assert ) {
  791. assert.expect( 6 );
  792. assert.deepEqual( jQuery( "#firstp" ).add( "#ap" ).get(), q( "firstp", "ap" ), "Add selector to selector " );
  793. assert.deepEqual( jQuery( document.getElementById( "firstp" ) ).add( "#ap" ).get(), q( "firstp", "ap" ), "Add gEBId to selector" );
  794. assert.deepEqual( jQuery( document.getElementById( "firstp" ) ).add( document.getElementById( "ap" ) ).get(), q( "firstp", "ap" ), "Add gEBId to gEBId" );
  795. var ctx = document.getElementById( "firstp" );
  796. assert.deepEqual( jQuery( "#firstp" ).add( "#ap", ctx ).get(), q( "firstp" ), "Add selector to selector " );
  797. assert.deepEqual( jQuery( document.getElementById( "firstp" ) ).add( "#ap", ctx ).get(), q( "firstp" ), "Add gEBId to selector, not in context" );
  798. assert.deepEqual( jQuery( document.getElementById( "firstp" ) ).add( "#ap", document.getElementsByTagName( "body" )[ 0 ] ).get(), q( "firstp", "ap" ), "Add gEBId to selector, in context" );
  799. } );
  800. QUnit.test( "eq('-1') #10616", function( assert ) {
  801. assert.expect( 3 );
  802. var $divs = jQuery( "div" );
  803. assert.equal( $divs.eq( -1 ).length, 1, "The number -1 returns a selection that has length 1" );
  804. assert.equal( $divs.eq( "-1" ).length, 1, "The string '-1' returns a selection that has length 1" );
  805. assert.deepEqual( $divs.eq( "-1" ), $divs.eq( -1 ), "String and number -1 match" );
  806. } );
  807. QUnit.test( "index(no arg) #10977", function( assert ) {
  808. assert.expect( 2 );
  809. var $list, fragment, div;
  810. $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>" );
  811. jQuery( "#qunit-fixture" ).append( $list );
  812. assert.strictEqual( jQuery( "#indextest li.zero" ).first().index(), 0, "No Argument Index Check" );
  813. $list.remove();
  814. fragment = document.createDocumentFragment();
  815. div = fragment.appendChild( document.createElement( "div" ) );
  816. assert.equal( jQuery( div ).index(), 0, "If jQuery#index called on element whose parent is fragment, it still should work correctly" );
  817. } );
  818. QUnit.test( "traversing non-elements with attribute filters (#12523)", function( assert ) {
  819. assert.expect( 5 );
  820. var nonnodes = jQuery( "#nonnodes" ).contents();
  821. assert.equal( nonnodes.filter( "[id]" ).length, 1, ".filter" );
  822. assert.equal( nonnodes.find( "[id]" ).length, 0, ".find" );
  823. assert.strictEqual( nonnodes.is( "[id]" ), true, ".is" );
  824. assert.deepEqual( nonnodes.closest( "[id='nonnodes']" ).get(), q( "nonnodes" ), ".closest" );
  825. assert.deepEqual( nonnodes.parents( "[id='nonnodes']" ).get(), q( "nonnodes" ), ".parents" );
  826. } );