Make sure that the correct args are passed in to the filter callback (and by extensio...
[jquery.git] / test / unit / traversing.js
1 module("traversing");
2
3 test("end()", function() {
4         expect(3);
5         equals( 'Yahoo', jQuery('#yahoo').parent().end().text(), 'Check for end' );
6         ok( jQuery('#yahoo').end(), 'Check for end with nothing to end' );
7
8         var x = jQuery('#yahoo');
9         x.parent();
10         equals( 'Yahoo', jQuery('#yahoo').text(), 'Check for non-destructive behaviour' );
11 });
12
13 test("find(String)", function() {
14         expect(2);
15         equals( 'Yahoo', jQuery('#foo').find('.blogTest').text(), 'Check for find' );
16
17         // using contents will get comments regular, text, and comment nodes
18         var j = jQuery("#nonnodes").contents();
19         equals( j.find("div").length, 0, "Check node,textnode,comment to find zero divs" );
20 });
21
22 test("is(String)", function() {
23         expect(26);
24         ok( jQuery('#form').is('form'), 'Check for element: A form must be a form' );
25         ok( !jQuery('#form').is('div'), 'Check for element: A form is not a div' );
26         ok( jQuery('#mark').is('.blog'), 'Check for class: Expected class "blog"' );
27         ok( !jQuery('#mark').is('.link'), 'Check for class: Did not expect class "link"' );
28         ok( jQuery('#simon').is('.blog.link'), 'Check for multiple classes: Expected classes "blog" and "link"' );
29         ok( !jQuery('#simon').is('.blogTest'), 'Check for multiple classes: Expected classes "blog" and "link", but not "blogTest"' );
30         ok( jQuery('#en').is('[lang="en"]'), 'Check for attribute: Expected attribute lang to be "en"' );
31         ok( !jQuery('#en').is('[lang="de"]'), 'Check for attribute: Expected attribute lang to be "en", not "de"' );
32         ok( jQuery('#text1').is('[type="text"]'), 'Check for attribute: Expected attribute type to be "text"' );
33         ok( !jQuery('#text1').is('[type="radio"]'), 'Check for attribute: Expected attribute type to be "text", not "radio"' );
34         ok( jQuery('#text2').is(':disabled'), 'Check for pseudoclass: Expected to be disabled' );
35         ok( !jQuery('#text1').is(':disabled'), 'Check for pseudoclass: Expected not disabled' );
36         ok( jQuery('#radio2').is(':checked'), 'Check for pseudoclass: Expected to be checked' );
37         ok( !jQuery('#radio1').is(':checked'), 'Check for pseudoclass: Expected not checked' );
38         ok( jQuery('#foo').is(':has(p)'), 'Check for child: Expected a child "p" element' );
39         ok( !jQuery('#foo').is(':has(ul)'), 'Check for child: Did not expect "ul" element' );
40         ok( jQuery('#foo').is(':has(p):has(a):has(code)'), 'Check for childs: Expected "p", "a" and "code" child elements' );
41         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"' );
42         ok( !jQuery('#foo').is(0), 'Expected false for an invalid expression - 0' );
43         ok( !jQuery('#foo').is(null), 'Expected false for an invalid expression - null' );
44         ok( !jQuery('#foo').is(''), 'Expected false for an invalid expression - ""' );
45         ok( !jQuery('#foo').is(undefined), 'Expected false for an invalid expression - undefined' );
46
47         // test is() with comma-seperated expressions
48         ok( jQuery('#en').is('[lang="en"],[lang="de"]'), 'Comma-seperated; Check for lang attribute: Expect en or de' );
49         ok( jQuery('#en').is('[lang="de"],[lang="en"]'), 'Comma-seperated; Check for lang attribute: Expect en or de' );
50         ok( jQuery('#en').is('[lang="en"] , [lang="de"]'), 'Comma-seperated; Check for lang attribute: Expect en or de' );
51         ok( jQuery('#en').is('[lang="de"] , [lang="en"]'), 'Comma-seperated; Check for lang attribute: Expect en or de' );
52 });
53
54 test("filter(Selector)", function() {
55         expect(5);
56         same( jQuery("#form input").filter(":checked").get(), q("radio2", "check1"), "filter(String)" );
57         same( jQuery("p").filter("#ap, #sndp").get(), q("ap", "sndp"), "filter('String, String')" );
58         same( jQuery("p").filter("#ap,#sndp").get(), q("ap", "sndp"), "filter('String,String')" );
59
60         // using contents will get comments regular, text, and comment nodes
61         var j = jQuery("#nonnodes").contents();
62         equals( j.filter("span").length, 1, "Check node,textnode,comment to filter the one span" );
63         equals( j.filter("[name]").length, 0, "Check node,textnode,comment to filter the one span" );
64 });
65
66 test("filter(Function)", function() {
67         expect(2);
68
69         same( jQuery("p").filter(function() { return !jQuery("a", this).length }).get(), q("sndp", "first"), "filter(Function)" );
70
71         same( jQuery("p").filter(function(i, elem) { return !jQuery("a", elem).length }).get(), q("sndp", "first"), "filter(Function) using arg" );
72 });
73
74 test("filter(Element)", function() {
75         expect(1);
76
77         var element = document.getElementById("text1");
78         same( jQuery("#form input").filter(element).get(), q("text1"), "filter(Element)" );
79 });
80
81 test("filter(Array)", function() {
82         expect(1);
83
84         var elements = [ document.getElementById("text1") ];
85         same( jQuery("#form input").filter(elements).get(), q("text1"), "filter(Element)" );
86 });
87
88 test("filter(jQuery)", function() {
89         expect(1);
90
91         var elements = jQuery("#text1");
92         same( jQuery("#form input").filter(elements).get(), q("text1"), "filter(Element)" );
93 })
94
95 test("closest()", function() {
96         expect(9);
97         same( jQuery("body").closest("body").get(), q("body"), "closest(body)" );
98         same( jQuery("body").closest("html").get(), q("html"), "closest(html)" );
99         same( jQuery("body").closest("div").get(), [], "closest(div)" );
100         same( jQuery("#main").closest("span,#html").get(), q("html"), "closest(span,#html)" );
101
102         same( jQuery("div:eq(1)").closest("div:first").get(), [], "closest(div:first)" );
103         same( jQuery("div").closest("body:first div:last").get(), q("fx-tests"), "closest(body:first div:last)" );
104
105         // Test .closest() limited by the context
106         var jq = jQuery("#nothiddendivchild");
107         same( jq.closest("html", document.body).get(), [], "Context limited." );
108         same( jq.closest("body", document.body).get(), [], "Context limited." );
109         same( jq.closest("#nothiddendiv", document.body).get(), q("nothiddendiv"), "Context not reached." );
110 });
111
112 test("closest(Array)", function() {
113         expect(6);
114         same( jQuery("body").closest(["body"]), [{selector:"body", elem:document.body}], "closest([body])" );
115         same( jQuery("body").closest(["html"]), [{selector:"html", elem:document.documentElement}], "closest([html])" );
116         same( jQuery("body").closest(["div"]), [], "closest([div])" );
117         same( jQuery("#main").closest(["span,#html"]), [{selector:"span,#html", elem:document.documentElement}], "closest([span,#html])" );
118
119         same( jQuery("body").closest(["body","html"]), [{selector:"body", elem:document.body}, {selector:"html", elem:document.documentElement}], "closest([body, html])" );
120         same( jQuery("body").closest(["span","html"]), [{selector:"html", elem:document.documentElement}], "closest([body, html])" );
121 });
122
123 test("not(Selector)", function() {
124         expect(7);
125         equals( jQuery("#main > p#ap > a").not("#google").length, 2, "not('selector')" );
126         same( jQuery("p").not(".result").get(), q("firstp", "ap", "sndp", "en", "sap", "first"), "not('.class')" );
127         same( jQuery("p").not("#ap, #sndp, .result").get(), q("firstp", "en", "sap", "first"), "not('selector, selector')" );
128         same( jQuery("#form option").not("option.emptyopt:contains('Nothing'),[selected],[value='1']").get(), q("option1c", "option1d", "option2c", "option3d", "option3e" ), "not('complex selector')");
129
130         same( jQuery('#ap *').not('code').get(), q("google", "groups", "anchor1", "mark"), "not('tag selector')" );
131         same( jQuery('#ap *').not('code, #mark').get(), q("google", "groups", "anchor1"), "not('tag, ID selector')" );
132         same( jQuery('#ap *').not('#mark, code').get(), q("google", "groups", "anchor1"), "not('ID, tag selector')");
133 });
134
135 test("not(Element)", function() {
136         expect(1);
137
138         var selects = jQuery("#form select");
139         same( selects.not( selects[1] ).get(), q("select1", "select3"), "filter out DOM element");
140 });
141
142 test("not(Function)", function() {
143         same( jQuery("p").not(function() { return jQuery("a", this).length }).get(), q("sndp", "first"), "not(Function)" );
144 });
145
146 test("not(Array)", function() {
147         expect(2);
148
149         equals( jQuery("#main > p#ap > a").not(document.getElementById("google")).length, 2, "not(DOMElement)" );
150         equals( jQuery("p").not(document.getElementsByTagName("p")).length, 0, "not(Array-like DOM collection)" );
151 });
152
153 test("not(jQuery)", function() {
154         expect(1);
155
156         same( jQuery("p").not(jQuery("#ap, #sndp, .result")).get(), q("firstp", "en", "sap", "first"), "not(jQuery)" );
157 });
158
159 test("has(Element)", function() {
160         expect(2);
161
162         var obj = jQuery("#main").has(jQuery("#sndp")[0]);
163         same( obj.get(), q("main"), "Keeps elements that have the element as a descendant" );
164
165         var multipleParent = jQuery("#main, #header").has(jQuery("#sndp")[0]);
166         same( obj.get(), q("main"), "Does not include elements that do not have the element as a descendant" );
167 });
168
169 test("has(Selector)", function() {
170         expect(3);
171
172         var obj = jQuery("#main").has("#sndp");
173         same( obj.get(), q("main"), "Keeps elements that have any element matching the selector as a descendant" );
174
175         var multipleParent = jQuery("#main, #header").has("#sndp");
176         same( obj.get(), q("main"), "Does not include elements that do not have the element as a descendant" );
177
178         var multipleHas = jQuery("#main").has("#sndp, #first");
179         same( multipleHas.get(), q("main"), "Only adds elements once" );
180 });
181
182 test("has(Arrayish)", function() {
183         expect(3);
184
185         var simple = jQuery("#main").has(jQuery("#sndp"));
186         same( simple.get(), q("main"), "Keeps elements that have any element in the jQuery list as a descendant" );
187
188         var multipleParent = jQuery("#main, #header").has(jQuery("#sndp"));
189         same( multipleParent.get(), q("main"), "Does not include elements that do not have an element in the jQuery list as a descendant" );
190
191         var multipleHas = jQuery("#main").has(jQuery("#sndp, #first"));
192         same( simple.get(), q("main"), "Only adds elements once" );
193 });
194
195 test("andSelf()", function() {
196         expect(4);
197         same( jQuery("#en").siblings().andSelf().get(), q("sndp", "en", "sap"), "Check for siblings and self" );
198         same( jQuery("#foo").children().andSelf().get(), q("foo", "sndp", "en", "sap"), "Check for children and self" );
199         same( jQuery("#sndp, #en").parent().andSelf().get(), q("foo","sndp","en"), "Check for parent and self" );
200         same( jQuery("#groups").parents("p, div").andSelf().get(), q("main", "ap", "groups"), "Check for parents and self" );
201 });
202
203 test("siblings([String])", function() {
204         expect(5);
205         same( jQuery("#en").siblings().get(), q("sndp", "sap"), "Check for siblings" );
206         same( jQuery("#sndp").siblings(":has(code)").get(), q("sap"), "Check for filtered siblings (has code child element)" );
207         same( jQuery("#sndp").siblings(":has(a)").get(), q("en", "sap"), "Check for filtered siblings (has anchor child element)" );
208         same( jQuery("#foo").siblings("form, b").get(), q("form", "floatTest", "lengthtest", "name-tests", "testForm"), "Check for multiple filters" );
209         var set = q("sndp", "en", "sap");
210         same( jQuery("#en, #sndp").siblings().get(), set, "Check for unique results from siblings" );
211 });
212
213 test("children([String])", function() {
214         expect(3);
215         same( jQuery("#foo").children().get(), q("sndp", "en", "sap"), "Check for children" );
216         same( jQuery("#foo").children(":has(code)").get(), q("sndp", "sap"), "Check for filtered children" );
217         same( jQuery("#foo").children("#en, #sap").get(), q("en", "sap"), "Check for multiple filters" );
218 });
219
220 test("parent([String])", function() {
221         expect(5);
222         equals( jQuery("#groups").parent()[0].id, "ap", "Simple parent check" );
223         equals( jQuery("#groups").parent("p")[0].id, "ap", "Filtered parent check" );
224         equals( jQuery("#groups").parent("div").length, 0, "Filtered parent check, no match" );
225         equals( jQuery("#groups").parent("div, p")[0].id, "ap", "Check for multiple filters" );
226         same( jQuery("#en, #sndp").parent().get(), q("foo"), "Check for unique results from parent" );
227 });
228
229 test("parents([String])", function() {
230         expect(5);
231         equals( jQuery("#groups").parents()[0].id, "ap", "Simple parents check" );
232         equals( jQuery("#groups").parents("p")[0].id, "ap", "Filtered parents check" );
233         equals( jQuery("#groups").parents("div")[0].id, "main", "Filtered parents check2" );
234         same( jQuery("#groups").parents("p, div").get(), q("ap", "main"), "Check for multiple filters" );
235         same( jQuery("#en, #sndp").parents().get(), q("foo", "main", "dl", "body", "html"), "Check for unique results from parents" );
236 });
237
238 test("parentsUntil([String])", function() {
239         expect(9);
240         
241         var parents = jQuery("#groups").parents();
242         
243         same( jQuery("#groups").parentsUntil().get(), parents.get(), "parentsUntil with no selector (nextAll)" );
244         same( jQuery("#groups").parentsUntil(".foo").get(), parents.get(), "parentsUntil with invalid selector (nextAll)" );
245         same( jQuery("#groups").parentsUntil("#html").get(), parents.not(':last').get(), "Simple parentsUntil check" );
246         equals( jQuery("#groups").parentsUntil("#ap").length, 0, "Simple parentsUntil check" );
247         same( jQuery("#groups").parentsUntil("#html, #body").get(), parents.slice( 0, 3 ).get(), "Less simple parentsUntil check" );
248         same( jQuery("#groups").parentsUntil("#html", "div").get(), jQuery("#main").get(), "Filtered parentsUntil check" );
249         same( jQuery("#groups").parentsUntil("#html", "p,div,dl").get(), parents.slice( 0, 3 ).get(), "Multiple-filtered parentsUntil check" );
250         equals( jQuery("#groups").parentsUntil("#html", "span").length, 0, "Filtered parentsUntil check, no match" );
251         same( jQuery("#groups, #ap").parentsUntil("#html", "p,div,dl").get(), parents.slice( 0, 3 ).get(), "Multi-source, multiple-filtered parentsUntil check" );
252 });
253
254 test("next([String])", function() {
255         expect(4);
256         equals( jQuery("#ap").next()[0].id, "foo", "Simple next check" );
257         equals( jQuery("#ap").next("div")[0].id, "foo", "Filtered next check" );
258         equals( jQuery("#ap").next("p").length, 0, "Filtered next check, no match" );
259         equals( jQuery("#ap").next("div, p")[0].id, "foo", "Multiple filters" );
260 });
261
262 test("prev([String])", function() {
263         expect(4);
264         equals( jQuery("#foo").prev()[0].id, "ap", "Simple prev check" );
265         equals( jQuery("#foo").prev("p")[0].id, "ap", "Filtered prev check" );
266         equals( jQuery("#foo").prev("div").length, 0, "Filtered prev check, no match" );
267         equals( jQuery("#foo").prev("p, div")[0].id, "ap", "Multiple filters" );
268 });
269
270 test("nextAll([String])", function() {
271         expect(4);
272         
273         var elems = jQuery('#form').children();
274         
275         same( jQuery("#label-for").nextAll().get(), elems.not(':first').get(), "Simple nextAll check" );
276         same( jQuery("#label-for").nextAll('input').get(), elems.not(':first').filter('input').get(), "Filtered nextAll check" );
277         same( jQuery("#label-for").nextAll('input,select').get(), elems.not(':first').filter('input,select').get(), "Multiple-filtered nextAll check" );
278         same( jQuery("#label-for, #hidden1").nextAll('input,select').get(), elems.not(':first').filter('input,select').get(), "Multi-source, multiple-filtered nextAll check" );
279 });
280
281 test("prevAll([String])", function() {
282         expect(4);
283         
284         var elems = jQuery( jQuery('#form').children().slice(0, 12).get().reverse() );
285         
286         same( jQuery("#area1").prevAll().get(), elems.get(), "Simple prevAll check" );
287         same( jQuery("#area1").prevAll('input').get(), elems.filter('input').get(), "Filtered prevAll check" );
288         same( jQuery("#area1").prevAll('input,select').get(), elems.filter('input,select').get(), "Multiple-filtered prevAll check" );
289         same( jQuery("#area1, #hidden1").prevAll('input,select').get(), elems.filter('input,select').get(), "Multi-source, multiple-filtered prevAll check" );
290 });
291
292 test("nextUntil([String])", function() {
293         expect(10);
294         
295         var elems = jQuery('#form').children().slice( 2, 12 );
296         
297         same( jQuery("#text1").nextUntil().get(), jQuery("#text1").nextAll().get(), "nextUntil with no selector (nextAll)" );
298         same( jQuery("#text1").nextUntil(".foo").get(), jQuery("#text1").nextAll().get(), "nextUntil with invalid selector (nextAll)" );
299         same( jQuery("#text1").nextUntil("#area1").get(), elems.get(), "Simple nextUntil check" );
300         equals( jQuery("#text1").nextUntil("#text2").length, 0, "Simple nextUntil check" );
301         same( jQuery("#text1").nextUntil("#area1, #radio1").get(), jQuery("#text1").next().get(), "Less simple nextUntil check" );
302         same( jQuery("#text1").nextUntil("#area1", "input").get(), elems.not("button").get(), "Filtered nextUntil check" );
303         same( jQuery("#text1").nextUntil("#area1", "button").get(), elems.not("input").get(), "Filtered nextUntil check" );
304         same( jQuery("#text1").nextUntil("#area1", "button,input").get(), elems.get(), "Multiple-filtered nextUntil check" );
305         equals( jQuery("#text1").nextUntil("#area1", "div").length, 0, "Filtered nextUntil check, no match" );
306         same( jQuery("#text1, #hidden1").nextUntil("#area1", "button,input").get(), elems.get(), "Multi-source, multiple-filtered nextUntil check" );
307 });
308
309 test("prevUntil([String])", function() {
310         expect(10);
311         
312         var elems = jQuery("#area1").prevAll();
313         
314         same( jQuery("#area1").prevUntil().get(), elems.get(), "prevUntil with no selector (prevAll)" );
315         same( jQuery("#area1").prevUntil(".foo").get(), elems.get(), "prevUntil with invalid selector (prevAll)" );
316         same( jQuery("#area1").prevUntil("label").get(), elems.not(':last').get(), "Simple prevUntil check" );
317         equals( jQuery("#area1").prevUntil("#button").length, 0, "Simple prevUntil check" );
318         same( jQuery("#area1").prevUntil("label, #search").get(), jQuery("#area1").prev().get(), "Less simple prevUntil check" );
319         same( jQuery("#area1").prevUntil("label", "input").get(), elems.not(':last').not("button").get(), "Filtered prevUntil check" );
320         same( jQuery("#area1").prevUntil("label", "button").get(), elems.not(':last').not("input").get(), "Filtered prevUntil check" );
321         same( jQuery("#area1").prevUntil("label", "button,input").get(), elems.not(':last').get(), "Multiple-filtered prevUntil check" );
322         equals( jQuery("#area1").prevUntil("label", "div").length, 0, "Filtered prevUntil check, no match" );
323         same( jQuery("#area1, #hidden1").prevUntil("label", "button,input").get(), elems.not(':last').get(), "Multi-source, multiple-filtered prevUntil check" );
324 });
325
326 test("slice()", function() {
327         expect(7);
328
329         var $links = jQuery("#ap a");
330
331         same( $links.slice(1,2).get(), q("groups"), "slice(1,2)" );
332         same( $links.slice(1).get(), q("groups", "anchor1", "mark"), "slice(1)" );
333         same( $links.slice(0,3).get(), q("google", "groups", "anchor1"), "slice(0,3)" );
334         same( $links.slice(-1).get(), q("mark"), "slice(-1)" );
335
336         same( $links.eq(1).get(), q("groups"), "eq(1)" );
337         same( $links.eq('2').get(), q("anchor1"), "eq('2')" );
338         same( $links.eq(-1).get(), q("mark"), "eq(-1)" );
339 });
340
341 test("first()/last()", function() {
342         expect(4);
343
344         var $links = jQuery("#ap a"), $none = jQuery("asdf");
345
346         same( $links.first().get(), q("google"), "first()" );
347         same( $links.last().get(), q("mark"), "last()" );
348
349         same( $none.first().get(), [], "first() none" );
350         same( $none.last().get(), [], "last() none" );
351 });
352
353 test("map()", function() {
354         expect(2);//expect(6);
355
356         same(
357                 jQuery("#ap").map(function(){
358                         return jQuery(this).find("a").get();
359                 }).get(),
360                 q("google", "groups", "anchor1", "mark"),
361                 "Array Map"
362         );
363
364         same(
365                 jQuery("#ap > a").map(function(){
366                         return this.parentNode;
367                 }).get(),
368                 q("ap","ap","ap"),
369                 "Single Map"
370         );
371
372         return;//these haven't been accepted yet
373
374         //for #2616
375         var keys = jQuery.map( {a:1,b:2}, function( v, k ){
376                 return k;
377         }, [ ] );
378
379         equals( keys.join(""), "ab", "Map the keys from a hash to an array" );
380
381         var values = jQuery.map( {a:1,b:2}, function( v, k ){
382                 return v;
383         }, [ ] );
384
385         equals( values.join(""), "12", "Map the values from a hash to an array" );
386
387         var scripts = document.getElementsByTagName("script");
388         var mapped = jQuery.map( scripts, function( v, k ){
389                 return v;
390         }, {length:0} );
391
392         equals( mapped.length, scripts.length, "Map an array(-like) to a hash" );
393
394         var flat = jQuery.map( Array(4), function( v, k ){
395                 return k % 2 ? k : [k,k,k];//try mixing array and regular returns
396         });
397
398         equals( flat.join(""), "00012223", "try the new flatten technique(#2616)" );
399 });
400
401 test("contents()", function() {
402         expect(12);
403         equals( jQuery("#ap").contents().length, 9, "Check element contents" );
404         ok( jQuery("#iframe").contents()[0], "Check existance of IFrame document" );
405         var ibody = jQuery("#loadediframe").contents()[0].body;
406         ok( ibody, "Check existance of IFrame body" );
407
408         equals( jQuery("span", ibody).text(), "span text", "Find span in IFrame and check its text" );
409
410         jQuery(ibody).append("<div>init text</div>");
411         equals( jQuery("div", ibody).length, 2, "Check the original div and the new div are in IFrame" );
412
413         equals( jQuery("div:last", ibody).text(), "init text", "Add text to div in IFrame" );
414
415         jQuery("div:last", ibody).text("div text");
416         equals( jQuery("div:last", ibody).text(), "div text", "Add text to div in IFrame" );
417
418         jQuery("div:last", ibody).remove();
419         equals( jQuery("div", ibody).length, 1, "Delete the div and check only one div left in IFrame" );
420
421         equals( jQuery("div", ibody).text(), "span text", "Make sure the correct div is still left after deletion in IFrame" );
422
423         jQuery("<table/>", ibody).append("<tr><td>cell</td></tr>").appendTo(ibody);
424         jQuery("table", ibody).remove();
425         equals( jQuery("div", ibody).length, 1, "Check for JS error on add and delete of a table in IFrame" );
426
427         // using contents will get comments regular, text, and comment nodes
428         var c = jQuery("#nonnodes").contents().contents();
429         equals( c.length, 1, "Check node,textnode,comment contents is just one" );
430         equals( c[0].nodeValue, "hi", "Check node,textnode,comment contents is just the one from span" );
431 });