3 test("Basic requirements", function() {
5 ok( Array.prototype.push, "Array.push()" );
6 ok( Function.prototype.apply, "Function.apply()" );
7 ok( document.getElementById, "getElementById" );
8 ok( document.getElementsByTagName, "getElementsByTagName" );
9 ok( RegExp, "RegExp" );
10 ok( jQuery, "jQuery" );
14 test("$()", function() {
17 var main = $("#main");
18 isSet( $("div p", main).get(), q("sndp", "en", "sap"), "Basic selector with jQuery object as context" );
20 // make sure this is handled
22 ok( true, "Check for \\r and \\n in jQuery()" );
26 var f = document.getElementById("iframe").contentDocument;
28 f.write("<html><body></body></html>");
30 $("<div>Testing</div>").appendTo(f.body);
34 ok( pass, "$('<tag>') needs optional document parameter to ease cross-frame DOM wrangling, see #968" );
37 test("isFunction", function() {
40 // Make sure that false values return false
41 ok( !jQuery.isFunction(), "No Value" );
42 ok( !jQuery.isFunction( null ), "null Value" );
43 ok( !jQuery.isFunction( undefined ), "undefined Value" );
44 ok( !jQuery.isFunction( "" ), "Empty String Value" );
45 ok( !jQuery.isFunction( 0 ), "0 Value" );
48 // Safari uses "(Internal Function)"
49 ok( jQuery.isFunction(String), "String Function" );
50 ok( jQuery.isFunction(Array), "Array Function" );
51 ok( jQuery.isFunction(Object), "Object Function" );
52 ok( jQuery.isFunction(Function), "Function Function" );
54 // When stringified, this could be misinterpreted
55 var mystr = "function";
56 ok( !jQuery.isFunction(mystr), "Function String" );
58 // When stringified, this could be misinterpreted
59 var myarr = [ "function" ];
60 ok( !jQuery.isFunction(myarr), "Function Array" );
62 // When stringified, this could be misinterpreted
63 var myfunction = { "function": "test" };
64 ok( !jQuery.isFunction(myfunction), "Function Object" );
66 // Make sure normal functions still work
67 var fn = function(){};
68 ok( jQuery.isFunction(fn), "Normal Function" );
70 var obj = document.createElement("object");
72 // Firefox says this is a function
73 ok( !jQuery.isFunction(obj), "Object Element" );
75 // IE says this is an object
76 ok( jQuery.isFunction(obj.getAttribute), "getAttribute Function" );
78 var nodes = document.body.childNodes;
80 // Safari says this is a function
81 ok( !jQuery.isFunction(nodes), "childNodes Property" );
83 var first = document.body.firstChild;
85 // Normal elements are reported ok everywhere
86 ok( !jQuery.isFunction(first), "A normal DOM Element" );
88 var input = document.createElement("input");
90 document.body.appendChild( input );
92 // IE says this is an object
93 ok( jQuery.isFunction(input.focus), "A default function property" );
95 document.body.removeChild( input );
97 var a = document.createElement("a");
98 a.href = "some-function";
99 document.body.appendChild( a );
101 // This serializes with the word 'function' in it
102 ok( !jQuery.isFunction(a), "Anchor Element" );
104 document.body.removeChild( a );
106 // Recursive function calls have lengths and array-like properties
107 function callme(callback){
108 function fn(response){
112 ok( jQuery.isFunction(fn), "Recursive Function Call" );
114 fn({ some: "data" });
118 callme(function(){});
122 test("length", function() {
124 ok( $("div").length == 2, "Get Number of Elements Found" );
127 test("size()", function() {
129 ok( $("div").size() == 2, "Get Number of Elements Found" );
132 test("get()", function() {
134 isSet( $("div").get(), q("main","foo"), "Get All Elements" );
137 test("get(Number)", function() {
139 ok( $("div").get(0) == document.getElementById("main"), "Get A Single Element" );
142 test("add(String|Element|Array)", function() {
144 isSet( $("#sndp").add("#en").add("#sap").get(), q("sndp", "en", "sap"), "Check elements from document" );
145 isSet( $("#sndp").add( $("#en")[0] ).add( $("#sap") ).get(), q("sndp", "en", "sap"), "Check elements from document" );
146 ok( $([]).add($("#form")[0].elements).length > 13, "Check elements from array" );
148 var x = $([]).add($("<p id='x1'>xxx</p>")).add($("<p id='x2'>xxx</p>"));
149 ok( x[0].id == "x1", "Check on-the-fly element1" );
150 ok( x[1].id == "x2", "Check on-the-fly element2" );
152 var x = $([]).add("<p id='x1'>xxx</p>").add("<p id='x2'>xxx</p>");
153 ok( x[0].id == "x1", "Check on-the-fly element1" );
154 ok( x[1].id == "x2", "Check on-the-fly element2" );
157 test("each(Function)", function() {
160 div.each(function(){this.foo = 'zoo';});
162 for ( var i = 0; i < div.size(); i++ ) {
163 if ( div.get(i).foo != "zoo" ) pass = false;
165 ok( pass, "Execute a function, Relative" );
168 test("index(Object)", function() {
170 ok( $([window, document]).index(window) == 0, "Check for index of elements" );
171 ok( $([window, document]).index(document) == 1, "Check for index of elements" );
172 var inputElements = $('#radio1,#radio2,#check1,#check2');
173 ok( inputElements.index(document.getElementById('radio1')) == 0, "Check for index of elements" );
174 ok( inputElements.index(document.getElementById('radio2')) == 1, "Check for index of elements" );
175 ok( inputElements.index(document.getElementById('check1')) == 2, "Check for index of elements" );
176 ok( inputElements.index(document.getElementById('check2')) == 3, "Check for index of elements" );
177 ok( inputElements.index(window) == -1, "Check for not found index" );
178 ok( inputElements.index(document) == -1, "Check for not found index" );
181 test("attr(String)", function() {
183 ok( $('#text1').attr('value') == "Test", 'Check for value attribute' );
184 ok( $('#text1').attr('type') == "text", 'Check for type attribute' );
185 ok( $('#radio1').attr('type') == "radio", 'Check for type attribute' );
186 ok( $('#check1').attr('type') == "checkbox", 'Check for type attribute' );
187 ok( $('#simon1').attr('rel') == "bookmark", 'Check for rel attribute' );
188 ok( $('#google').attr('title') == "Google!", 'Check for title attribute' );
189 ok( $('#mark').attr('hreflang') == "en", 'Check for hreflang attribute' );
190 ok( $('#en').attr('lang') == "en", 'Check for lang attribute' );
191 ok( $('#simon').attr('class') == "blog link", 'Check for class attribute' );
192 ok( $('#name').attr('name') == "name", 'Check for name attribute' );
193 ok( $('#text1').attr('name') == "action", 'Check for name attribute' );
194 ok( $('#form').attr('action').indexOf("formaction") >= 0, 'Check for action attribute' );
196 $('<a id="tAnchor5"></a>').attr('href', '#5').appendTo('#main'); // using innerHTML in IE causes href attribute to be serialized to the full path
197 ok( $('#tAnchor5').attr('href') == "#5", 'Check for non-absolute href (an anchor)' );
200 if ( location.protocol != "file:" ) {
201 test("attr(String) in XML Files", function() {
204 $.get("data/dashboard.xml", function(xml) {
205 ok( $("locations", xml).attr("class") == "foo", "Check class attribute in XML document" );
206 ok( $("location", xml).attr("for") == "bar", "Check for attribute in XML document" );
212 test("attr(String, Function)", function() {
214 ok( $('#text1').attr('value', function() { return this.id })[0].value == "text1", "Set value from id" );
215 ok( $('#text1').attr('title', function(i) { return i }).attr('title') == "0", "Set value with an index");
218 test("attr(Hash)", function() {
221 $("div").attr({foo: 'baz', zoo: 'ping'}).each(function(){
222 if ( this.getAttribute('foo') != "baz" && this.getAttribute('zoo') != "ping" ) pass = false;
224 ok( pass, "Set Multiple Attributes" );
227 test("attr(String, Object)", function() {
230 div.attr("foo", "bar");
232 for ( var i = 0; i < div.size(); i++ ) {
233 if ( div.get(i).getAttribute('foo') != "bar" ) pass = false;
235 ok( pass, "Set Attribute" );
237 ok( $("#foo").attr({"width": null}), "Try to set an attribute to nothing" );
239 $("#name").attr('name', 'something');
240 ok( $("#name").attr('name') == 'something', 'Set name attribute' );
241 $("#check2").attr('checked', true);
242 ok( document.getElementById('check2').checked == true, 'Set checked attribute' );
243 $("#check2").attr('checked', false);
244 ok( document.getElementById('check2').checked == false, 'Set checked attribute' );
245 $("#text1").attr('readonly', true);
246 ok( document.getElementById('text1').readOnly == true, 'Set readonly attribute' );
247 $("#text1").attr('readonly', false);
248 ok( document.getElementById('text1').readOnly == false, 'Set readonly attribute' );
251 if ( location.protocol != "file:" ) {
252 test("attr(String, Object)x", function() {
255 $.get('data/dashboard.xml', function(xml) {
257 $('tab', xml).each(function() {
258 titles.push($(this).attr('title'));
260 ok( titles[0] == 'Location', 'attr() in XML context: Check first title' );
261 ok( titles[1] == 'Users', 'attr() in XML context: Check second title' );
267 test("css(String|Hash)", function() {
270 ok( $('#main').css("display") == 'none', 'Check for css property "display"');
272 ok( $('#foo').is(':visible'), 'Modifying CSS display: Assert element is visible');
273 $('#foo').css({display: 'none'});
274 ok( !$('#foo').is(':visible'), 'Modified CSS display: Assert element is hidden');
275 $('#foo').css({display: 'block'});
276 ok( $('#foo').is(':visible'), 'Modified CSS display: Assert element is visible');
278 $('#floatTest').css({styleFloat: 'right'});
279 ok( $('#floatTest').css('styleFloat') == 'right', 'Modified CSS float using "styleFloat": Assert float is right');
280 $('#floatTest').css({cssFloat: 'left'});
281 ok( $('#floatTest').css('cssFloat') == 'left', 'Modified CSS float using "cssFloat": Assert float is left');
282 $('#floatTest').css({'float': 'right'});
283 ok( $('#floatTest').css('float') == 'right', 'Modified CSS float using "float": Assert float is right');
284 $('#floatTest').css({'font-size': '30px'});
285 ok( $('#floatTest').css('font-size') == '30px', 'Modified CSS font-size: Assert font-size is 30px');
287 $.each("0,0.25,0.5,0.75,1".split(','), function(i, n) {
288 $('#foo').css({opacity: n});
289 ok( $('#foo').css('opacity') == parseFloat(n), "Assert opacity is " + parseFloat(n) + " as a String" );
290 $('#foo').css({opacity: parseFloat(n)});
291 ok( $('#foo').css('opacity') == parseFloat(n), "Assert opacity is " + parseFloat(n) + " as a Number" );
293 $('#foo').css({opacity: ''});
294 ok( $('#foo').css('opacity') == '1', "Assert opacity is 1 when set to an empty String" );
297 test("css(String, Object)", function() {
299 ok( $('#foo').is(':visible'), 'Modifying CSS display: Assert element is visible');
300 $('#foo').css('display', 'none');
301 ok( !$('#foo').is(':visible'), 'Modified CSS display: Assert element is hidden');
302 $('#foo').css('display', 'block');
303 ok( $('#foo').is(':visible'), 'Modified CSS display: Assert element is visible');
305 $('#floatTest').css('styleFloat', 'left');
306 ok( $('#floatTest').css('styleFloat') == 'left', 'Modified CSS float using "styleFloat": Assert float is left');
307 $('#floatTest').css('cssFloat', 'right');
308 ok( $('#floatTest').css('cssFloat') == 'right', 'Modified CSS float using "cssFloat": Assert float is right');
309 $('#floatTest').css('float', 'left');
310 ok( $('#floatTest').css('float') == 'left', 'Modified CSS float using "float": Assert float is left');
311 $('#floatTest').css('font-size', '20px');
312 ok( $('#floatTest').css('font-size') == '20px', 'Modified CSS font-size: Assert font-size is 20px');
314 $.each("0,0.25,0.5,0.75,1".split(','), function(i, n) {
315 $('#foo').css('opacity', n);
316 ok( $('#foo').css('opacity') == parseFloat(n), "Assert opacity is " + parseFloat(n) + " as a String" );
317 $('#foo').css('opacity', parseFloat(n));
318 ok( $('#foo').css('opacity') == parseFloat(n), "Assert opacity is " + parseFloat(n) + " as a Number" );
320 $('#foo').css('opacity', '');
321 ok( $('#foo').css('opacity') == '1', "Assert opacity is 1 when set to an empty String" );
324 test("text()", function() {
326 var expected = "This link has class=\"blog\": Simon Willison's Weblog";
327 ok( $('#sap').text() == expected, 'Check for merged text of more then one element.' );
330 test("wrap(String|Element)", function() {
332 var defaultText = 'Try them out:'
333 var result = $('#first').wrap('<div class="red"><span></span></div>').text();
334 ok( defaultText == result, 'Check for wrapping of on-the-fly html' );
335 ok( $('#first').parent().parent().is('.red'), 'Check if wrapper has class "red"' );
338 var defaultText = 'Try them out:'
339 var result = $('#first').wrap(document.getElementById('empty')).parent();
340 ok( result.is('ol'), 'Check for element wrapping' );
341 ok( result.text() == defaultText, 'Check for element wrapping' );
345 $('#check1').click(function() {
347 ok( checkbox.checked, "Checkbox's state is erased after wrap() action, see #769" );
348 $(checkbox).wrap( '<div id="c1" style="display:none;"></div>' );
349 ok( checkbox.checked, "Checkbox's state is erased after wrap() action, see #769" );
350 // use a fade in to check state after this event handler has finished
351 setTimeout(function() {
352 ok( !checkbox.checked, "Checkbox's state is erased after wrap() action, see #769" );
358 test("append(String|Element|Array<Element>|jQuery)", function() {
360 var defaultText = 'Try them out:'
361 var result = $('#first').append('<b>buga</b>');
362 ok( result.text() == defaultText + 'buga', 'Check if text appending works' );
363 ok( $('#select3').append('<option value="appendTest">Append Test</option>').find('option:last-child').attr('value') == 'appendTest', 'Appending html options to select element');
366 var expected = "This link has class=\"blog\": Simon Willison's WeblogTry them out:";
367 $('#sap').append(document.getElementById('first'));
368 ok( expected == $('#sap').text(), "Check for appending of element" );
371 expected = "This link has class=\"blog\": Simon Willison's WeblogTry them out:Yahoo";
372 $('#sap').append([document.getElementById('first'), document.getElementById('yahoo')]);
373 ok( expected == $('#sap').text(), "Check for appending of array of elements" );
376 expected = "This link has class=\"blog\": Simon Willison's WeblogTry them out:Yahoo";
377 $('#sap').append($("#first, #yahoo"));
378 ok( expected == $('#sap').text(), "Check for appending of jQuery object" );
381 $("#sap").append( 5 );
382 ok( $("#sap")[0].innerHTML.match( /5$/ ), "Check for appending a number" );
385 $("#sap").append( " text with spaces " );
386 ok( $("#sap")[0].innerHTML.match(/ text with spaces $/), "Check for appending text with spaces" );
389 ok( $("#sap").append([]), "Check for appending an empty array." );
390 ok( $("#sap").append(""), "Check for appending an empty string." );
391 ok( $("#sap").append(document.getElementsByTagName("foo")), "Check for appending an empty nodelist." );
394 $("#sap").append(document.getElementById('form'));
395 ok( $("#sap>form").size() == 1, "Check for appending a form" ); // Bug #910
400 $( $("iframe")[0].contentWindow.document.body ).append("<div>test</div>");
405 ok( pass, "Test for appending a DOM node to the contents of an IFrame" );
408 $('<fieldset>').appendTo('#form').append('<legend id="legend">test</legend>');
409 t( 'Append legend', '#legend', ['legend'] );
412 $('#select1').append('<OPTION>Test</OPTION>');
413 ok( $('#select1 option:last').text() == "Test", "Appending <OPTION> (all caps)" );
415 $('#table').append('<colgroup></colgroup>');
416 ok( $('#table colgroup').length, "Append colgroup" );
418 $('#table colgroup').append('<col>');
419 ok( $('#table colgroup col').length, "Append col" );
423 .append('<select id="appendSelect1"></select>')
424 .append('<select id="appendSelect2"><option>Test</option></select>');
426 t( "Append Select", "#appendSelect1, #appendSelect2", ["appendSelect1", "appendSelect2"] );
429 test("appendTo(String|Element|Array<Element>|jQuery)", function() {
431 var defaultText = 'Try them out:'
432 $('<b>buga</b>').appendTo('#first');
433 ok( $("#first").text() == defaultText + 'buga', 'Check if text appending works' );
434 ok( $('<option value="appendTest">Append Test</option>').appendTo('#select3').parent().find('option:last-child').attr('value') == 'appendTest', 'Appending html options to select element');
437 var expected = "This link has class=\"blog\": Simon Willison's WeblogTry them out:";
438 $(document.getElementById('first')).appendTo('#sap');
439 ok( expected == $('#sap').text(), "Check for appending of element" );
442 expected = "This link has class=\"blog\": Simon Willison's WeblogTry them out:Yahoo";
443 $([document.getElementById('first'), document.getElementById('yahoo')]).appendTo('#sap');
444 ok( expected == $('#sap').text(), "Check for appending of array of elements" );
447 expected = "This link has class=\"blog\": Simon Willison's WeblogTry them out:Yahoo";
448 $("#first, #yahoo").appendTo('#sap');
449 ok( expected == $('#sap').text(), "Check for appending of jQuery object" );
452 $('#select1').appendTo('#foo');
453 t( 'Append select', '#foo select', ['select1'] );
456 test("prepend(String|Element|Array<Element>|jQuery)", function() {
458 var defaultText = 'Try them out:'
459 var result = $('#first').prepend('<b>buga</b>');
460 ok( result.text() == 'buga' + defaultText, 'Check if text prepending works' );
461 ok( $('#select3').prepend('<option value="prependTest">Prepend Test</option>').find('option:first-child').attr('value') == 'prependTest', 'Prepending html options to select element');
464 var expected = "Try them out:This link has class=\"blog\": Simon Willison's Weblog";
465 $('#sap').prepend(document.getElementById('first'));
466 ok( expected == $('#sap').text(), "Check for prepending of element" );
469 expected = "Try them out:YahooThis link has class=\"blog\": Simon Willison's Weblog";
470 $('#sap').prepend([document.getElementById('first'), document.getElementById('yahoo')]);
471 ok( expected == $('#sap').text(), "Check for prepending of array of elements" );
474 expected = "Try them out:YahooThis link has class=\"blog\": Simon Willison's Weblog";
475 $('#sap').prepend($("#first, #yahoo"));
476 ok( expected == $('#sap').text(), "Check for prepending of jQuery object" );
479 test("prependTo(String|Element|Array<Element>|jQuery)", function() {
481 var defaultText = 'Try them out:'
482 $('<b>buga</b>').prependTo('#first');
483 ok( $('#first').text() == 'buga' + defaultText, 'Check if text prepending works' );
484 ok( $('<option value="prependTest">Prepend Test</option>').prependTo('#select3').parent().find('option:first-child').attr('value') == 'prependTest', 'Prepending html options to select element');
487 var expected = "Try them out:This link has class=\"blog\": Simon Willison's Weblog";
488 $(document.getElementById('first')).prependTo('#sap');
489 ok( expected == $('#sap').text(), "Check for prepending of element" );
492 expected = "Try them out:YahooThis link has class=\"blog\": Simon Willison's Weblog";
493 $([document.getElementById('yahoo'), document.getElementById('first')]).prependTo('#sap');
494 ok( expected == $('#sap').text(), "Check for prepending of array of elements" );
497 expected = "Try them out:YahooThis link has class=\"blog\": Simon Willison's Weblog";
498 $("#yahoo, #first").prependTo('#sap');
499 ok( expected == $('#sap').text(), "Check for prepending of jQuery object" );
502 $('<select id="prependSelect1"></select>').prependTo('form:last');
503 $('<select id="prependSelect2"><option>Test</option></select>').prependTo('form:last');
505 t( "Prepend Select", "#prependSelect1, #prependSelect2", ["prependSelect1", "prependSelect2"] );
508 test("before(String|Element|Array<Element>|jQuery)", function() {
510 var expected = 'This is a normal link: bugaYahoo';
511 $('#yahoo').before('<b>buga</b>');
512 ok( expected == $('#en').text(), 'Insert String before' );
515 expected = "This is a normal link: Try them out:Yahoo";
516 $('#yahoo').before(document.getElementById('first'));
517 ok( expected == $('#en').text(), "Insert element before" );
520 expected = "This is a normal link: Try them out:diveintomarkYahoo";
521 $('#yahoo').before([document.getElementById('first'), document.getElementById('mark')]);
522 ok( expected == $('#en').text(), "Insert array of elements before" );
525 expected = "This is a normal link: Try them out:diveintomarkYahoo";
526 $('#yahoo').before($("#first, #mark"));
527 ok( expected == $('#en').text(), "Insert jQuery before" );
530 test("insertBefore(String|Element|Array<Element>|jQuery)", function() {
532 var expected = 'This is a normal link: bugaYahoo';
533 $('<b>buga</b>').insertBefore('#yahoo');
534 ok( expected == $('#en').text(), 'Insert String before' );
537 expected = "This is a normal link: Try them out:Yahoo";
538 $(document.getElementById('first')).insertBefore('#yahoo');
539 ok( expected == $('#en').text(), "Insert element before" );
542 expected = "This is a normal link: Try them out:diveintomarkYahoo";
543 $([document.getElementById('first'), document.getElementById('mark')]).insertBefore('#yahoo');
544 ok( expected == $('#en').text(), "Insert array of elements before" );
547 expected = "This is a normal link: Try them out:diveintomarkYahoo";
548 $("#first, #mark").insertBefore('#yahoo');
549 ok( expected == $('#en').text(), "Insert jQuery before" );
552 test("after(String|Element|Array<Element>|jQuery)", function() {
554 var expected = 'This is a normal link: Yahoobuga';
555 $('#yahoo').after('<b>buga</b>');
556 ok( expected == $('#en').text(), 'Insert String after' );
559 expected = "This is a normal link: YahooTry them out:";
560 $('#yahoo').after(document.getElementById('first'));
561 ok( expected == $('#en').text(), "Insert element after" );
564 expected = "This is a normal link: YahooTry them out:diveintomark";
565 $('#yahoo').after([document.getElementById('first'), document.getElementById('mark')]);
566 ok( expected == $('#en').text(), "Insert array of elements after" );
569 expected = "This is a normal link: YahooTry them out:diveintomark";
570 $('#yahoo').after($("#first, #mark"));
571 ok( expected == $('#en').text(), "Insert jQuery after" );
574 test("insertAfter(String|Element|Array<Element>|jQuery)", function() {
576 var expected = 'This is a normal link: Yahoobuga';
577 $('<b>buga</b>').insertAfter('#yahoo');
578 ok( expected == $('#en').text(), 'Insert String after' );
581 expected = "This is a normal link: YahooTry them out:";
582 $(document.getElementById('first')).insertAfter('#yahoo');
583 ok( expected == $('#en').text(), "Insert element after" );
586 expected = "This is a normal link: YahooTry them out:diveintomark";
587 $([document.getElementById('mark'), document.getElementById('first')]).insertAfter('#yahoo');
588 ok( expected == $('#en').text(), "Insert array of elements after" );
591 expected = "This is a normal link: YahooTry them out:diveintomark";
592 $("#mark, #first").insertAfter('#yahoo');
593 ok( expected == $('#en').text(), "Insert jQuery after" );
596 test("end()", function() {
598 ok( 'Yahoo' == $('#yahoo').parent().end().text(), 'Check for end' );
599 ok( $('#yahoo').end(), 'Check for end with nothing to end' );
603 ok( 'Yahoo' == $('#yahoo').text(), 'Check for non-destructive behaviour' );
606 test("find(String)", function() {
608 ok( 'Yahoo' == $('#foo').find('.blogTest').text(), 'Check for find' );
611 test("clone()", function() {
613 ok( 'This is a normal link: Yahoo' == $('#en').text(), 'Assert text for #en' );
614 var clone = $('#yahoo').clone();
615 ok( 'Try them out:Yahoo' == $('#first').append(clone).text(), 'Check for clone' );
616 ok( 'This is a normal link: Yahoo' == $('#en').text(), 'Reassert text for #en' );
619 test("is(String)", function() {
621 ok( $('#form').is('form'), 'Check for element: A form must be a form' );
622 ok( !$('#form').is('div'), 'Check for element: A form is not a div' );
623 ok( $('#mark').is('.blog'), 'Check for class: Expected class "blog"' );
624 ok( !$('#mark').is('.link'), 'Check for class: Did not expect class "link"' );
625 ok( $('#simon').is('.blog.link'), 'Check for multiple classes: Expected classes "blog" and "link"' );
626 ok( !$('#simon').is('.blogTest'), 'Check for multiple classes: Expected classes "blog" and "link", but not "blogTest"' );
627 ok( $('#en').is('[@lang="en"]'), 'Check for attribute: Expected attribute lang to be "en"' );
628 ok( !$('#en').is('[@lang="de"]'), 'Check for attribute: Expected attribute lang to be "en", not "de"' );
629 ok( $('#text1').is('[@type="text"]'), 'Check for attribute: Expected attribute type to be "text"' );
630 ok( !$('#text1').is('[@type="radio"]'), 'Check for attribute: Expected attribute type to be "text", not "radio"' );
631 ok( $('#text2').is(':disabled'), 'Check for pseudoclass: Expected to be disabled' );
632 ok( !$('#text1').is(':disabled'), 'Check for pseudoclass: Expected not disabled' );
633 ok( $('#radio2').is(':checked'), 'Check for pseudoclass: Expected to be checked' );
634 ok( !$('#radio1').is(':checked'), 'Check for pseudoclass: Expected not checked' );
635 ok( $('#foo').is('[p]'), 'Check for child: Expected a child "p" element' );
636 ok( !$('#foo').is('[ul]'), 'Check for child: Did not expect "ul" element' );
637 ok( $('#foo').is('[p][a][code]'), 'Check for childs: Expected "p", "a" and "code" child elements' );
638 ok( !$('#foo').is('[p][a][code][ol]'), 'Check for childs: Expected "p", "a" and "code" child elements, but no "ol"' );
639 ok( !$('#foo').is(0), 'Expected false for an invalid expression - 0' );
640 ok( !$('#foo').is(null), 'Expected false for an invalid expression - null' );
641 ok( !$('#foo').is(''), 'Expected false for an invalid expression - ""' );
642 ok( !$('#foo').is(undefined), 'Expected false for an invalid expression - undefined' );
644 // test is() with comma-seperated expressions
645 ok( $('#en').is('[@lang="en"],[@lang="de"]'), 'Comma-seperated; Check for lang attribute: Expect en or de' );
646 ok( $('#en').is('[@lang="de"],[@lang="en"]'), 'Comma-seperated; Check for lang attribute: Expect en or de' );
647 ok( $('#en').is('[@lang="en"] , [@lang="de"]'), 'Comma-seperated; Check for lang attribute: Expect en or de' );
648 ok( $('#en').is('[@lang="de"] , [@lang="en"]'), 'Comma-seperated; Check for lang attribute: Expect en or de' );
651 test("$.extend(Object, Object)", function() {
653 var settings = { xnumber1: 5, xnumber2: 7, xstring1: "peter", xstring2: "pan" },
654 options = { xnumber2: 1, xstring2: "x", xxx: "newstring" },
655 optionsCopy = { xnumber2: 1, xstring2: "x", xxx: "newstring" },
656 merged = { xnumber1: 5, xnumber2: 1, xstring1: "peter", xstring2: "x", xxx: "newstring" };
657 jQuery.extend(settings, options);
658 isObj( settings, merged, "Check if extended: settings must be extended" );
659 isObj( options, optionsCopy, "Check if not modified: options must not be modified" );
662 test("$.extend(Object, Object, Object, Object)", function() {
664 var defaults = { xnumber1: 5, xnumber2: 7, xstring1: "peter", xstring2: "pan" },
665 defaultsCopy = { xnumber1: 5, xnumber2: 7, xstring1: "peter", xstring2: "pan" },
666 options1 = { xnumber2: 1, xstring2: "x" },
667 options1Copy = { xnumber2: 1, xstring2: "x" },
668 options2 = { xstring2: "xx", xxx: "newstringx" },
669 options2Copy = { xstring2: "xx", xxx: "newstringx" },
670 merged = { xnumber1: 5, xnumber2: 1, xstring1: "peter", xstring2: "xx", xxx: "newstringx" };
671 var settings = jQuery.extend({}, defaults, options1, options2);
672 isObj( settings, merged, "Check if extended: settings must be extended" );
673 isObj( defaults, defaultsCopy, "Check if not modified: options1 must not be modified" );
674 isObj( options1, options1Copy, "Check if not modified: options1 must not be modified" );
675 isObj( options2, options2Copy, "Check if not modified: options2 must not be modified" );
678 test("val()", function() {
680 ok( $("#text1").val() == "Test", "Check for value of input element" );
681 ok( !$("#text1").val() == "", "Check for value of input element" );
684 test("val(String)", function() {
686 document.getElementById('text1').value = "bla";
687 ok( $("#text1").val() == "bla", "Check for modified value of input element" );
688 $("#text1").val('test');
689 ok ( document.getElementById('text1').value == "test", "Check for modified (via val(String)) value of input element" );
692 test("html(String)", function() {
695 div.html("<b>test</b>");
697 for ( var i = 0; i < div.size(); i++ ) {
698 if ( div.get(i).childNodes.length == 0 ) pass = false;
700 ok( pass, "Set HTML" );
702 $("#main").html('<script type="text/javascript">ok( true, "$().html().evalScripts() Evals Scripts Twice in Firefox, see #975" );</script>').evalScripts();
705 test("filter()", function() {
707 isSet( $("input").filter(":checked").get(), q("radio2", "check1"), "filter(String)" );
708 isSet( $("p").filter("#ap, #sndp").get(), q("ap", "sndp"), "filter('String, String')" );
709 isSet( $("p").filter("#ap,#sndp").get(), q("ap", "sndp"), "filter('String,String')" );
710 isSet( $("p").filter(function() { return !$("a", this).length }).get(), q("sndp", "first"), "filter(Function)" );
713 test("not()", function() {
715 ok( $("#main > p#ap > a").not("#google").length == 2, "not('selector')" );
716 isSet( $("p").not("#ap, #sndp, .result").get(), q("firstp", "en", "sap", "first"), "not('selector, selector')" );
717 isSet( $("p").not($("#ap, #sndp, .result")).get(), q("firstp", "en", "sap", "first"), "not(jQuery)" );
720 test("siblings([String])", function() {
722 isSet( $("#en").siblings().get(), q("sndp", "sap"), "Check for siblings" );
723 isSet( $("#sndp").siblings("[code]").get(), q("sap"), "Check for filtered siblings (has code child element)" );
724 isSet( $("#sndp").siblings("[a]").get(), q("en", "sap"), "Check for filtered siblings (has anchor child element)" );
725 isSet( $("#foo").siblings("form, b").get(), q("form", "lengthtest", "floatTest"), "Check for multiple filters" );
728 test("children([String])", function() {
730 isSet( $("#foo").children().get(), q("sndp", "en", "sap"), "Check for children" );
731 isSet( $("#foo").children("[code]").get(), q("sndp", "sap"), "Check for filtered children" );
732 isSet( $("#foo").children("#en, #sap").get(), q("en", "sap"), "Check for multiple filters" );
735 test("parent[s]([String])", function() {
737 ok( $("#groups").parent()[0].id == "ap", "Simple parent check" );
738 ok( $("#groups").parent("p")[0].id == "ap", "Filtered parent check" );
739 ok( $("#groups").parent("div").length == 0, "Filtered parent check, no match" );
740 ok( $("#groups").parent("div, p")[0].id == "ap", "Check for multiple filters" );
742 ok( $("#groups").parents()[0].id == "ap", "Simple parents check" );
743 ok( $("#groups").parents("p")[0].id == "ap", "Filtered parents check" );
744 ok( $("#groups").parents("div")[0].id == "main", "Filtered parents check2" );
745 isSet( $("#groups").parents("p, div").get(), q("ap", "main"), "Check for multiple filters" );
748 test("next/prev([String])", function() {
750 ok( $("#ap").next()[0].id == "foo", "Simple next check" );
751 ok( $("#ap").next("div")[0].id == "foo", "Filtered next check" );
752 ok( $("#ap").next("p").length == 0, "Filtered next check, no match" );
753 ok( $("#ap").next("div, p")[0].id == "foo", "Multiple filters" );
755 ok( $("#foo").prev()[0].id == "ap", "Simple prev check" );
756 ok( $("#foo").prev("p")[0].id == "ap", "Filtered prev check" );
757 ok( $("#foo").prev("div").length == 0, "Filtered prev check, no match" );
758 ok( $("#foo").prev("p, div")[0].id == "ap", "Multiple filters" );
761 test("show()", function() {
763 var pass = true, div = $("div");
764 div.show().each(function(){
765 if ( this.style.display == "none" ) pass = false;
770 test("addClass(String)", function() {
773 div.addClass("test");
775 for ( var i = 0; i < div.size(); i++ ) {
776 if ( div.get(i).className.indexOf("test") == -1 ) pass = false;
778 ok( pass, "Add Class" );
781 test("removeClass(String) - simple", function() {
783 var div = $("div").addClass("test").removeClass("test"),
785 for ( var i = 0; i < div.size(); i++ ) {
786 if ( div.get(i).className.indexOf("test") != -1 ) pass = false;
788 ok( pass, "Remove Class" );
791 var div = $("div").addClass("test").addClass("foo").addClass("bar");
792 div.removeClass("test").removeClass("bar").removeClass("foo");
794 for ( var i = 0; i < div.size(); i++ ) {
795 if ( div.get(i).className.match(/test|bar|foo/) ) pass = false;
797 ok( pass, "Remove multiple classes" );
800 var div = $("div:eq(0)").addClass("test").removeClass("");
801 ok( div.is('.test'), "Empty string passed to removeClass" );
805 test("toggleClass(String)", function() {
807 var e = $("#firstp");
808 ok( !e.is(".test"), "Assert class not present" );
809 e.toggleClass("test");
810 ok( e.is(".test"), "Assert class present" );
811 e.toggleClass("test");
812 ok( !e.is(".test"), "Assert class not present" );
815 test("removeAttr(String", function() {
817 ok( $('#mark').removeAttr("class")[0].className == "", "remove class" );
820 test("text(String)", function() {
822 ok( $("#foo").text("<div><b>Hello</b> cruel world!</div>")[0].innerHTML == "<div><b>Hello</b> cruel world!</div>", "Check escaped text" );
825 test("$.each(Object,Function)", function() {
827 $.each( [0,1,2], function(i, n){
828 ok( i == n, "Check array iteration" );
831 $.each( [5,6,7], function(i, n){
832 ok( i == n - 5, "Check array iteration" );
835 $.each( { name: "name", lang: "lang" }, function(i, n){
836 ok( i == n, "Check object iteration" );
840 test("$.prop", function() {
842 var handle = function() { return this.id };
843 ok( $.prop($("#ap")[0], handle) == "ap", "Check with Function argument" );
844 ok( $.prop($("#ap")[0], "value") == "value", "Check with value argument" );
847 test("$.className", function() {
849 var x = $("<p>Hi</p>")[0];
852 ok( x.className == "hi", "Check single added class" );
854 ok( x.className == "hi foo bar", "Check more added classes" );
856 ok( x.className == "", "Remove all classes" );
857 c.add(x, "hi foo bar");
859 ok( x.className == "hi bar", "Check removal of one class" );
860 ok( c.has(x, "hi"), "Check has1" );
861 ok( c.has(x, "bar"), "Check has2" );
864 test("remove()", function() {
866 $("#ap").children().remove();
867 ok( $("#ap").text().length > 10, "Check text is not removed" );
868 ok( $("#ap").children().length == 0, "Check remove" );
871 $("#ap").children().remove("a");
872 ok( $("#ap").text().length > 10, "Check text is not removed" );
873 ok( $("#ap").children().length == 1, "Check filtered remove" );
876 test("empty()", function() {
878 ok( $("#ap").children().empty().text().length == 0, "Check text is removed" );
879 ok( $("#ap").children().length == 4, "Check elements are not removed" );
882 test("eq(), gt(), lt(), contains()", function() {
884 ok( $("#ap a").eq(1)[0].id == "groups", "eq()" );
885 isSet( $("#ap a").gt(0).get(), q("groups", "anchor1", "mark"), "gt()" );
886 isSet( $("#ap a").lt(3).get(), q("google", "groups", "anchor1"), "lt()" );
887 isSet( $("#foo a").contains("log").get(), q("anchor2", "simon"), "contains()" );