| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046 |
- QUnit.module( "traversing", { afterEach: moduleTeardown } );
- QUnit.test( "find(String)", function( assert ) {
- assert.expect( 1 );
- assert.equal( jQuery( "#foo" ).find( ".blogTest" ).text(), "Yahoo", "Basic selector" );
- } );
- QUnit.test( "find(String) under non-elements", function( assert ) {
- assert.expect( 2 );
- var j = jQuery( "#nonnodes" ).contents();
- assert.equal( j.find( "div" ).length, 0, "Check node,textnode,comment to find zero divs" );
- assert.equal( j.find( "div" ).addBack().length, 3, "Check node,textnode,comment to find zero divs, but preserves pushStack" );
- } );
- QUnit[ jQuery.find.compile ? "test" : "skip" ]( "find(leading combinator)", function( assert ) {
- assert.expect( 4 );
- assert.deepEqual( jQuery( "#qunit-fixture" ).find( "> div" ).get(), q( "foo", "nothiddendiv", "moretests", "tabindex-tests", "liveHandlerOrder", "siblingTest", "fx-test-group" ), "find child elements" );
- assert.deepEqual( jQuery( "#qunit-fixture" ).find( "> #foo, > #moretests" ).get(), q( "foo", "moretests" ), "find child elements" );
- assert.deepEqual( jQuery( "#qunit-fixture" ).find( "> #foo > p" ).get(), q( "sndp", "en", "sap" ), "find child elements" );
- assert.deepEqual( jQuery( "#siblingTest, #siblingfirst" ).find( "+ *" ).get(), q( "siblingnext", "fx-test-group" ), "ensure document order" );
- } );
- QUnit.test( "find(node|jQuery object)", function( assert ) {
- assert.expect( 13 );
- var $foo = jQuery( "#foo" ),
- $blog = jQuery( ".blogTest" ),
- $first = jQuery( "#first" ),
- $two = $blog.add( $first ),
- $twoMore = jQuery( "#ap" ).add( $blog ),
- $fooTwo = $foo.add( $blog );
- assert.equal( $foo.find( $blog ).text(), "Yahoo", "Find with blog jQuery object" );
- assert.equal( $foo.find( $blog[ 0 ] ).text(), "Yahoo", "Find with blog node" );
- assert.equal( $foo.find( $first ).length, 0, "#first is not in #foo" );
- assert.equal( $foo.find( $first[ 0 ] ).length, 0, "#first not in #foo (node)" );
- assert.deepEqual( $foo.find( $two ).get(), $blog.get(), "Find returns only nodes within #foo" );
- assert.deepEqual( $foo.find( $twoMore ).get(), $blog.get(), "...regardless of order" );
- assert.ok( $fooTwo.find( $blog ).is( ".blogTest" ), "Blog is part of the collection, but also within foo" );
- assert.ok( $fooTwo.find( $blog[ 0 ] ).is( ".blogTest" ), "Blog is part of the collection, but also within foo(node)" );
- assert.equal( $two.find( $foo ).length, 0, "Foo is not in two elements" );
- assert.equal( $two.find( $foo[ 0 ] ).length, 0, "Foo is not in two elements(node)" );
- assert.equal( $two.find( $first ).length, 0, "first is in the collection and not within two" );
- assert.equal( $two.find( $first ).length, 0, "first is in the collection and not within two(node)" );
- assert.equal( $two.find( $foo[ 0 ] ).addBack().length, 2, "find preserves the pushStack, see #12009" );
- } );
- QUnit.test( "is(String|undefined)", function( assert ) {
- assert.expect( 23 );
- assert.ok( jQuery( "#form" ).is( "form" ), "Check for element: A form must be a form" );
- assert.ok( !jQuery( "#form" ).is( "div" ), "Check for element: A form is not a div" );
- assert.ok( jQuery( "#mark" ).is( ".blog" ), "Check for class: Expected class 'blog'" );
- assert.ok( !jQuery( "#mark" ).is( ".link" ), "Check for class: Did not expect class 'link'" );
- assert.ok( jQuery( "#simon" ).is( ".blog.link" ), "Check for multiple classes: Expected classes 'blog' and 'link'" );
- assert.ok( !jQuery( "#simon" ).is( ".blogTest" ), "Check for multiple classes: Expected classes 'blog' and 'link', but not 'blogTest'" );
- assert.ok( jQuery( "#en" ).is( "[lang=\"en\"]" ), "Check for attribute: Expected attribute lang to be 'en'" );
- assert.ok( !jQuery( "#en" ).is( "[lang=\"de\"]" ), "Check for attribute: Expected attribute lang to be 'en', not 'de'" );
- assert.ok( jQuery( "#text1" ).is( "[type=\"text\"]" ), "Check for attribute: Expected attribute type to be 'text'" );
- assert.ok( !jQuery( "#text1" ).is( "[type=\"radio\"]" ), "Check for attribute: Expected attribute type to be 'text', not 'radio'" );
- assert.ok( jQuery( "#text2" ).is( ":disabled" ), "Check for pseudoclass: Expected to be disabled" );
- assert.ok( !jQuery( "#text1" ).is( ":disabled" ), "Check for pseudoclass: Expected not disabled" );
- assert.ok( jQuery( "#radio2" ).is( ":checked" ), "Check for pseudoclass: Expected to be checked" );
- assert.ok( !jQuery( "#radio1" ).is( ":checked" ), "Check for pseudoclass: Expected not checked" );
- assert.ok( !jQuery( "#foo" ).is( 0 ), "Expected false for an invalid expression - 0" );
- assert.ok( !jQuery( "#foo" ).is( null ), "Expected false for an invalid expression - null" );
- assert.ok( !jQuery( "#foo" ).is( "" ), "Expected false for an invalid expression - \"\"" );
- assert.ok( !jQuery( "#foo" ).is( undefined ), "Expected false for an invalid expression - undefined" );
- assert.ok( !jQuery( "#foo" ).is( { plain: "object" } ), "Check passing invalid object" );
- // test is() with comma-separated expressions
- assert.ok( jQuery( "#en" ).is( "[lang=\"en\"],[lang=\"de\"]" ), "Comma-separated; Check for lang attribute: Expect en or de" );
- assert.ok( jQuery( "#en" ).is( "[lang=\"de\"],[lang=\"en\"]" ), "Comma-separated; Check for lang attribute: Expect en or de" );
- assert.ok( jQuery( "#en" ).is( "[lang=\"en\"] , [lang=\"de\"]" ), "Comma-separated; Check for lang attribute: Expect en or de" );
- assert.ok( jQuery( "#en" ).is( "[lang=\"de\"] , [lang=\"en\"]" ), "Comma-separated; Check for lang attribute: Expect en or de" );
- } );
- QUnit.test( "is() against non-elements (#10178)", function( assert ) {
- assert.expect( 14 );
- var label, i, test,
- collection = jQuery( document ),
- tests = [ "a", "*" ],
- nonelements = {
- text: document.createTextNode( "" ),
- comment: document.createComment( "" ),
- document: document,
- window: window,
- array: [],
- "plain object": {},
- "function": function() {}
- };
- for ( label in nonelements ) {
- collection[ 0 ] = nonelements[ label ];
- for ( i = 0; i < tests.length; i++ ) {
- test = tests[ i ];
- assert.ok( !collection.is( test ), label + " does not match \"" + test + "\"" );
- }
- }
- } );
- QUnit.test( "is(jQuery)", function( assert ) {
- assert.expect( 19 );
- assert.ok( jQuery( "#form" ).is( jQuery( "form" ) ), "Check for element: A form is a form" );
- assert.ok( !jQuery( "#form" ).is( jQuery( "div" ) ), "Check for element: A form is not a div" );
- assert.ok( jQuery( "#mark" ).is( jQuery( ".blog" ) ), "Check for class: Expected class 'blog'" );
- assert.ok( !jQuery( "#mark" ).is( jQuery( ".link" ) ), "Check for class: Did not expect class 'link'" );
- assert.ok( jQuery( "#simon" ).is( jQuery( ".blog.link" ) ), "Check for multiple classes: Expected classes 'blog' and 'link'" );
- assert.ok( !jQuery( "#simon" ).is( jQuery( ".blogTest" ) ), "Check for multiple classes: Expected classes 'blog' and 'link', but not 'blogTest'" );
- assert.ok( jQuery( "#en" ).is( jQuery( "[lang=\"en\"]" ) ), "Check for attribute: Expected attribute lang to be 'en'" );
- assert.ok( !jQuery( "#en" ).is( jQuery( "[lang=\"de\"]" ) ), "Check for attribute: Expected attribute lang to be 'en', not 'de'" );
- assert.ok( jQuery( "#text1" ).is( jQuery( "[type=\"text\"]" ) ), "Check for attribute: Expected attribute type to be 'text'" );
- assert.ok( !jQuery( "#text1" ).is( jQuery( "[type=\"radio\"]" ) ), "Check for attribute: Expected attribute type to be 'text', not 'radio'" );
- assert.ok( !jQuery( "#text1" ).is( jQuery( "input:disabled" ) ), "Check for pseudoclass: Expected not disabled" );
- assert.ok( jQuery( "#radio2" ).is( jQuery( "input:checked" ) ), "Check for pseudoclass: Expected to be checked" );
- assert.ok( !jQuery( "#radio1" ).is( jQuery( "input:checked" ) ), "Check for pseudoclass: Expected not checked" );
- // Some raw elements
- assert.ok( jQuery( "#form" ).is( jQuery( "#qunit-fixture form" )[ 0 ] ), "Check for element: A form is a form" );
- assert.ok( !jQuery( "#form" ).is( jQuery( "div" )[ 0 ] ), "Check for element: A form is not a div" );
- assert.ok( jQuery( "#mark" ).is( jQuery( ".blog" )[ 0 ] ), "Check for class: Expected class 'blog'" );
- assert.ok( !jQuery( "#mark" ).is( jQuery( ".link" )[ 0 ] ), "Check for class: Did not expect class 'link'" );
- assert.ok( jQuery( "#simon" ).is( jQuery( ".blog.link" )[ 0 ] ), "Check for multiple classes: Expected classes 'blog' and 'link'" );
- assert.ok( !jQuery( "#simon" ).is( jQuery( ".blogTest" )[ 0 ] ), "Check for multiple classes: Expected classes 'blog' and 'link', but not 'blogTest'" );
- } );
- QUnit[ jQuery.find.compile ? "test" : "skip" ]( "is() with :has() selectors", function( assert ) {
- assert.expect( 6 );
- assert.ok( jQuery( "#foo" ).is( ":has(p)" ), "Check for child: Expected a child 'p' element" );
- assert.ok( !jQuery( "#foo" ).is( ":has(ul)" ), "Check for child: Did not expect 'ul' element" );
- assert.ok( jQuery( "#foo" ).is( ":has(p):has(a):has(code)" ), "Check for childs: Expected 'p', 'a' and 'code' child elements" );
- 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'" );
- assert.ok( jQuery( "#foo" ).is( jQuery( "div:has(p)" ) ), "Check for child: Expected a child 'p' element" );
- assert.ok( !jQuery( "#foo" ).is( jQuery( "div:has(ul)" ) ), "Check for child: Did not expect 'ul' element" );
- } );
- QUnit[ jQuery.find.compile ? "test" : "skip" ]( "is() with positional selectors", function( assert ) {
- assert.expect( 27 );
- var
- posp = jQuery(
- "<p id='posp'><a class='firsta' href='#'><em>first</em></a>" +
- "<a class='seconda' href='#'><b>test</b></a><em></em></p>"
- ).appendTo( "#qunit-fixture" ),
- isit = function( sel, match, expect ) {
- assert.equal(
- jQuery( sel ).is( match ),
- expect,
- "jQuery('" + sel + "').is('" + match + "')"
- );
- };
- isit( "#posp", "p:last", true );
- isit( "#posp", "#posp:first", true );
- isit( "#posp", "#posp:eq(2)", false );
- isit( "#posp", "#posp a:first", false );
- isit( "#posp .firsta", "#posp a:first", true );
- isit( "#posp .firsta", "#posp a:last", false );
- isit( "#posp .firsta", "#posp a:even", true );
- isit( "#posp .firsta", "#posp a:odd", false );
- isit( "#posp .firsta", "#posp a:eq(0)", true );
- isit( "#posp .firsta", "#posp a:eq(9)", false );
- isit( "#posp .firsta", "#posp em:eq(0)", false );
- isit( "#posp .firsta", "#posp em:first", false );
- isit( "#posp .firsta", "#posp:first", false );
- isit( "#posp .seconda", "#posp a:first", false );
- isit( "#posp .seconda", "#posp a:last", true );
- isit( "#posp .seconda", "#posp a:gt(0)", true );
- isit( "#posp .seconda", "#posp a:lt(5)", true );
- isit( "#posp .seconda", "#posp a:lt(1)", false );
- isit( "#posp em", "#posp a:eq(0) em", true );
- isit( "#posp em", "#posp a:lt(1) em", true );
- isit( "#posp em", "#posp a:gt(1) em", false );
- isit( "#posp em", "#posp a:first em", true );
- isit( "#posp em", "#posp a em:last", true );
- isit( "#posp em", "#posp a em:eq(2)", false );
- assert.ok( jQuery( "#option1b" ).is( "#select1 option:not(:first)" ), "POS inside of :not() (#10970)" );
- assert.ok( jQuery( posp[ 0 ] ).is( "p:last" ), "context constructed from a single node (#13797)" );
- assert.ok( !jQuery( posp[ 0 ] ).find( "#firsta" ).is( "a:first" ), "context derived from a single node (#13797)" );
- } );
- QUnit.test( "index()", function( assert ) {
- assert.expect( 2 );
- assert.equal( jQuery( "#text2" ).index(), 2, "Returns the index of a child amongst its siblings" );
- assert.equal( jQuery( "<div></div>" ).index(), -1, "Node without parent returns -1" );
- } );
- QUnit.test( "index(Object|String|undefined)", function( assert ) {
- assert.expect( 16 );
- var elements = jQuery( [ window, document ] ),
- inputElements = jQuery( "#radio1,#radio2,#check1,#check2" );
- // Passing a node
- assert.equal( elements.index( window ), 0, "Check for index of elements" );
- assert.equal( elements.index( document ), 1, "Check for index of elements" );
- assert.equal( inputElements.index( document.getElementById( "radio1" ) ), 0, "Check for index of elements" );
- assert.equal( inputElements.index( document.getElementById( "radio2" ) ), 1, "Check for index of elements" );
- assert.equal( inputElements.index( document.getElementById( "check1" ) ), 2, "Check for index of elements" );
- assert.equal( inputElements.index( document.getElementById( "check2" ) ), 3, "Check for index of elements" );
- assert.equal( inputElements.index( window ), -1, "Check for not found index" );
- assert.equal( inputElements.index( document ), -1, "Check for not found index" );
- // Passing a jQuery object
- // enabled since [5500]
- assert.equal( elements.index( elements ), 0, "Pass in a jQuery object" );
- assert.equal( elements.index( elements.eq( 1 ) ), 1, "Pass in a jQuery object" );
- assert.equal( jQuery( "#form input[type='radio']" ).index( jQuery( "#radio2" ) ), 1, "Pass in a jQuery object" );
- // Passing a selector or nothing
- // enabled since [6330]
- assert.equal( jQuery( "#text2" ).index(), 2, "Check for index amongst siblings" );
- assert.equal( jQuery( "#form" ).children().eq( 4 ).index(), 4, "Check for index amongst siblings" );
- assert.equal( jQuery( "#radio2" ).index( "#form input[type='radio']" ), 1, "Check for index within a selector" );
- assert.equal( jQuery( "#form input[type='radio']" ).index( jQuery( "#radio2" ) ), 1, "Check for index within a selector" );
- assert.equal( jQuery( "#radio2" ).index( "#form input[type='text']" ), -1, "Check for index not found within a selector" );
- } );
- QUnit.test( "filter(Selector|undefined)", function( assert ) {
- assert.expect( 9 );
- assert.deepEqual( jQuery( "#form input" ).filter( ":checked" ).get(), q( "radio2", "check1" ), "filter(String)" );
- assert.deepEqual( jQuery( "p" ).filter( "#ap, #sndp" ).get(), q( "ap", "sndp" ), "filter('String, String')" );
- assert.deepEqual( jQuery( "p" ).filter( "#ap,#sndp" ).get(), q( "ap", "sndp" ), "filter('String,String')" );
- assert.deepEqual( jQuery( "p" ).filter( null ).get(), [], "filter(null) should return an empty jQuery object" );
- assert.deepEqual( jQuery( "p" ).filter( undefined ).get(), [], "filter(undefined) should return an empty jQuery object" );
- assert.deepEqual( jQuery( "p" ).filter( 0 ).get(), [], "filter(0) should return an empty jQuery object" );
- assert.deepEqual( jQuery( "p" ).filter( "" ).get(), [], "filter('') should return an empty jQuery object" );
- // using contents will get comments regular, text, and comment nodes
- var j = jQuery( "#nonnodes" ).contents();
- assert.equal( j.filter( "span" ).length, 1, "Check node,textnode,comment to filter the one span" );
- assert.equal( j.filter( "[name]" ).length, 0, "Check node,textnode,comment to filter the one span" );
- } );
- QUnit.test( "filter(Function)", function( assert ) {
- assert.expect( 2 );
- assert.deepEqual( jQuery( "#qunit-fixture p" ).filter( function() {
- return !jQuery( "a", this ).length;
- } ).get(), q( "sndp", "first" ), "filter(Function)" );
- assert.deepEqual( jQuery( "#qunit-fixture p" ).filter( function( i, elem ) { return !jQuery( "a", elem ).length; } ).get(), q( "sndp", "first" ), "filter(Function) using arg" );
- } );
- QUnit.test( "filter(Element)", function( assert ) {
- assert.expect( 1 );
- var element = document.getElementById( "text1" );
- assert.deepEqual( jQuery( "#form input" ).filter( element ).get(), q( "text1" ), "filter(Element)" );
- } );
- QUnit.test( "filter(Array)", function( assert ) {
- assert.expect( 1 );
- var elements = [ document.getElementById( "text1" ) ];
- assert.deepEqual( jQuery( "#form input" ).filter( elements ).get(), q( "text1" ), "filter(Element)" );
- } );
- QUnit.test( "filter(jQuery)", function( assert ) {
- assert.expect( 1 );
- var elements = jQuery( "#text1" );
- assert.deepEqual( jQuery( "#form input" ).filter( elements ).get(), q( "text1" ), "filter(Element)" );
- } );
- QUnit[ jQuery.find.compile ? "test" : "skip" ]( "filter() with positional selectors", function( assert ) {
- assert.expect( 19 );
- var filterit = function( sel, filter, length ) {
- assert.equal( jQuery( sel ).filter( filter ).length, length, "jQuery( " + sel + " ).filter( " + filter + " )" );
- };
- jQuery( "" +
- "<p id='posp'>" +
- "<a class='firsta' href='#'>" +
- "<em>first</em>" +
- "</a>" +
- "<a class='seconda' href='#'>" +
- "<b>test</b>" +
- "</a>" +
- "<em></em>" +
- "</p>" ).appendTo( "#qunit-fixture" );
- filterit( "#posp", "#posp:first", 1 );
- filterit( "#posp", "#posp:eq(2)", 0 );
- filterit( "#posp", "#posp a:first", 0 );
- // Keep in mind this is within the selection and
- // not in relation to other elements (.is() is a different story)
- filterit( "#posp .firsta", "#posp a:first", 1 );
- filterit( "#posp .firsta", "#posp a:last", 1 );
- filterit( "#posp .firsta", "#posp a:last-child", 0 );
- filterit( "#posp .firsta", "#posp a:even", 1 );
- filterit( "#posp .firsta", "#posp a:odd", 0 );
- filterit( "#posp .firsta", "#posp a:eq(0)", 1 );
- filterit( "#posp .firsta", "#posp a:eq(9)", 0 );
- filterit( "#posp .firsta", "#posp em:eq(0)", 0 );
- filterit( "#posp .firsta", "#posp em:first", 0 );
- filterit( "#posp .firsta", "#posp:first", 0 );
- filterit( "#posp .seconda", "#posp a:first", 1 );
- filterit( "#posp .seconda", "#posp em:first", 0 );
- filterit( "#posp .seconda", "#posp a:last", 1 );
- filterit( "#posp .seconda", "#posp a:gt(0)", 0 );
- filterit( "#posp .seconda", "#posp a:lt(5)", 1 );
- filterit( "#posp .seconda", "#posp a:lt(1)", 1 );
- } );
- QUnit.test( "closest()", function( assert ) {
- assert.expect( 14 );
- var jq;
- assert.deepEqual( jQuery( "body" ).closest( "body" ).get(), q( "body" ), "closest(body)" );
- assert.deepEqual( jQuery( "body" ).closest( "html" ).get(), q( "html" ), "closest(html)" );
- assert.deepEqual( jQuery( "body" ).closest( "div" ).get(), [], "closest(div)" );
- assert.deepEqual( jQuery( "#qunit-fixture" ).closest( "span,#html" ).get(), q( "html" ), "closest(span,#html)" );
- // Test .closest() limited by the context
- jq = jQuery( "#nothiddendivchild" );
- assert.deepEqual( jq.closest( "html", document.body ).get(), [], "Context limited." );
- assert.deepEqual( jq.closest( "body", document.body ).get(), [], "Context limited." );
- assert.deepEqual( jq.closest( "#nothiddendiv", document.body ).get(), q( "nothiddendiv" ), "Context not reached." );
- //Test that .closest() returns unique'd set
- assert.equal( jQuery( "#qunit-fixture p" ).closest( "#qunit-fixture" ).length, 1, "Closest should return a unique set" );
- // Test on disconnected node
- assert.equal( jQuery( "<div><p></p></div>" ).find( "p" ).closest( "table" ).length, 0, "Make sure disconnected closest work." );
- assert.deepEqual(
- jQuery( "#firstp" ).closest( q( "qunit-fixture" ) ).get(),
- q( "qunit-fixture" ),
- "Non-string match target"
- );
- // Bug #7369
- assert.equal( jQuery( "<div foo='bar'></div>" ).closest( "[foo]" ).length, 1, "Disconnected nodes with attribute selector" );
- assert.equal( jQuery( "<div>text</div>" ).closest( "[lang]" ).length, 0, "Disconnected nodes with text and non-existent attribute selector" );
- assert.ok( !jQuery( document ).closest( "#foo" ).length, "Calling closest on a document fails silently" );
- jq = jQuery( "<div>text</div>" );
- assert.deepEqual( jq.contents().closest( "*" ).get(), jq.get(), "Text node input (#13332)" );
- } );
- QUnit[ jQuery.find.compile ? "test" : "skip" ]( "closest() with positional selectors", function( assert ) {
- assert.expect( 3 );
- assert.deepEqual( jQuery( "#qunit-fixture" ).closest( "div:first" ).get(), [],
- "closest(div:first)" );
- assert.deepEqual( jQuery( "#qunit-fixture div" ).closest( "body:first div:last" ).get(), [],
- "closest(body:first div:last)" );
- assert.deepEqual(
- jQuery( "#qunit-fixture div" ).closest( "body:first div:last", document ).get(),
- [],
- "closest(body:first div:last, document)"
- );
- } );
- QUnit.test( "closest(jQuery)", function( assert ) {
- assert.expect( 8 );
- var $child = jQuery( "#nothiddendivchild" ),
- $parent = jQuery( "#nothiddendiv" ),
- $sibling = jQuery( "#foo" ),
- $body = jQuery( "body" );
- assert.ok( $child.closest( $parent ).is( "#nothiddendiv" ), "closest( jQuery('#nothiddendiv') )" );
- assert.ok( $child.closest( $parent[ 0 ] ).is( "#nothiddendiv" ), "closest( jQuery('#nothiddendiv') ) :: node" );
- assert.ok( $child.closest( $child ).is( "#nothiddendivchild" ), "child is included" );
- assert.ok( $child.closest( $child[ 0 ] ).is( "#nothiddendivchild" ), "child is included :: node" );
- assert.equal( $child.closest( document.createElement( "div" ) ).length, 0, "created element is not related" );
- assert.equal( $child.closest( $sibling ).length, 0, "Sibling not a parent of child" );
- assert.equal( $child.closest( $sibling[ 0 ] ).length, 0, "Sibling not a parent of child :: node" );
- assert.ok( $child.closest( $body.add( $parent ) ).is( "#nothiddendiv" ), "Closest ancestor retrieved." );
- } );
- QUnit[ jQuery.find.compile ? "test" : "skip" ]( "not(Selector)", function( assert ) {
- assert.expect( 7 );
- assert.equal( jQuery( "#qunit-fixture > p#ap > a" ).not( "#google" ).length, 2, "not('selector')" );
- assert.deepEqual(
- jQuery( "#qunit-fixture p" ).not( ".result" ).get(),
- q(
- "firstp",
- "ap",
- "sndp",
- "en",
- "sap",
- "first"
- ),
- "not('.class')"
- );
- assert.deepEqual(
- jQuery( "#qunit-fixture p" ).not( "#ap, #sndp, .result" ).get(),
- q(
- "firstp",
- "en",
- "sap",
- "first"
- ),
- "not('selector, selector')"
- );
- assert.deepEqual( jQuery( "#ap *" ).not( "code" ).get(), q( "google", "groups", "anchor1", "mark" ), "not('tag selector')" );
- assert.deepEqual( jQuery( "#ap *" ).not( "code, #mark" ).get(), q( "google", "groups", "anchor1" ), "not('tag, ID selector')" );
- assert.deepEqual( jQuery( "#ap *" ).not( "#mark, code" ).get(), q( "google", "groups", "anchor1" ), "not('ID, tag selector')" );
- assert.deepEqual(
- jQuery( "#form option" ).not( "option.emptyopt:contains('Nothing'),optgroup *,[value='1']" ).get(),
- q( "option1c", "option1d", "option2c", "option2d", "option3c", "option3d", "option3e", "option4d", "option4e", "option5a", "option5b" ),
- "not('complex selector')"
- );
- } );
- QUnit.test( "not(undefined)", function( assert ) {
- assert.expect( 4 );
- var all = jQuery( "p" ).get();
- assert.deepEqual( jQuery( "p" ).not( null ).get(), all, "not(null) should have no effect" );
- assert.deepEqual( jQuery( "p" ).not( undefined ).get(), all, "not(undefined) should have no effect" );
- assert.deepEqual( jQuery( "p" ).not( 0 ).get(), all, "not(0) should have no effect" );
- assert.deepEqual( jQuery( "p" ).not( "" ).get(), all, "not('') should have no effect" );
- } );
- QUnit.test( "not(Element)", function( assert ) {
- assert.expect( 1 );
- var selects = jQuery( "#form select" );
- assert.deepEqual( selects.not( selects[ 1 ] ).get(), q( "select1", "select3", "select4", "select5" ), "filter out DOM element" );
- } );
- QUnit.test( "not(Function)", function( assert ) {
- assert.expect( 1 );
- assert.deepEqual( jQuery( "#qunit-fixture p" ).not( function() { return jQuery( "a", this ).length; } ).get(), q( "sndp", "first" ), "not(Function)" );
- } );
- QUnit.test( "not(Array)", function( assert ) {
- assert.expect( 2 );
- assert.equal( jQuery( "#qunit-fixture > p#ap > a" ).not( document.getElementById( "google" ) ).length, 2, "not(DOMElement)" );
- assert.equal( jQuery( "p" ).not( document.getElementsByTagName( "p" ) ).length, 0, "not(Array-like DOM collection)" );
- } );
- QUnit.test( "not(jQuery)", function( assert ) {
- assert.expect( 1 );
- assert.deepEqual(
- jQuery( "#qunit-fixture p" ).not( jQuery( "#ap, #sndp, .result" ) ).get(),
- q( "firstp", "en", "sap", "first" ),
- "not(jQuery)"
- );
- } );
- QUnit[ jQuery.find.compile ? "test" : "skip" ]( "not(Selector) excludes non-element nodes (gh-2808)", function( assert ) {
- assert.expect( 3 );
- var mixedContents = jQuery( "#nonnodes" ).contents(),
- childElements = q( "nonnodesElement" );
- assert.deepEqual( mixedContents.not( "*" ).get(), [], "not *" );
- assert.deepEqual( mixedContents.not( "[id=a],[id=b]" ).get(), childElements, "not [id=a],[id=b]" );
- assert.deepEqual( mixedContents.not( "[id=a],*,[id=b]" ).get(), [], "not [id=a],*,[id=b]" );
- } );
- QUnit.test( "not(arraylike) passes non-element nodes (gh-3226)", function( assert ) {
- assert.expect( 5 );
- var mixedContents = jQuery( "<span id='nonnodesElement'>hi</span> there <!-- mon ami -->" ),
- mixedLength = mixedContents.length,
- firstElement = mixedContents.first();
- assert.deepEqual( mixedContents.not( mixedContents ).get(), [], "not everything" );
- assert.deepEqual( mixedContents.not( firstElement ).length, mixedLength - 1, "not firstElement" );
- assert.deepEqual( mixedContents.not( [ firstElement[ 0 ].nextSibling ] ).length, mixedLength - 1, "not textnode array" );
- assert.deepEqual( mixedContents.not( firstElement[ 0 ].nextSibling ).length, mixedLength - 1, "not textnode" );
- assert.deepEqual( mixedContents.not( document.body ).get(), mixedContents.get(), "not with unmatched element" );
- } );
- QUnit.test( "has(Element)", function( assert ) {
- assert.expect( 3 );
- var obj, detached, multipleParent;
- obj = jQuery( "#qunit-fixture" ).has( jQuery( "#sndp" )[ 0 ] );
- assert.deepEqual( obj.get(), q( "qunit-fixture" ), "Keeps elements that have the element as a descendant" );
- detached = jQuery( "<a><b><i></i></b></a>" );
- assert.deepEqual( detached.has( detached.find( "i" )[ 0 ] ).get(), detached.get(), "...Even when detached" );
- multipleParent = jQuery( "#qunit-fixture, #header" ).has( jQuery( "#sndp" )[ 0 ] );
- assert.deepEqual( multipleParent.get(), q( "qunit-fixture" ), "Does not include elements that do not have the element as a descendant" );
- } );
- QUnit.test( "has(Selector)", function( assert ) {
- assert.expect( 5 );
- var obj, detached, multipleParent, multipleHas;
- obj = jQuery( "#qunit-fixture" ).has( "#sndp" );
- assert.deepEqual( obj.get(), q( "qunit-fixture" ), "Keeps elements that have any element matching the selector as a descendant" );
- detached = jQuery( "<a><b><i></i></b></a>" );
- assert.deepEqual( detached.has( "i" ).get(), detached.get(), "...Even when detached" );
- multipleParent = jQuery( "#qunit-fixture, #header" ).has( "#sndp" );
- assert.deepEqual( multipleParent.get(), q( "qunit-fixture" ), "Does not include elements that do not have the element as a descendant" );
- multipleParent = jQuery( "#select1, #select2, #select3" ).has( "#option1a, #option3a" );
- assert.deepEqual( multipleParent.get(), q( "select1", "select3" ), "Multiple contexts are checks correctly" );
- multipleHas = jQuery( "#qunit-fixture" ).has( "#sndp, #first" );
- assert.deepEqual( multipleHas.get(), q( "qunit-fixture" ), "Only adds elements once" );
- } );
- QUnit.test( "has(Arrayish)", function( assert ) {
- assert.expect( 4 );
- var simple, detached, multipleParent, multipleHas;
- simple = jQuery( "#qunit-fixture" ).has( jQuery( "#sndp" ) );
- assert.deepEqual( simple.get(), q( "qunit-fixture" ), "Keeps elements that have any element in the jQuery list as a descendant" );
- detached = jQuery( "<a><b><i></i></b></a>" );
- assert.deepEqual( detached.has( detached.find( "i" ) ).get(), detached.get(), "...Even when detached" );
- multipleParent = jQuery( "#qunit-fixture, #header" ).has( jQuery( "#sndp" ) );
- assert.deepEqual( multipleParent.get(), q( "qunit-fixture" ), "Does not include elements that do not have an element in the jQuery list as a descendant" );
- multipleHas = jQuery( "#qunit-fixture" ).has( jQuery( "#sndp, #first" ) );
- assert.deepEqual( multipleHas.get(), q( "qunit-fixture" ), "Only adds elements once" );
- } );
- QUnit.test( "addBack()", function( assert ) {
- assert.expect( 5 );
- assert.deepEqual( jQuery( "#en" ).siblings().addBack().get(), q( "sndp", "en", "sap" ), "Check for siblings and self" );
- assert.deepEqual( jQuery( "#foo" ).children().addBack().get(), q( "foo", "sndp", "en", "sap" ), "Check for children and self" );
- assert.deepEqual( jQuery( "#sndp, #en" ).parent().addBack().get(), q( "foo", "sndp", "en" ), "Check for parent and self" );
- assert.deepEqual( jQuery( "#groups" ).parents( "p, div" ).addBack().get(), q( "qunit-fixture", "ap", "groups" ), "Check for parents and self" );
- 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" );
- } );
- QUnit.test( "siblings([String])", function( assert ) {
- assert.expect( 6 );
- assert.deepEqual( jQuery( "#en" ).siblings().get(), q( "sndp", "sap" ), "Check for siblings" );
- assert.deepEqual( jQuery( "#nonnodes" ).contents().eq( 1 ).siblings().get(), q( "nonnodesElement" ), "Check for text node siblings" );
- assert.deepEqual( jQuery( "#foo" ).siblings( "form, b" ).get(), q( "form", "floatTest", "lengthtest", "name-tests", "testForm" ), "Check for multiple filters" );
- var set = q( "sndp", "en", "sap" );
- assert.deepEqual( jQuery( "#en, #sndp" ).siblings().get(), set, "Check for unique results from siblings" );
- assert.deepEqual( jQuery( "#option5a" ).siblings( "option[data-attr]" ).get(), q( "option5c" ), "Has attribute selector in siblings (#9261)" );
- assert.equal( jQuery( "<a></a>" ).siblings().length, 0, "Detached elements have no siblings (#11370)" );
- } );
- QUnit[ jQuery.find.compile ? "test" : "skip" ]( "siblings([String])", function( assert ) {
- assert.expect( 2 );
- assert.deepEqual( jQuery( "#sndp" ).siblings( ":has(code)" ).get(), q( "sap" ), "Check for filtered siblings (has code child element)" );
- assert.deepEqual( jQuery( "#sndp" ).siblings( ":has(a)" ).get(), q( "en", "sap" ), "Check for filtered siblings (has anchor child element)" );
- } );
- QUnit.test( "children([String])", function( assert ) {
- assert.expect( 2 );
- assert.deepEqual( jQuery( "#foo" ).children().get(), q( "sndp", "en", "sap" ), "Check for children" );
- assert.deepEqual( jQuery( "#foo" ).children( "#en, #sap" ).get(), q( "en", "sap" ), "Check for multiple filters" );
- } );
- QUnit[ jQuery.find.compile ? "test" : "skip" ]( "children([String])", function( assert ) {
- assert.expect( 1 );
- assert.deepEqual( jQuery( "#foo" ).children( ":has(code)" ).get(), q( "sndp", "sap" ), "Check for filtered children" );
- } );
- QUnit.test( "parent([String])", function( assert ) {
- assert.expect( 6 );
- var $el;
- assert.equal( jQuery( "#groups" ).parent()[ 0 ].id, "ap", "Simple parent check" );
- assert.equal( jQuery( "#groups" ).parent( "p" )[ 0 ].id, "ap", "Filtered parent check" );
- assert.equal( jQuery( "#groups" ).parent( "div" ).length, 0, "Filtered parent check, no match" );
- assert.equal( jQuery( "#groups" ).parent( "div, p" )[ 0 ].id, "ap", "Check for multiple filters" );
- assert.deepEqual( jQuery( "#en, #sndp" ).parent().get(), q( "foo" ), "Check for unique results from parent" );
- $el = jQuery( "<div>text</div>" );
- assert.deepEqual( $el.contents().parent().get(), $el.get(), "Check for parent of text node (#13265)" );
- } );
- QUnit.test( "parents([String])", function( assert ) {
- assert.expect( 6 );
- assert.equal( jQuery( "#groups" ).parents()[ 0 ].id, "ap", "Simple parents check" );
- assert.deepEqual( jQuery( "#nonnodes" ).contents().eq( 1 ).parents().eq( 0 ).get(), q( "nonnodes" ), "Text node parents check" );
- assert.equal( jQuery( "#groups" ).parents( "p" )[ 0 ].id, "ap", "Filtered parents check" );
- assert.equal( jQuery( "#groups" ).parents( "div" )[ 0 ].id, "qunit-fixture", "Filtered parents check2" );
- assert.deepEqual( jQuery( "#groups" ).parents( "p, div" ).get(), q( "ap", "qunit-fixture" ), "Check for multiple filters" );
- assert.deepEqual( jQuery( "#en, #sndp" ).parents().get(), q( "foo", "qunit-fixture", "body", "html" ), "Check for unique results from parents" );
- } );
- QUnit.test( "parentsUntil([String])", function( assert ) {
- assert.expect( 10 );
- var parents = jQuery( "#groups" ).parents();
- assert.deepEqual( jQuery( "#groups" ).parentsUntil().get(), parents.get(), "parentsUntil with no selector (nextAll)" );
- assert.deepEqual( jQuery( "#groups" ).parentsUntil( ".foo" ).get(), parents.get(), "parentsUntil with invalid selector (nextAll)" );
- assert.deepEqual( jQuery( "#groups" ).parentsUntil( "#html" ).get(), parents.slice( 0, -1 ).get(), "Simple parentsUntil check" );
- assert.equal( jQuery( "#groups" ).parentsUntil( "#ap" ).length, 0, "Simple parentsUntil check" );
- assert.deepEqual( jQuery( "#nonnodes" ).contents().eq( 1 ).parentsUntil( "#html" ).eq( 0 ).get(), q( "nonnodes" ), "Text node parentsUntil check" );
- assert.deepEqual( jQuery( "#groups" ).parentsUntil( "#html, #body" ).get(), parents.slice( 0, 2 ).get(), "Less simple parentsUntil check" );
- assert.deepEqual( jQuery( "#groups" ).parentsUntil( "#html", "div" ).get(), jQuery( "#qunit-fixture" ).get(), "Filtered parentsUntil check" );
- assert.deepEqual( jQuery( "#groups" ).parentsUntil( "#html", "p,div" ).get(), parents.slice( 0, 2 ).get(), "Multiple-filtered parentsUntil check" );
- assert.equal( jQuery( "#groups" ).parentsUntil( "#html", "span" ).length, 0, "Filtered parentsUntil check, no match" );
- assert.deepEqual( jQuery( "#groups, #ap" ).parentsUntil( "#html", "p,div" ).get(), parents.slice( 0, 2 ).get(), "Multi-source, multiple-filtered parentsUntil check" );
- } );
- QUnit.test( "next([String])", function( assert ) {
- assert.expect( 6 );
- assert.equal( jQuery( "#ap" ).next()[ 0 ].id, "foo", "Simple next check" );
- assert.equal( jQuery( "<div>text<a id='element'></a></div>" ).contents().eq( 0 ).next().attr( "id" ), "element", "Text node next check" );
- assert.equal( jQuery( "#ap" ).next( "div" )[ 0 ].id, "foo", "Filtered next check" );
- assert.equal( jQuery( "#ap" ).next( "p" ).length, 0, "Filtered next check, no match" );
- assert.equal( jQuery( "#ap" ).next( "div, p" )[ 0 ].id, "foo", "Multiple filters" );
- assert.equal( jQuery( "body" ).next().length, 0, "Simple next check, no match" );
- } );
- QUnit.test( "prev([String])", function( assert ) {
- assert.expect( 5 );
- assert.equal( jQuery( "#foo" ).prev()[ 0 ].id, "ap", "Simple prev check" );
- assert.deepEqual( jQuery( "#nonnodes" ).contents().eq( 1 ).prev().get(), q( "nonnodesElement" ), "Text node prev check" );
- assert.equal( jQuery( "#foo" ).prev( "p" )[ 0 ].id, "ap", "Filtered prev check" );
- assert.equal( jQuery( "#foo" ).prev( "div" ).length, 0, "Filtered prev check, no match" );
- assert.equal( jQuery( "#foo" ).prev( "p, div" )[ 0 ].id, "ap", "Multiple filters" );
- } );
- QUnit.test( "nextAll([String])", function( assert ) {
- assert.expect( 5 );
- var elems = jQuery( "#form" ).children();
- assert.deepEqual( jQuery( "#label-for" ).nextAll().get(), elems.slice( 1 ).get(), "Simple nextAll check" );
- assert.equal( jQuery( "<div>text<a id='element'></a></div>" ).contents().eq( 0 ).nextAll().attr( "id" ), "element", "Text node nextAll check" );
- assert.deepEqual( jQuery( "#label-for" ).nextAll( "input" ).get(), elems.slice( 1 ).filter( "input" ).get(), "Filtered nextAll check" );
- assert.deepEqual( jQuery( "#label-for" ).nextAll( "input,select" ).get(), elems.slice( 1 ).filter( "input,select" ).get(), "Multiple-filtered nextAll check" );
- assert.deepEqual( jQuery( "#label-for, #hidden1" ).nextAll( "input,select" ).get(), elems.slice( 1 ).filter( "input,select" ).get(), "Multi-source, multiple-filtered nextAll check" );
- } );
- QUnit.test( "prevAll([String])", function( assert ) {
- assert.expect( 5 );
- var elems = jQuery( jQuery( "#form" ).children().slice( 0, 12 ).get().reverse() );
- assert.deepEqual( jQuery( "#area1" ).prevAll().get(), elems.get(), "Simple prevAll check" );
- assert.deepEqual( jQuery( "#nonnodes" ).contents().eq( 1 ).prevAll().get(), q( "nonnodesElement" ), "Text node prevAll check" );
- assert.deepEqual( jQuery( "#area1" ).prevAll( "input" ).get(), elems.filter( "input" ).get(), "Filtered prevAll check" );
- assert.deepEqual( jQuery( "#area1" ).prevAll( "input,select" ).get(), elems.filter( "input,select" ).get(), "Multiple-filtered prevAll check" );
- assert.deepEqual( jQuery( "#area1, #hidden1" ).prevAll( "input,select" ).get(), elems.filter( "input,select" ).get(), "Multi-source, multiple-filtered prevAll check" );
- } );
- QUnit.test( "nextUntil([String])", function( assert ) {
- assert.expect( 12 );
- var elems = jQuery( "#form" ).children().slice( 2, 12 );
- assert.deepEqual( jQuery( "#text1" ).nextUntil().get(), jQuery( "#text1" ).nextAll().get(), "nextUntil with no selector (nextAll)" );
- assert.equal( jQuery( "<div>text<a id='element'></a></div>" ).contents().eq( 0 ).nextUntil().attr( "id" ), "element", "Text node nextUntil with no selector (nextAll)" );
- assert.deepEqual( jQuery( "#text1" ).nextUntil( ".foo" ).get(), jQuery( "#text1" ).nextAll().get(), "nextUntil with invalid selector (nextAll)" );
- assert.deepEqual( jQuery( "#text1" ).nextUntil( "#area1" ).get(), elems.get(), "Simple nextUntil check" );
- assert.equal( jQuery( "#text1" ).nextUntil( "#text2" ).length, 0, "Simple nextUntil check" );
- assert.deepEqual( jQuery( "#text1" ).nextUntil( "#area1, #radio1" ).get(), jQuery( "#text1" ).next().get(), "Less simple nextUntil check" );
- assert.deepEqual( jQuery( "#text1" ).nextUntil( "#area1", "input" ).get(), elems.not( "button" ).get(), "Filtered nextUntil check" );
- assert.deepEqual( jQuery( "#text1" ).nextUntil( "#area1", "button" ).get(), elems.not( "input" ).get(), "Filtered nextUntil check" );
- assert.deepEqual( jQuery( "#text1" ).nextUntil( "#area1", "button,input" ).get(), elems.get(), "Multiple-filtered nextUntil check" );
- assert.equal( jQuery( "#text1" ).nextUntil( "#area1", "div" ).length, 0, "Filtered nextUntil check, no match" );
- assert.deepEqual( jQuery( "#text1, #hidden1" ).nextUntil( "#area1", "button,input" ).get(), elems.get(), "Multi-source, multiple-filtered nextUntil check" );
- assert.deepEqual( jQuery( "#text1" ).nextUntil( "[class=foo]" ).get(), jQuery( "#text1" ).nextAll().get(), "Non-element nodes must be skipped, since they have no attributes" );
- } );
- QUnit.test( "prevUntil([String])", function( assert ) {
- assert.expect( 11 );
- var elems = jQuery( "#area1" ).prevAll();
- assert.deepEqual( jQuery( "#area1" ).prevUntil().get(), elems.get(), "prevUntil with no selector (prevAll)" );
- assert.deepEqual( jQuery( "#nonnodes" ).contents().eq( 1 ).prevUntil().get(), q( "nonnodesElement" ), "Text node prevUntil with no selector (prevAll)" );
- assert.deepEqual( jQuery( "#area1" ).prevUntil( ".foo" ).get(), elems.get(), "prevUntil with invalid selector (prevAll)" );
- assert.deepEqual( jQuery( "#area1" ).prevUntil( "label" ).get(), elems.slice( 0, -1 ).get(), "Simple prevUntil check" );
- assert.equal( jQuery( "#area1" ).prevUntil( "#button" ).length, 0, "Simple prevUntil check" );
- assert.deepEqual( jQuery( "#area1" ).prevUntil( "label, #search" ).get(), jQuery( "#area1" ).prev().get(), "Less simple prevUntil check" );
- assert.deepEqual( jQuery( "#area1" ).prevUntil( "label", "input" ).get(), elems.slice( 0, -1 ).not( "button" ).get(), "Filtered prevUntil check" );
- assert.deepEqual( jQuery( "#area1" ).prevUntil( "label", "button" ).get(), elems.slice( 0, -1 ).not( "input" ).get(), "Filtered prevUntil check" );
- assert.deepEqual( jQuery( "#area1" ).prevUntil( "label", "button,input" ).get(), elems.slice( 0, -1 ).get(), "Multiple-filtered prevUntil check" );
- assert.equal( jQuery( "#area1" ).prevUntil( "label", "div" ).length, 0, "Filtered prevUntil check, no match" );
- assert.deepEqual( jQuery( "#area1, #hidden1" ).prevUntil( "label", "button,input" ).get(), elems.slice( 0, -1 ).get(), "Multi-source, multiple-filtered prevUntil check" );
- } );
- QUnit.test( "contents()", function( assert ) {
- assert.expect( 12 );
- var ibody, c;
- assert.equal( jQuery( "#ap" ).contents().length, 9, "Check element contents" );
- assert.ok( jQuery( "#iframe" ).contents()[ 0 ], "Check existence of IFrame document" );
- ibody = jQuery( "#loadediframe" ).contents()[ 0 ].body;
- assert.ok( ibody, "Check existence of IFrame body" );
- assert.equal( jQuery( "span", ibody ).text(), "span text", "Find span in IFrame and check its text" );
- jQuery( ibody ).append( "<div>init text</div>" );
- assert.equal( jQuery( "div", ibody ).length, 2, "Check the original div and the new div are in IFrame" );
- assert.equal( jQuery( "div", ibody ).last().text(), "init text", "Add text to div in IFrame" );
- jQuery( "div", ibody ).last().text( "div text" );
- assert.equal( jQuery( "div", ibody ).last().text(), "div text", "Add text to div in IFrame" );
- jQuery( "div", ibody ).last().remove();
- assert.equal( jQuery( "div", ibody ).length, 1, "Delete the div and check only one div left in IFrame" );
- assert.equal( jQuery( "div", ibody ).text(), "span text", "Make sure the correct div is still left after deletion in IFrame" );
- jQuery( "<table></table>", ibody ).append( "<tr><td>cell</td></tr>" ).appendTo( ibody );
- jQuery( "table", ibody ).remove();
- assert.equal( jQuery( "div", ibody ).length, 1, "Check for JS error on add and delete of a table in IFrame" );
- // using contents will get comments regular, text, and comment nodes
- c = jQuery( "#nonnodes" ).contents().contents();
- assert.equal( c.length, 1, "Check node,textnode,comment contents is just one" );
- assert.equal( c[ 0 ].nodeValue, "hi", "Check node,textnode,comment contents is just the one from span" );
- } );
- QUnit.test( "contents() for <template />", function( assert ) {
- assert.expect( 4 );
- jQuery( "#qunit-fixture" ).append(
- "<template id='template'>" +
- " <div id='template-div0'>" +
- " <span>Hello, Web Component!</span>" +
- " </div>" +
- " <div id='template-div1'></div>" +
- " <div id='template-div2'></div>" +
- "</template>"
- );
- var contents = jQuery( "#template" ).contents();
- assert.equal( contents.length, 6, "Check template element contents" );
- assert.equal( contents.find( "span" ).text(), "Hello, Web Component!", "Find span in template and check its text" );
- jQuery( "<div id='templateTest'></div>" ).append(
- jQuery( jQuery.map( contents, function( node ) {
- return document.importNode( node, true );
- } ) )
- ).appendTo( "#qunit-fixture" );
- contents = jQuery( "#templateTest" ).contents();
- assert.equal( contents.length, 6, "Check cloned nodes of template element contents" );
- assert.equal( contents.filter( "div" ).length, 3, "Count cloned elements from template" );
- } );
- QUnit[ "content" in document.createElement( "template" ) ? "test" : "skip" ]( "contents() for <template /> remains inert", function( assert ) {
- assert.expect( 2 );
- Globals.register( "testScript" );
- Globals.register( "testImgOnload" );
- jQuery( "#qunit-fixture" ).append(
- "<template id='template'>" +
- " <script>testScript = 1;</script>" +
- " <img src='" + baseURL + "1x1.jpg' onload='testImgOnload = 1' >" +
- "</template>"
- );
- var content = jQuery( "#template" ).contents();
- assert.strictEqual( window.testScript, true, "script in template isn't executed" );
- assert.strictEqual( window.testImgOnload, true, "onload of image in template isn't executed" );
- } );
- QUnit.test( "contents() for <object />", function( assert ) {
- assert.expect( 2 );
- var svgObject = jQuery( "<object id='svg-object' data='" + baseURL + "1x1.svg'></object>" );
- var done = assert.async();
- svgObject.on( "load", function() {
- var contents = jQuery( "#svg-object" ).contents();
- assert.equal( contents.length, 1, "Check object contents" );
- assert.equal( contents.find( "svg" ).length, 1, "Find svg within object" );
- done();
- } );
- jQuery( "#qunit-fixture" ).append( svgObject );
- } );
- QUnit.test( "contents() for <object /> with children", function( assert ) {
- assert.expect( 1 );
- var object = "<object type='application/x-shockwave-flash' width='200' height='300' id='penguin'>" +
- "<param name='movie' value='flash/penguin.swf'>" +
- "<param name='quality' value='high'>" +
- "<img src='images/penguin.jpg' width='200' height='300' alt='Penguin'>" +
- "</object>";
- var contents = jQuery( object ).contents();
- assert.equal( contents.length, 3, "Check object contents children are correct" );
- } );
- QUnit.test( "contents() for <frame />", function( assert ) {
- assert.expect( 2 );
- var iframe = jQuery( "<iframe id='frame-contents' src='" + baseURL + "frame.html'></iframe>" );
- var done = assert.async();
- iframe.on( "load", function() {
- var container = jQuery( "#frame-contents" ).contents();
- var contents = container.find( "#test-frame" ).contents();
- assert.equal( contents.length, 1, "Check frame contents" );
- assert.equal( contents.find( "body" ).length, 1, "Find body within frame" );
- done();
- } );
- jQuery( "#qunit-fixture" ).append( iframe );
- } );
- QUnit.test( "sort direction", function( assert ) {
- assert.expect( 12 );
- var elems = jQuery( "#ap, #select1 > *, #moretests > form" ),
- methodDirections = {
- parent: false,
- parents: true,
- parentsUntil: true,
- next: false,
- prev: false,
- nextAll: false,
- prevAll: true,
- nextUntil: false,
- prevUntil: true,
- siblings: false,
- children: false,
- contents: false
- };
- jQuery.each( methodDirections, function( method, reversed ) {
- var actual = elems[ method ]().get(),
- forward = jQuery.uniqueSort( [].concat( actual ) );
- assert.deepEqual( actual, reversed ? forward.reverse() : forward, "Correct sort direction for " + method );
- } );
- } );
- QUnit.test( "add(String selector)", function( assert ) {
- assert.expect( 2 );
- var divs;
- assert.deepEqual(
- jQuery( "#sndp" ).add( "#en" ).add( "#sap" ).toArray(),
- q( "sndp", "en", "sap" ),
- "Check elements from document"
- );
- divs = jQuery( "<div></div>" ).add( "#sndp" );
- assert.ok( divs[ 0 ].parentNode, "Sort with the disconnected node last (started with disconnected first)." );
- } );
- QUnit.test( "add(String selector, String context)", function( assert ) {
- assert.expect( 1 );
- assert.deepEqual(
- jQuery( [] ).add( "div", "#nothiddendiv" ).toArray(),
- q( "nothiddendivchild" ),
- "Check elements from document"
- );
- } );
- QUnit.test( "add(String html)", function( assert ) {
- assert.expect( 3 );
- var x,
- divs = jQuery( "#sndp" ).add( "<div></div>" );
- assert.ok( !divs[ 1 ].parentNode, "Sort with the disconnected node last." );
- x = jQuery( [] ).add( "<p id='x1'>xxx</p>" ).add( "<p id='x2'>xxx</p>" );
- assert.equal( x[ 0 ].id, "x1", "Check detached element1" );
- assert.equal( x[ 1 ].id, "x2", "Check detached element2" );
- } );
- QUnit.test( "add(jQuery)", function( assert ) {
- assert.expect( 4 );
- var x,
- tmp = jQuery( "<div></div>" );
- x = jQuery( [] )
- .add(
- jQuery( "<p id='x1'>xxx</p>" ).appendTo( tmp )
- )
- .add(
- jQuery( "<p id='x2'>xxx</p>" ).appendTo( tmp )
- );
- assert.equal( x[ 0 ].id, "x1", "Check element1 in detached parent" );
- assert.equal( x[ 1 ].id, "x2", "Check element2 in detached parent" );
- x = jQuery( [] )
- .add(
- jQuery( "<p id='x1'>xxx</p>" )
- )
- .add(
- jQuery( "<p id='x2'>xxx</p>" )
- );
- assert.equal( x[ 0 ].id, "x1", "Check detached element1" );
- assert.equal( x[ 1 ].id, "x2", "Check detached element2" );
- } );
- QUnit.test( "add(Element)", function( assert ) {
- assert.expect( 2 );
- var x,
- tmp = jQuery( "<div></div>" );
- x = jQuery( [] ).add( jQuery( "<p id='x1'>xxx</p>" ).appendTo( tmp )[ 0 ] ).add( jQuery( "<p id='x2'>xxx</p>" ).appendTo( tmp )[ 0 ] );
- assert.equal( x[ 0 ].id, "x1", "Check on-the-fly element1" );
- assert.equal( x[ 1 ].id, "x2", "Check on-the-fly element2" );
- } );
- QUnit.test( "add(Array elements)", function( assert ) {
- assert.expect( 1 );
- assert.deepEqual(
- jQuery( "#sndp" ).add( jQuery( "#en" )[ 0 ] ).add( jQuery( "#sap" ) ).toArray(),
- q( "sndp", "en", "sap" ),
- "Check elements from document"
- );
- } );
- QUnit.test( "add(Window)", function( assert ) {
- assert.expect( 1 );
- var frame1 = document.createElement( "iframe" ),
- frame2 = document.createElement( "iframe" );
- // This increases window.length and sets window[i] available
- document.body.appendChild( frame1 );
- document.body.appendChild( frame2 );
- // Window is tricky because it is a lot like an array, even Array#slice will
- // turn it into a multi-item array.
- assert.equal( jQuery( [] ).add( window ).length, 1, "Add a window" );
- document.body.removeChild( frame1 );
- document.body.removeChild( frame2 );
- } );
- QUnit.test( "add(NodeList|undefined|HTMLFormElement|HTMLSelectElement)", function( assert ) {
- assert.expect( 4 );
- var ps, notDefined;
- ps = document.getElementsByTagName( "p" );
- assert.equal( jQuery( [] ).add( ps ).length, ps.length, "Add a NodeList" );
- assert.equal( jQuery( [] ).add( notDefined ).length, 0, "Adding undefined adds nothing" );
- assert.equal( jQuery( [] ).add( document.getElementById( "form" ) ).length, 1, "Add a form" );
- assert.equal( jQuery( [] ).add( document.getElementById( "select1" ) ).length, 1, "Add a select" );
- // We no longer support .add(form.elements), unfortunately.
- // There is no way, in browsers, to reliably determine the difference
- // between form.elements and form - and doing .add(form) and having it
- // add the form elements is way to unexpected, so this gets the boot.
- //ok( jQuery([]).add(jQuery("#form")[0].elements).length >= 13, "Check elements from array" );
- // For the time being, we're discontinuing support for jQuery(form.elements) since it's ambiguous in IE
- // use jQuery([]).add(form.elements) instead.
- //equal( jQuery([]).add(jQuery("#form")[0].elements).length, jQuery(jQuery("#form")[0].elements).length, "Array in constructor must equals array in add()" );
- } );
- QUnit.test( "add(String, Context)", function( assert ) {
- assert.expect( 6 );
- assert.deepEqual( jQuery( "#firstp" ).add( "#ap" ).get(), q( "firstp", "ap" ), "Add selector to selector " );
- assert.deepEqual( jQuery( document.getElementById( "firstp" ) ).add( "#ap" ).get(), q( "firstp", "ap" ), "Add gEBId to selector" );
- assert.deepEqual( jQuery( document.getElementById( "firstp" ) ).add( document.getElementById( "ap" ) ).get(), q( "firstp", "ap" ), "Add gEBId to gEBId" );
- var ctx = document.getElementById( "firstp" );
- assert.deepEqual( jQuery( "#firstp" ).add( "#ap", ctx ).get(), q( "firstp" ), "Add selector to selector " );
- assert.deepEqual( jQuery( document.getElementById( "firstp" ) ).add( "#ap", ctx ).get(), q( "firstp" ), "Add gEBId to selector, not in context" );
- assert.deepEqual( jQuery( document.getElementById( "firstp" ) ).add( "#ap", document.getElementsByTagName( "body" )[ 0 ] ).get(), q( "firstp", "ap" ), "Add gEBId to selector, in context" );
- } );
- QUnit.test( "eq('-1') #10616", function( assert ) {
- assert.expect( 3 );
- var $divs = jQuery( "div" );
- assert.equal( $divs.eq( -1 ).length, 1, "The number -1 returns a selection that has length 1" );
- assert.equal( $divs.eq( "-1" ).length, 1, "The string '-1' returns a selection that has length 1" );
- assert.deepEqual( $divs.eq( "-1" ), $divs.eq( -1 ), "String and number -1 match" );
- } );
- QUnit.test( "index(no arg) #10977", function( assert ) {
- assert.expect( 2 );
- var $list, fragment, div;
- $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>" );
- jQuery( "#qunit-fixture" ).append( $list );
- assert.strictEqual( jQuery( "#indextest li.zero" ).first().index(), 0, "No Argument Index Check" );
- $list.remove();
- fragment = document.createDocumentFragment();
- div = fragment.appendChild( document.createElement( "div" ) );
- assert.equal( jQuery( div ).index(), 0, "If jQuery#index called on element whose parent is fragment, it still should work correctly" );
- } );
- QUnit.test( "traversing non-elements with attribute filters (#12523)", function( assert ) {
- assert.expect( 5 );
- var nonnodes = jQuery( "#nonnodes" ).contents();
- assert.equal( nonnodes.filter( "[id]" ).length, 1, ".filter" );
- assert.equal( nonnodes.find( "[id]" ).length, 0, ".find" );
- assert.strictEqual( nonnodes.is( "[id]" ), true, ".is" );
- assert.deepEqual( nonnodes.closest( "[id='nonnodes']" ).get(), q( "nonnodes" ), ".closest" );
- assert.deepEqual( nonnodes.parents( "[id='nonnodes']" ).get(), q( "nonnodes" ), ".parents" );
- } );
|