1 QUnit.module( "basic", { teardown: moduleTeardown } );
4 QUnit.test( "ajax", function( assert ) {
7 var done = jQuery.map( new Array( 3 ), function() { return assert.async(); } );
11 url: url( "data/name.php?name=foo" ),
12 success: function( msg ) {
13 assert.strictEqual( msg, "bar", "Check for GET" );
20 url: url( "data/name.php" ),
22 success: function( msg ) {
23 assert.strictEqual( msg, "pan", "Check for POST" );
28 jQuery( "#first" ).load( url( "data/name.html" ), function() {
29 assert.ok( /^ERROR/.test( jQuery( "#first" ).text() ),
30 "Check if content was injected into the DOM" );
36 QUnit.test( "attributes", function( assert ) {
39 var a = jQuery( "<a/>" ).appendTo( "#qunit-fixture" ),
40 input = jQuery( "<input/>" ).appendTo( "#qunit-fixture" );
42 assert.strictEqual( a.attr( "foo", "bar" ).attr( "foo" ), "bar", ".attr getter/setter" );
43 assert.strictEqual( a.removeAttr( "foo" ).attr( "foo" ), undefined, ".removeAttr" );
44 assert.strictEqual( a.prop( "href", "#5" ).prop( "href" ),
45 location.href.replace( /\#.*$/, "" ) + "#5",
46 ".prop getter/setter" );
48 a.addClass( "abc def ghj" ).removeClass( "def ghj" );
49 assert.strictEqual( a.hasClass( "abc" ), true, ".(add|remove|has)Class, class present" );
50 assert.strictEqual( a.hasClass( "def" ), false, ".(add|remove|has)Class, class missing" );
52 assert.strictEqual( input.val( "xyz" ).val(), "xyz", ".val getter/setter" );
56 QUnit.test( "css", function( assert ) {
59 var div = jQuery( "<div/>" ).appendTo( "#qunit-fixture" );
61 assert.strictEqual( div.css( "width", "50px" ).css( "width" ), "50px", ".css getter/setter" );
65 if ( jQuery.fn.show && jQuery.fn.hide ) {
66 QUnit.test( "show/hide", function( assert ) {
69 var div = jQuery( "<div/>" ).appendTo( "#qunit-fixture" );
72 assert.strictEqual( div.css( "display" ), "none", "div hidden" );
74 assert.strictEqual( div.css( "display" ), "block", "div shown" );
78 QUnit.test( "core", function( assert ) {
81 var elem = jQuery( "<div></div><span></span>" );
83 assert.strictEqual( elem.length, 2, "Correct number of elements" );
84 assert.strictEqual( jQuery.trim( " hello " ), "hello", "jQuery.trim" );
86 assert.strictEqual( jQuery.type( null ), "null", "jQuery.type(null)" );
87 assert.strictEqual( jQuery.type( undefined ), "undefined", "jQuery.type(undefined)" );
88 assert.strictEqual( jQuery.type( "a" ), "string", "jQuery.type(String)" );
90 assert.ok( jQuery.isPlainObject( { "a": 2 } ), "jQuery.isPlainObject(object)" );
91 assert.ok( !jQuery.isPlainObject( "foo" ), "jQuery.isPlainObject(String)" );
93 assert.ok( jQuery.isFunction( jQuery.noop ), "jQuery.isFunction(jQuery.noop)" );
94 assert.ok( !jQuery.isFunction( 2 ), "jQuery.isFunction(Number)" );
96 assert.ok( jQuery.isNumeric( "-2" ), "jQuery.isNumeric(String representing a number)" );
97 assert.ok( !jQuery.isNumeric( "" ), "jQuery.isNumeric(\"\")" );
99 assert.ok( jQuery.isXMLDoc( jQuery.parseXML(
100 "<?xml version='1.0' encoding='UTF-8'?><foo bar='baz'></foo>"
101 ) ), "jQuery.isXMLDoc" );
103 assert.ok( jQuery.isWindow( window ), "jQuery.isWindow(window)" );
104 assert.ok( !jQuery.isWindow( 2 ), "jQuery.isWindow(Number)" );
106 assert.strictEqual( jQuery.inArray( 3, [ "a", 6, false, 3, {} ] ), 3, "jQuery.inArray - true" );
108 jQuery.inArray( 3, [ "a", 6, false, "3", {} ] ),
110 "jQuery.inArray - false"
113 assert.strictEqual( elem.get( 1 ), elem[ 1 ], ".get" );
114 assert.strictEqual( elem.first()[ 0 ], elem[ 0 ], ".first" );
115 assert.strictEqual( elem.last()[ 0 ], elem[ 1 ], ".last" );
117 assert.deepEqual( jQuery.map( [ "a", "b", "c" ], function( v, k ) {
119 } ), [ "0a", "1b", "2c" ], "jQuery.map" );
121 assert.deepEqual( jQuery.merge( [ 1, 2 ], [ "a", "b" ] ), [ 1, 2, "a", "b" ], "jQuery.merge" );
123 assert.deepEqual( jQuery.grep( [ 1, 2, 3 ], function( value ) {
124 return value % 2 !== 0;
125 } ), [ 1, 3 ], "jQuery.grep" );
127 assert.deepEqual( jQuery.extend( { a: 2 }, { b: 3 } ), { a: 2, b: 3 }, "jQuery.extend" );
129 jQuery.each( [ 0, 2 ], function( k, v ) {
130 assert.strictEqual( k * 2, v, "jQuery.each" );
133 assert.deepEqual( jQuery.makeArray( { 0: "a", 1: "b", 2: "c", length: 3 } ),
134 [ "a", "b", "c" ], "jQuery.makeArray" );
136 assert.strictEqual( jQuery.parseHTML( "<div></div><span></span>" ).length,
137 2, "jQuery.parseHTML" );
140 QUnit.test( "data", function( assert ) {
143 var elem = jQuery( "<div data-c='d'/>" ).appendTo( "#qunit-fixture" );
145 assert.ok( !jQuery.hasData( elem[ 0 ] ), "jQuery.hasData - false" );
146 assert.strictEqual( elem.data( "a", "b" ).data( "a" ), "b", ".data getter/setter" );
147 assert.strictEqual( elem.data( "c" ), "d", ".data from data-* attributes" );
148 assert.ok( jQuery.hasData( elem[ 0 ] ), "jQuery.hasData - true" );
151 QUnit.test( "dimensions", function( assert ) {
155 "<div style='margin: 10px; padding: 7px; border: 2px solid black;' /> "
156 ).appendTo( "#qunit-fixture" );
158 assert.strictEqual( elem.width( 50 ).width(), 50, ".width getter/setter" );
159 assert.strictEqual( elem.innerWidth(), 64, ".innerWidth getter" );
160 assert.strictEqual( elem.outerWidth(), 68, ".outerWidth getter" );
163 QUnit.test( "event", function( assert ) {
166 var elem = jQuery( "<div/>" ).appendTo( "#qunit-fixture" );
169 .on( "click", function() {
170 assert.ok( false, "click should not fire" );
174 .on( "click", function() {
175 assert.ok( true, "click should fire" );
180 QUnit.test( "manipulation", function( assert ) {
184 elem1 = jQuery( "<div><span></span></div>" ).appendTo( "#qunit-fixture" ),
185 elem2 = jQuery( "<div/>" ).appendTo( "#qunit-fixture" );
187 assert.strictEqual( elem1.text( "foo" ).text(), "foo", ".html getter/setter" );
191 // Support: IE 8 only
192 // IE 8 prints tag names in upper case.
193 elem1.html( "<span/>" ).html().toLowerCase(),
195 ".html getter/setter"
198 assert.strictEqual( elem1.append( elem2 )[ 0 ].childNodes[ 1 ], elem2[ 0 ], ".append" );
199 assert.strictEqual( elem1.prepend( elem2 )[ 0 ].childNodes[ 0 ], elem2[ 0 ], ".prepend" );
201 child = elem1.find( "span" );
202 child.after( "<a/>" );
203 child.before( "<b/>" );
207 // Support: IE 8 only
208 // IE 8 prints tag names in upper case.
209 elem1.html().toLowerCase(),
210 "<div></div><b></b><span></span><a></a>",
215 QUnit.test( "offset", function( assert ) {
218 var parent = jQuery( "<div style='position:fixed;top:20px;'/>" ).appendTo( "#qunit-fixture" ),
219 elem = jQuery( "<div style='position:absolute;top:5px;'/>" ).appendTo( parent );
221 assert.strictEqual( elem.offset().top, 25, ".offset getter" );
222 assert.strictEqual( elem.position().top, 5, ".position getter" );
223 assert.strictEqual( elem.offsetParent()[ 0 ], parent[ 0 ], ".offsetParent" );
226 QUnit.test( "selector", function( assert ) {
229 var elem = jQuery( "<div><span class='a'></span><span class='b'><a></a></span></div>" )
230 .appendTo( "#qunit-fixture" );
232 assert.strictEqual( elem.find( ".a a" ).length, 0, ".find - no result" );
233 assert.strictEqual( elem.find( "span.b a" )[ 0 ].nodeName, "A", ".find - one result" );
236 QUnit.test( "serialize", function( assert ) {
239 var params = { "someName": [ 1, 2, 3 ], "regularThing": "blah" };
240 assert.strictEqual( jQuery.param( params ),
241 "someName%5B%5D=1&someName%5B%5D=2&someName%5B%5D=3®ularThing=blah",
244 assert.strictEqual( jQuery( "#form" ).serialize(),
245 "action=Test&radio2=on&check=on&hidden=&foo%5Bbar%5D=&name=name&search=search" +
246 "&select1=&select2=3&select3=1&select3=2&select5=3",
247 "form serialization as query string" );
250 QUnit.test( "traversing", function( assert ) {
253 var elem = jQuery( "<div><a><b><em></em></b></a><i></i><span></span>foo</div>" )
254 .appendTo( "#qunit-fixture" );
256 assert.strictEqual( elem.find( "em" ).parent()[ 0 ].nodeName, "B", ".parent" );
257 assert.strictEqual( elem.find( "em" ).parents()[ 1 ].nodeName, "A", ".parents" );
258 assert.strictEqual( elem.find( "em" ).parentsUntil( "div" ).length, 2, ".parentsUntil" );
259 assert.strictEqual( elem.find( "i" ).next()[ 0 ].nodeName, "SPAN", ".next" );
260 assert.strictEqual( elem.find( "i" ).prev()[ 0 ].nodeName, "A", ".prev" );
261 assert.strictEqual( elem.find( "a" ).nextAll()[ 1 ].nodeName, "SPAN", ".nextAll" );
262 assert.strictEqual( elem.find( "span" ).prevAll()[ 1 ].nodeName, "A", ".prevAll" );
263 assert.strictEqual( elem.find( "a" ).nextUntil( "span" ).length, 1, ".nextUntil" );
264 assert.strictEqual( elem.find( "span" ).prevUntil( "a" ).length, 1, ".prevUntil" );
265 assert.strictEqual( elem.find( "i" ).siblings().length, 2, ".siblings" );
266 assert.strictEqual( elem.children()[ 2 ].nodeName, "SPAN", ".children" );
267 assert.strictEqual( elem.contents()[ 3 ].nodeType, 3, ".contents" );
270 QUnit.test( "wrap", function( assert ) {
273 var elem = jQuery( "<div><a><b></b></a><a></a></div>" );
275 elem.find( "b" ).wrap( "<span>" );
279 // Support: IE 8 only
280 // IE 8 prints tag names in upper case.
281 elem.html().toLowerCase(),
282 "<a><span><b></b></span></a><a></a>",
286 elem.find( "span" ).wrapInner( "<em>" );
290 // Support: IE 8 only
291 // IE 8 prints tag names in upper case.
292 elem.html().toLowerCase(),
293 "<a><span><em><b></b></em></span></a><a></a>",
297 elem.find( "a" ).wrapAll( "<i>" );
301 // Support: IE 8 only
302 // IE 8 prints tag names in upper case.
303 elem.html().toLowerCase(),
304 "<i><a><span><em><b></b></em></span></a><a></a></i>",