Aucune description

basic.js 8.8KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282
  1. QUnit.module( "basic", { afterEach: moduleTeardown } );
  2. if ( jQuery.ajax ) {
  3. QUnit.test( "ajax", function( assert ) {
  4. assert.expect( 4 );
  5. var done = assert.async( 3 );
  6. jQuery.ajax( {
  7. type: "GET",
  8. url: url( "mock.php?action=name&name=foo" ),
  9. success: function( msg ) {
  10. assert.strictEqual( msg, "bar", "Check for GET" );
  11. done();
  12. }
  13. } );
  14. jQuery.ajax( {
  15. type: "POST",
  16. url: url( "mock.php?action=name" ),
  17. data: "name=peter",
  18. success: function( msg ) {
  19. assert.strictEqual( msg, "pan", "Check for POST" );
  20. done();
  21. }
  22. } );
  23. jQuery( "#first" ).load( url( "name.html" ), function() {
  24. assert.ok( /^ERROR/.test( jQuery( "#first" ).text() ),
  25. "Check if content was injected into the DOM" );
  26. done();
  27. } );
  28. } );
  29. }
  30. QUnit.test( "attributes", function( assert ) {
  31. assert.expect( 6 );
  32. var a = jQuery( "<a></a>" ).appendTo( "#qunit-fixture" ),
  33. input = jQuery( "<input/>" ).appendTo( "#qunit-fixture" );
  34. assert.strictEqual( a.attr( "foo", "bar" ).attr( "foo" ), "bar", ".attr getter/setter" );
  35. assert.strictEqual( a.removeAttr( "foo" ).attr( "foo" ), undefined, ".removeAttr" );
  36. assert.strictEqual( a.prop( "href", "#5" ).prop( "href" ),
  37. location.href.replace( /\#.*$/, "" ) + "#5",
  38. ".prop getter/setter" );
  39. a.addClass( "abc def ghj" ).removeClass( "def ghj" );
  40. assert.strictEqual( a.hasClass( "abc" ), true, ".(add|remove|has)Class, class present" );
  41. assert.strictEqual( a.hasClass( "def" ), false, ".(add|remove|has)Class, class missing" );
  42. assert.strictEqual( input.val( "xyz" ).val(), "xyz", ".val getter/setter" );
  43. } );
  44. if ( jQuery.css ) {
  45. QUnit.test( "css", function( assert ) {
  46. assert.expect( 1 );
  47. var div = jQuery( "<div></div>" ).appendTo( "#qunit-fixture" );
  48. assert.strictEqual( div.css( "width", "50px" ).css( "width" ), "50px", ".css getter/setter" );
  49. } );
  50. }
  51. if ( jQuery.fn.show && jQuery.fn.hide ) {
  52. QUnit.test( "show/hide", function( assert ) {
  53. assert.expect( 2 );
  54. var div = jQuery( "<div></div>" ).appendTo( "#qunit-fixture" );
  55. div.hide();
  56. assert.strictEqual( div.css( "display" ), "none", "div hidden" );
  57. div.show();
  58. assert.strictEqual( div.css( "display" ), "block", "div shown" );
  59. } );
  60. }
  61. QUnit.test( "core", function( assert ) {
  62. assert.expect( 17 );
  63. var elem = jQuery( "<div></div><span></span>" );
  64. assert.strictEqual( elem.length, 2, "Correct number of elements" );
  65. assert.ok( jQuery.isPlainObject( { "a": 2 } ), "jQuery.isPlainObject(object)" );
  66. assert.ok( !jQuery.isPlainObject( "foo" ), "jQuery.isPlainObject(String)" );
  67. assert.ok( jQuery.isXMLDoc( jQuery.parseXML(
  68. "<?xml version='1.0' encoding='UTF-8'?><foo bar='baz'></foo>"
  69. ) ), "jQuery.isXMLDoc" );
  70. assert.strictEqual( jQuery.inArray( 3, [ "a", 6, false, 3, {} ] ), 3, "jQuery.inArray - true" );
  71. assert.strictEqual(
  72. jQuery.inArray( 3, [ "a", 6, false, "3", {} ] ),
  73. -1,
  74. "jQuery.inArray - false"
  75. );
  76. assert.strictEqual( elem.get( 1 ), elem[ 1 ], ".get" );
  77. assert.strictEqual( elem.first()[ 0 ], elem[ 0 ], ".first" );
  78. assert.strictEqual( elem.last()[ 0 ], elem[ 1 ], ".last" );
  79. assert.deepEqual( jQuery.map( [ "a", "b", "c" ], function( v, k ) {
  80. return k + v;
  81. } ), [ "0a", "1b", "2c" ], "jQuery.map" );
  82. assert.deepEqual( jQuery.merge( [ 1, 2 ], [ "a", "b" ] ), [ 1, 2, "a", "b" ], "jQuery.merge" );
  83. assert.deepEqual( jQuery.grep( [ 1, 2, 3 ], function( value ) {
  84. return value % 2 !== 0;
  85. } ), [ 1, 3 ], "jQuery.grep" );
  86. assert.deepEqual( jQuery.extend( { a: 2 }, { b: 3 } ), { a: 2, b: 3 }, "jQuery.extend" );
  87. jQuery.each( [ 0, 2 ], function( k, v ) {
  88. assert.strictEqual( k * 2, v, "jQuery.each" );
  89. } );
  90. assert.deepEqual( jQuery.makeArray( { 0: "a", 1: "b", 2: "c", length: 3 } ),
  91. [ "a", "b", "c" ], "jQuery.makeArray" );
  92. assert.strictEqual( jQuery.parseHTML( "<div></div><span></span>" ).length,
  93. 2, "jQuery.parseHTML" );
  94. } );
  95. QUnit.test( "data", function( assert ) {
  96. assert.expect( 4 );
  97. var elem = jQuery( "<div data-c='d'></div>" ).appendTo( "#qunit-fixture" );
  98. assert.ok( !jQuery.hasData( elem[ 0 ] ), "jQuery.hasData - false" );
  99. assert.strictEqual( elem.data( "a", "b" ).data( "a" ), "b", ".data getter/setter" );
  100. assert.strictEqual( elem.data( "c" ), "d", ".data from data-* attributes" );
  101. assert.ok( jQuery.hasData( elem[ 0 ] ), "jQuery.hasData - true" );
  102. } );
  103. QUnit.test( "dimensions", function( assert ) {
  104. assert.expect( 3 );
  105. var elem = jQuery(
  106. "<div style='margin: 10px; padding: 7px; border: 2px solid black;'></div> "
  107. ).appendTo( "#qunit-fixture" );
  108. assert.strictEqual( elem.width( 50 ).width(), 50, ".width getter/setter" );
  109. assert.strictEqual( elem.innerWidth(), 64, ".innerWidth getter" );
  110. assert.strictEqual( elem.outerWidth(), 68, ".outerWidth getter" );
  111. } );
  112. QUnit.test( "event", function( assert ) {
  113. assert.expect( 1 );
  114. var elem = jQuery( "<div></div>" ).appendTo( "#qunit-fixture" );
  115. elem
  116. .on( "click", function() {
  117. assert.ok( false, "click should not fire" );
  118. } )
  119. .off( "click" )
  120. .trigger( "click" )
  121. .on( "click", function() {
  122. assert.ok( true, "click should fire" );
  123. } )
  124. .trigger( "click" );
  125. } );
  126. QUnit.test( "manipulation", function( assert ) {
  127. assert.expect( 5 );
  128. var child,
  129. elem1 = jQuery( "<div><span></span></div>" ).appendTo( "#qunit-fixture" ),
  130. elem2 = jQuery( "<div></div>" ).appendTo( "#qunit-fixture" );
  131. assert.strictEqual( elem1.text( "foo" ).text(), "foo", ".html getter/setter" );
  132. assert.strictEqual(
  133. elem1.html( "<span></span>" ).html(),
  134. "<span></span>",
  135. ".html getter/setter"
  136. );
  137. assert.strictEqual( elem1.append( elem2 )[ 0 ].childNodes[ 1 ], elem2[ 0 ], ".append" );
  138. assert.strictEqual( elem1.prepend( elem2 )[ 0 ].childNodes[ 0 ], elem2[ 0 ], ".prepend" );
  139. child = elem1.find( "span" );
  140. child.after( "<a></a>" );
  141. child.before( "<b></b>" );
  142. assert.strictEqual(
  143. elem1.html(),
  144. "<div></div><b></b><span></span><a></a>",
  145. ".after/.before"
  146. );
  147. } );
  148. // Support: jsdom 13.2+
  149. // jsdom returns 0 for offset-related properties
  150. QUnit[ /jsdom\//.test( navigator.userAgent ) ? "skip" : "test" ]( "offset", function( assert ) {
  151. assert.expect( 3 );
  152. var parent = jQuery( "<div style='position:fixed;top:20px;'></div>" ).appendTo( "#qunit-fixture" ),
  153. elem = jQuery( "<div style='position:absolute;top:5px;'></div>" ).appendTo( parent );
  154. assert.strictEqual( elem.offset().top, 25, ".offset getter" );
  155. assert.strictEqual( elem.position().top, 5, ".position getter" );
  156. assert.strictEqual( elem.offsetParent()[ 0 ], parent[ 0 ], ".offsetParent" );
  157. } );
  158. QUnit.test( "selector", function( assert ) {
  159. assert.expect( 2 );
  160. var elem = jQuery( "<div><span class='a'></span><span class='b'><a></a></span></div>" )
  161. .appendTo( "#qunit-fixture" );
  162. assert.strictEqual( elem.find( ".a a" ).length, 0, ".find - no result" );
  163. assert.strictEqual( elem.find( "span.b a" )[ 0 ].nodeName, "A", ".find - one result" );
  164. } );
  165. QUnit.test( "serialize", function( assert ) {
  166. assert.expect( 2 );
  167. var params = { "someName": [ 1, 2, 3 ], "regularThing": "blah" };
  168. assert.strictEqual( jQuery.param( params ),
  169. "someName%5B%5D=1&someName%5B%5D=2&someName%5B%5D=3&regularThing=blah",
  170. "jQuery.param" );
  171. assert.strictEqual( jQuery( "#form" ).serialize(),
  172. "action=Test&radio2=on&check=on&hidden=&foo%5Bbar%5D=&name=name&search=search" +
  173. "&select1=&select2=3&select3=1&select3=2&select5=3",
  174. "form serialization as query string" );
  175. } );
  176. QUnit.test( "traversing", function( assert ) {
  177. assert.expect( 12 );
  178. var elem = jQuery( "<div><a><b><em></em></b></a><i></i><span></span>foo</div>" )
  179. .appendTo( "#qunit-fixture" );
  180. assert.strictEqual( elem.find( "em" ).parent()[ 0 ].nodeName, "B", ".parent" );
  181. assert.strictEqual( elem.find( "em" ).parents()[ 1 ].nodeName, "A", ".parents" );
  182. assert.strictEqual( elem.find( "em" ).parentsUntil( "div" ).length, 2, ".parentsUntil" );
  183. assert.strictEqual( elem.find( "i" ).next()[ 0 ].nodeName, "SPAN", ".next" );
  184. assert.strictEqual( elem.find( "i" ).prev()[ 0 ].nodeName, "A", ".prev" );
  185. assert.strictEqual( elem.find( "a" ).nextAll()[ 1 ].nodeName, "SPAN", ".nextAll" );
  186. assert.strictEqual( elem.find( "span" ).prevAll()[ 1 ].nodeName, "A", ".prevAll" );
  187. assert.strictEqual( elem.find( "a" ).nextUntil( "span" ).length, 1, ".nextUntil" );
  188. assert.strictEqual( elem.find( "span" ).prevUntil( "a" ).length, 1, ".prevUntil" );
  189. assert.strictEqual( elem.find( "i" ).siblings().length, 2, ".siblings" );
  190. assert.strictEqual( elem.children()[ 2 ].nodeName, "SPAN", ".children" );
  191. assert.strictEqual( elem.contents()[ 3 ].nodeType, 3, ".contents" );
  192. } );
  193. QUnit.test( "wrap", function( assert ) {
  194. assert.expect( 3 );
  195. var elem = jQuery( "<div><a><b></b></a><a></a></div>" );
  196. elem.find( "b" ).wrap( "<span>" );
  197. assert.strictEqual(
  198. elem.html(),
  199. "<a><span><b></b></span></a><a></a>",
  200. ".wrap"
  201. );
  202. elem.find( "span" ).wrapInner( "<em>" );
  203. assert.strictEqual(
  204. elem.html(),
  205. "<a><span><em><b></b></em></span></a><a></a>",
  206. ".wrapInner"
  207. );
  208. elem.find( "a" ).wrapAll( "<i>" );
  209. assert.strictEqual(
  210. elem.html(),
  211. "<i><a><span><em><b></b></em></span></a><a></a></i>",
  212. ".wrapAll"
  213. );
  214. } );