src/ajax/ajaxTest.js

   1 module("ajax");
   2
   3 // Safari 3 randomly crashes when running these tests,
   4 // but only in the full suite - you can run just the Ajax
   5 // tests and they'll pass
   6 if ( !jQuery.browser.safari ) {
   7
   8 test("serialize()", function() {
   9         expect(1);
  10         // ignore button, IE takes text content as value, not relevant for this test
  11         equals( $(':input').not('button').serialize(),
  12                 'action=Test&text2=Test&radio1=on&radio2=on&check=on&=on&hidden=&foo%5Bbar%5D=&name=name&=foobar&select1=&select2=3&select3=1&test=&id=',
  13                 'Check form serialization as query string');
  14 });
  15
  16 test("$.param()", function() {
  17         expect(4);
  18         var params = {foo:"bar", baz:42, quux:"All your base are belong to us"};
  19         equals( $.param(params), "foo=bar&baz=42&quux=All%20your%20base%20are%20belong%20to%20us", "simple" );
  20
  21         params = {someName: [1, 2, 3], regularThing: "blah" };
  22         equals( $.param(params), "someName=1&someName=2&someName=3&regularThing=blah", "with array" );
  23
  24         params = {"foo[]":["baz", 42, "All your base are belong to us"]};
  25         equals( $.param(params), "foo%5B%5D=baz&foo%5B%5D=42&foo%5B%5D=All%20your%20base%20are%20belong%20to%20us", "more array" );
  26
  27         params = {"foo[bar]":"baz", "foo[beep]":42, "foo[quux]":"All your base are belong to us"};
  28         equals( $.param(params), "foo%5Bbar%5D=baz&foo%5Bbeep%5D=42&foo%5Bquux%5D=All%20your%20base%20are%20belong%20to%20us", "even more arrays" );
  29 });
  30
  31 test("synchronous request", function() {
  32         expect(1);
  33         ok( /^{ "data"/.test( $.ajax({url: url("data/json_obj.js"), async: false}).responseText ), "check returned text" );
  34 });
  35
  36 test("synchronous request with callbacks", function() {
  37         expect(2);
  38         var result;
  39         $.ajax({url: url("data/json_obj.js"), async: false, success: function(data) { ok(true, "sucess callback executed"); result = data; } });
  40         ok( /^{ "data"/.test( result ), "check returned text" );
  41 });
  42
  43 test("pass-through request object", function() {
  44         expect(1);
  45         stop(true);
  46
  47         var target = "data/name.html";
  48         var count = 0;
  49         var success = function() {
  50                 // Disabled
  51                 //if(count++ == 5)
  52                 start();
  53         };
  54
  55         /* Test disabled, too many simultaneous requests
  56         ok( $.get(url(target), success), "get" );
  57         ok( $.getIfModified(url(target), success), "getIfModified" );
  58         ok( $.post(url(target), success), "post" );
  59         ok( $.getScript(url("data/test.js"), success), "script" );
  60         ok( $.getJSON(url("data/json_obj.js"), success), "json" );
  61         */
  62         ok( $.ajax({url: url(target), success: success}), "generic" );
  63 });
  64
  65 test("global ajaxSettings", function() {
  66         expect(3);
  67
  68         var tmp = jQuery.extend({}, jQuery.ajaxSettings);
  69         var orig = { url: "data/with_fries.xml", data: null };
  70         var t;
  71
  72         $.ajaxSetup({ data: {foo: 'bar', bar: 'BAR'} });
  73
  74         t = jQuery.extend({}, orig);
  75         $.ajax(t);
  76         ok( t.url.indexOf('foo') > -1 && t.url.indexOf('bar') > -1, "Check extending null" );
  77
  78         t = jQuery.extend({}, orig);
  79         t.data = {};
  80         $.ajax(t);
  81         ok( t.url.indexOf('foo') > -1 && t.url.indexOf('bar') > -1, "Check extending {}" );
  82
  83         t = jQuery.extend({}, orig);
  84         t.data = { zoo: 'a', ping: 'b' };
  85         $.ajax(t);
  86         ok( t.url.indexOf('ping') > -1 && t.url.indexOf('zoo') > -1 && t.url.indexOf('foo') > -1 && t.url.indexOf('bar') > -1, "Check extending { zoo: 'a', ping: 'b' }" );
  87
  88         jQuery.ajaxSettings = tmp;
  89 });
  90
  91 test("load(String)", function() {
  92         expect(1);
  93         stop(true); // check if load can be called with only url
  94         $('#first').load("data/name.html", start);
  95 });
  96
  97 test("load('url selector')", function() {
  98         expect(1);
  99         stop(true); // check if load can be called with only url
 100         $('#first').load("data/test3.html div.user", function(){
 101                 equals( $(this).children("div").length, 2, "Verify that specific elements were injected" );
 102                 start();
 103         });
 104 });
 105
 106 test("load(String, Function) - simple: inject text into DOM", function() {
 107         expect(2);
 108         stop();
 109         $('#first').load(url("data/name.html"), function() {
 110                 ok( /^ERROR/.test($('#first').text()), 'Check if content was injected into the DOM' );
 111                 start();
 112         });
 113 });
 114
 115 test("load(String, Function) - check scripts", function() {
 116         expect(7);
 117         stop();
 118         window.testFoo = undefined;
 119         window.foobar = null;
 120         var verifyEvaluation = function() {
 121           equals( foobar, "bar", 'Check if script src was evaluated after load' );
 122           equals( $('#ap').html(), 'bar', 'Check if script evaluation has modified DOM');
 123           start();
 124         };
 125         $('#first').load(url('data/test.html'), function() {
 126           ok( $('#first').html().match(/^html text/), 'Check content after loading html' );
 127           equals( $('#foo').html(), 'foo', 'Check if script evaluation has modified DOM');
 128           equals( testFoo, "foo", 'Check if script was evaluated after load' );
 129           setTimeout(verifyEvaluation, 600);
 130         });
 131 });
 132
 133 test("load(String, Function) - check file with only a script tag", function() {
 134         expect(3);
 135         stop();
 136         testFoo = undefined;
 137         $('#first').load(url('data/test2.html'), function() {
 138           ok( $('#foo').html() == 'foo', 'Check if script evaluation has modified DOM');
 139           ok( testFoo == "foo", 'Check if script was evaluated after load' );
 140           start();
 141         });
 142 });
 143
 144 test("$.get(String, Hash, Function) - parse xml and use text() on nodes", function() {
 145         expect(2);
 146         stop();
 147         $.get(url('data/dashboard.xml'), function(xml) {
 148                 var content = [];
 149                 $('tab', xml).each(function() {
 150                         content.push($(this).text());
 151                 });
 152                 equals( content[0], 'blabla', 'Check first tab');
 153                 equals( content[1], 'blublu', 'Check second tab');
 154                 start();
 155         });
 156 });
 157
 158 test("$.getIfModified(String, Hash, Function)", function() {
 159         expect(1);
 160         stop();
 161         $.getIfModified(url("data/name.html"), function(msg) {
 162             ok( /^ERROR/.test(msg), 'Check ifModified' );
 163             start();
 164         });
 165 });
 166
 167 test("$.getScript(String, Function) - with callback", function() {
 168         expect(2);
 169         stop();
 170         $.getScript(url("data/test.js"), function() {
 171                 equals( foobar, "bar", 'Check if script was evaluated' );
 172                 setTimeout(start, 100);
 173         });
 174 });
 175
 176 test("$.getScript(String, Function) - no callback", function() {
 177         expect(1);
 178         stop(true);
 179         $.getScript(url("data/test.js"), start);
 180 });
 181
 182 test("$.ajax - xml: non-namespace elements inside namespaced elements", function() {
 183         expect(3);
 184         stop();
 185         $.ajax({
 186           url: url("data/with_fries.xml"),
 187           dataType: "xml",
 188           success: function(resp) {
 189             equals( $("properties", resp).length, 1, 'properties in responseXML' );
 190             equals( $("jsconf", resp).length, 1, 'jsconf in responseXML' );
 191             equals( $("thing", resp).length, 2, 'things in responseXML' );
 192             start();
 193           }
 194         });
 195 });
 196
 197 test("test global handlers - success", function() {
 198         expect( isLocal ? 4 : 8 );
 199         stop();
 200
 201         var counter = { complete: 0, success: 0, error: 0, send: 0 },
 202                 success = function() { counter.success++ },
 203                 error = function() { counter.error++ },
 204                 complete = function() { counter.complete++ },
 205                 send = function() { counter.send++ };
 206
 207         $('#foo').ajaxStart(complete).ajaxStop(complete).ajaxSend(send).ajaxComplete(complete).ajaxError(error).ajaxSuccess(success);
 208
 209         // start with successful test
 210         $.ajax({url: url("data/name.html"), beforeSend: send, success: success, error: error, complete: function() {
 211           equals( counter.error, 0, 'Check succesful request, error callback' );
 212           equals( counter.success, 2, 'Check succesful request, success callback' );
 213           equals( counter.complete, 3, 'Check succesful request, complete callback' );
 214           equals( counter.send, 2, 'Check succesful request, send callback' );
 215
 216           if ( !isLocal ) {
 217                   counter.error = counter.success = counter.complete = counter.send = 0;
 218                   $.ajaxTimeout(500);
 219
 220                   $.ajax({url: url("data/name.php?wait=5"), beforeSend: send, success: success, error: error, complete: function() {
 221                         equals( counter.error, 2, 'Check failed request, error callback' );
 222                         equals( counter.success, 0, 'Check failed request, success callback' );
 223                         equals( counter.complete, 3, 'Check failed request, failed callback' );
 224                         equals( counter.send, 2, 'Check failed request, send callback' );
 225                         start();
 226                   }});
 227           } else
 228                   start();
 229         }});
 230 });
 231
 232 test("test global handlers - failure", function() {
 233         expect( isLocal ? 4 : 8 );
 234         stop();
 235
 236         var counter = { complete: 0, success: 0, error: 0, send: 0 },
 237                 success = function() { counter.success++ },
 238                 error = function() { counter.error++ },
 239                 complete = function() { counter.complete++ },
 240                 send = function() { counter.send++ };
 241
 242         $.ajaxTimeout(0);
 243
 244         $('#foo').ajaxStart(complete).ajaxStop(complete).ajaxSend(send).ajaxComplete(complete).ajaxError(error).ajaxSuccess(success);
 245
 246         $.ajax({url: url("data/name.php"), global: false, beforeSend: send, success: success, error: error, complete: function() {
 247           ok( counter.error == 0, 'Check sucesful request without globals' );
 248           ok( counter.success == 1, 'Check sucesful request without globals' );
 249           ok( counter.complete == 0, 'Check sucesful request without globals' );
 250           ok( counter.send == 1, 'Check sucesful request without globals' );
 251
 252           if ( !isLocal ) {
 253                   counter.error = counter.success = counter.complete = counter.send = 0;
 254                   $.ajaxTimeout(500);
 255
 256                   $.ajax({url: url("data/name.php?wait=5"), global: false, beforeSend: send, success: success, error: error, complete: function() {
 257                          var x = counter;
 258                          ok( counter.error == 1, 'Check failed request without globals' );
 259                          ok( counter.success == 0, 'Check failed request without globals' );
 260                          ok( counter.complete == 0, 'Check failed request without globals' );
 261                          ok( counter.send == 1, 'Check failed request without globals' );
 262                          start();
 263                   }});
 264           } else
 265                   start();
 266         }});
 267 });
 268
 269 test("$.ajax - beforeSend", function() {
 270         expect(1);
 271         stop();
 272
 273         var check = false;
 274
 275         $.ajaxSetup({ timeout: 0 });
 276
 277         $.ajax({
 278                 url: url("data/name.html"),
 279                 beforeSend: function(xml) {
 280                         check = true;
 281                 },
 282                 success: function(data) {
 283                         ok( check, "check beforeSend was executed" );
 284                         start();
 285                 }
 286         });
 287 });
 288
 289 test("$.ajax - dataType html", function() {
 290         expect(5);
 291         stop();
 292
 293         foobar = null;
 294         testFoo = undefined;
 295
 296         var verifyEvaluation = function() {
 297           ok( testFoo == "foo", 'Check if script was evaluated for datatype html' );
 298           ok( foobar == "bar", 'Check if script src was evaluated for datatype html' );
 299           start();
 300         };
 301
 302         $.ajax({
 303           dataType: "html",
 304           url: url("data/test.html"),
 305           success: function(data) {
 306                 $("#ap").html(data);
 307             ok( data.match(/^html text/), 'Check content for datatype html' );
 308             setTimeout(verifyEvaluation, 600);
 309           }
 310         });
 311 });
 312
 313 if ( !isLocal ) {
 314
 315 test("$.getJSON(String, Hash, Function) - JSON array", function() {
 316         expect(4);
 317         stop();
 318         $.getJSON(url("data/json.php"), {json: "array"}, function(json) {
 319           ok( json[0].name == 'John', 'Check JSON: first, name' );
 320           ok( json[0].age == 21, 'Check JSON: first, age' );
 321           ok( json[1].name == 'Peter', 'Check JSON: second, name' );
 322           ok( json[1].age == 25, 'Check JSON: second, age' );
 323           start();
 324         });
 325 });
 326
 327 test("$.getJSON(String, Function) - JSON object", function() {
 328         expect(2);
 329         stop();
 330         $.getJSON(url("data/json.php"), function(json) {
 331           ok( json.data.lang == 'en', 'Check JSON: lang' );
 332           ok( json.data.length == 25, 'Check JSON: length' );
 333           start();
 334         });
 335 });
 336
 337 test("$.post(String, Hash, Function) - simple with xml", function() {
 338         expect(2);
 339         stop();
 340         $.post(url("data/name.php"), {xml: "5-2"}, function(xml){
 341           $('math', xml).each(function() {
 342                     ok( $('calculation', this).text() == '5-2', 'Check for XML' );
 343                     ok( $('result', this).text() == '3', 'Check for XML' );
 344                  });
 345           start();
 346         });
 347 });
 348
 349 test("$.ajaxTimeout(Number) - with global timeout", function() {
 350         stop();
 351
 352         var passed = 0;
 353
 354         $.ajaxTimeout(1000);
 355
 356         var pass = function() {
 357                 passed++;
 358                 if ( passed == 2 ) {
 359                         ok( true, 'Check local and global callbacks after timeout' );
 360                 $('#main').unbind("ajaxError");
 361                         start();
 362                 }
 363         };
 364
 365         var fail = function(a,b,c) {
 366                 ok( false, 'Check for timeout failed ' + a + ' ' + b );
 367                 start();
 368         };
 369
 370         $('#main').ajaxError(pass);
 371
 372         $.ajax({
 373           type: "GET",
 374           url: url("data/name.php?wait=5"),
 375           error: pass,
 376           success: fail
 377         });
 378
 379         // reset timeout
 380         $.ajaxTimeout(0);
 381 });
 382
 383 test("$.ajaxTimeout(Number) with localtimeout", function() {
 384         stop(); $.ajaxTimeout(50);
 385         $.ajax({
 386           type: "GET",
 387           timeout: 5000,
 388           url: url("data/name.php?wait=1"),
 389           error: function() {
 390                    ok( false, 'Check for local timeout failed' );
 391                    start();
 392           },
 393           success: function() {
 394             ok( true, 'Check for local timeout' );
 395             start();
 396           }
 397         });
 398         // reset timeout
 399         $.ajaxTimeout(0);
 400 });
 401
 402 test("$.ajax - simple get", function() {
 403         expect(1);
 404         stop();
 405         $.ajax({
 406           type: "GET",
 407           url: url("data/name.php?name=foo"),
 408           success: function(msg){
 409             ok( msg == 'bar', 'Check for GET' );
 410             start();
 411           }
 412         });
 413 });
 414
 415 test("$.ajax - simple post", function() {
 416         expect(1);
 417         stop();
 418         $.ajax({
 419           type: "POST",
 420           url: url("data/name.php"),
 421           data: "name=peter",
 422           success: function(msg){
 423             ok( msg == 'pan', 'Check for POST' );
 424             start();
 425           }
 426         });
 427 });
 428
 429 test("ajaxSetup()", function() {
 430         expect(1);
 431         stop();
 432         $.ajaxSetup({
 433                 url: url("data/name.php?name=foo"),
 434                 success: function(msg){
 435                 ok( msg == 'bar', 'Check for GET' );
 436                         start();
 437                 }
 438         });
 439         $.ajax();
 440 });
 441
 442 test("custom timeout does not set error message when timeout occurs, see #970", function() {
 443         stop();
 444         $.ajax({
 445                 url: "data/name.php?wait=10",
 446                 timeout: 500,
 447                 error: function(request, status) {
 448                         ok( status != null, "status shouldn't be null in error handler" );
 449                         equals( "timeout", status );
 450                         start();
 451                 }
 452         });
 453 });
 454
 455 }
 456
 457 }