X-Git-Url: http://git.asbjorn.biz/?a=blobdiff_plain;f=test%2Funit%2Fajax.js;h=beec2c537655639748e463e3cb788aaa077baf70;hb=3e0cc815043c2425819743e907a0ce263a7ce164;hp=194fbd5f154ee87b23e868d8056a41ce180cf53d;hpb=927e1966debda40d8def96b6a4ea35d2a9d5423c;p=jquery.git diff --git a/test/unit/ajax.js b/test/unit/ajax.js index 194fbd5..beec2c5 100644 --- a/test/unit/ajax.js +++ b/test/unit/ajax.js @@ -14,6 +14,468 @@ test("jQuery.ajax() - success callbacks", function() { stop(); + jQuery('#foo').ajaxStart(function(){ + ok( true, "ajaxStart" ); + }).ajaxStop(function(){ + ok( true, "ajaxStop" ); + start(); + }).ajaxSend(function(){ + ok( true, "ajaxSend" ); + }).ajaxComplete(function(){ + ok( true, "ajaxComplete" ); + }).ajaxError(function(){ + ok( false, "ajaxError" ); + }).ajaxSuccess(function(){ + ok( true, "ajaxSuccess" ); + }); + + jQuery.ajax({ + url: url("data/name.html"), + beforeSend: function(){ ok(true, "beforeSend"); }, + success: function(){ ok(true, "success"); }, + error: function(){ ok(false, "error"); }, + complete: function(){ ok(true, "complete"); } + }); +}); + +test("jQuery.ajax() - success callbacks - (url, options) syntax", function() { + expect( 8 ); + + jQuery.ajaxSetup({ timeout: 0 }); + + stop(); + + setTimeout(function(){ + jQuery('#foo').ajaxStart(function(){ + ok( true, "ajaxStart" ); + }).ajaxStop(function(){ + ok( true, "ajaxStop" ); + start(); + }).ajaxSend(function(){ + ok( true, "ajaxSend" ); + }).ajaxComplete(function(){ + ok( true, "ajaxComplete" ); + }).ajaxError(function(){ + ok( false, "ajaxError" ); + }).ajaxSuccess(function(){ + ok( true, "ajaxSuccess" ); + }); + + jQuery.ajax( url("data/name.html") , { + beforeSend: function(){ ok(true, "beforeSend"); }, + success: function(){ ok(true, "success"); }, + error: function(){ ok(false, "error"); }, + complete: function(){ ok(true, "complete"); } + }); + }, 13); +}); + +test("jQuery.ajax() - success/error callbacks (remote)", function() { + + var supports = jQuery.support.cors; + + expect( supports ? 9 : 6 ); + + jQuery.ajaxSetup({ timeout: 0 }); + + stop(); + + setTimeout(function(){ + jQuery('#foo').ajaxStart(function(){ + ok( true, "ajaxStart" ); + }).ajaxStop(function(){ + ok( true, "ajaxStop" ); + start(); + }).ajaxSend(function(){ + ok( supports , "ajaxSend" ); + }).ajaxComplete(function(){ + ok( true, "ajaxComplete" ); + }).ajaxError(function(){ + ok( ! supports, "ajaxError" ); + }).ajaxSuccess(function(){ + ok( supports, "ajaxSuccess" ); + }); + + jQuery.ajax({ + // JULIAN TODO: Get an url especially for jQuery + url: "http://rockstarapps.com/test.php", + dataType: "text", + beforeSend: function(){ ok(supports, "beforeSend"); }, + success: function( val ){ ok(supports, "success"); ok(supports && val.length, "data received"); }, + error: function(_ , a , b ){ ok(!supports, "error"); }, + complete: function(){ ok(true, "complete"); } + }); + }, 13); +}); + +test("jQuery.ajax() - success callbacks (late binding)", function() { + expect( 8 ); + + jQuery.ajaxSetup({ timeout: 0 }); + + stop(); + + setTimeout(function(){ + jQuery('#foo').ajaxStart(function(){ + ok( true, "ajaxStart" ); + }).ajaxStop(function(){ + ok( true, "ajaxStop" ); + start(); + }).ajaxSend(function(){ + ok( true, "ajaxSend" ); + }).ajaxComplete(function(){ + ok( true, "ajaxComplete" ); + }).ajaxError(function(){ + ok( false, "ajaxError" ); + }).ajaxSuccess(function(){ + ok( true, "ajaxSuccess" ); + }); + + jQuery.ajax({ + url: url("data/name.html"), + beforeSend: function(){ ok(true, "beforeSend"); } + }) + .complete(function(){ ok(true, "complete"); }) + .success(function(){ ok(true, "success"); }) + .error(function(){ ok(false, "error"); }); + }, 13); +}); + +test("jQuery.ajax() - success callbacks (oncomplete binding)", function() { + expect( 8 ); + + jQuery.ajaxSetup({ timeout: 0 }); + + stop(); + + setTimeout(function(){ + jQuery('#foo').ajaxStart(function(){ + ok( true, "ajaxStart" ); + }).ajaxStop(function(){ + ok( true, "ajaxStop" ); + }).ajaxSend(function(){ + ok( true, "ajaxSend" ); + }).ajaxComplete(function(){ + ok( true, "ajaxComplete" ); + }).ajaxError(function(){ + ok( false, "ajaxError" ); + }).ajaxSuccess(function(){ + ok( true, "ajaxSuccess" ); + }); + + jQuery.ajax({ + url: url("data/name.html"), + beforeSend: function(){ ok(true, "beforeSend"); }, + complete: function(xhr) { + xhr + .complete(function(){ ok(true, "complete"); }) + .success(function(){ ok(true, "success"); }) + .error(function(){ ok(false, "error"); }) + .complete(function(){ start(); }); + } + }) + }, 13); +}); + +test("jQuery.ajax() - success callbacks (very late binding)", function() { + expect( 8 ); + + jQuery.ajaxSetup({ timeout: 0 }); + + stop(); + + setTimeout(function(){ + jQuery('#foo').ajaxStart(function(){ + ok( true, "ajaxStart" ); + }).ajaxStop(function(){ + ok( true, "ajaxStop" ); + }).ajaxSend(function(){ + ok( true, "ajaxSend" ); + }).ajaxComplete(function(){ + ok( true, "ajaxComplete" ); + }).ajaxError(function(){ + ok( false, "ajaxError" ); + }).ajaxSuccess(function(){ + ok( true, "ajaxSuccess" ); + }); + + jQuery.ajax({ + url: url("data/name.html"), + beforeSend: function(){ ok(true, "beforeSend"); }, + complete: function(xhr) { + setTimeout (function() { + xhr + .complete(function(){ ok(true, "complete"); }) + .success(function(){ ok(true, "success"); }) + .error(function(){ ok(false, "error"); }) + .complete(function(){ start(); }); + },100); + } + }) + }, 13); +}); + +test("jQuery.ajax() - success callbacks (order)", function() { + expect( 1 ); + + jQuery.ajaxSetup({ timeout: 0 }); + + stop(); + + var testString = ""; + + setTimeout(function(){ + jQuery.ajax({ + url: url("data/name.html"), + success: function( _1 , _2 , xhr ) { + xhr.success(function() { + xhr.success(function() { + testString += "E"; + }); + testString += "D"; + }); + testString += "A"; + }, + complete: function() { + strictEqual(testString, "ABCDE", "Proper order"); + start(); + } + }).success(function() { + testString += "B"; + }).success(function() { + testString += "C"; + }); + }, 13); +}); + +test("jQuery.ajax() - error callbacks", function() { + expect( 8 ); + stop(); + + jQuery('#foo').ajaxStart(function(){ + ok( true, "ajaxStart" ); + }).ajaxStop(function(){ + ok( true, "ajaxStop" ); + start(); + }).ajaxSend(function(){ + ok( true, "ajaxSend" ); + }).ajaxComplete(function(){ + ok( true, "ajaxComplete" ); + }).ajaxError(function(){ + ok( true, "ajaxError" ); + }).ajaxSuccess(function(){ + ok( false, "ajaxSuccess" ); + }); + + jQuery.ajaxSetup({ timeout: 500 }); + + jQuery.ajax({ + url: url("data/name.php?wait=5"), + beforeSend: function(){ ok(true, "beforeSend"); }, + success: function(){ ok(false, "success"); }, + error: function(){ ok(true, "error"); }, + complete: function(){ ok(true, "complete"); } + }); +}); + +test(".ajax() - headers" , function() { + + expect( 2 ); + + stop(); + + var requestHeaders = { + siMPle: "value", + "SometHing-elsE": "other value", + OthEr: "something else" + }, + list = [], + i; + + for( i in requestHeaders ) { + list.push( i ); + } + + jQuery.ajax(url("data/headers.php?keys="+list.join( "_" ) ), { + headers: requestHeaders, + success: function( data , _ , xhr ) { + var tmp = []; + for ( i in requestHeaders ) { + tmp.push( i , ": " , requestHeaders[ i ] , "\n" ); + } + tmp = tmp.join( "" ); + + equals( data , tmp , "Headers were sent" ); + equals( xhr.getResponseHeader( "Sample-Header" ) , "Hello World" , "Sample header received" ); + start(); + }, + error: function(){ ok(false, "error"); } + }); + +}); + +test(".ajax() - hash", function() { + expect(3); + + jQuery.ajax({ + url: "data/name.html#foo", + beforeSend: function( xhr, settings ) { + equals(settings.url, "data/name.html", "Make sure that the URL is trimmed."); + return false; + } + }); + + jQuery.ajax({ + url: "data/name.html?abc#foo", + beforeSend: function( xhr, settings ) { + equals(settings.url, "data/name.html?abc", "Make sure that the URL is trimmed."); + return false; + } + }); + + jQuery.ajax({ + url: "data/name.html?abc#foo", + data: { "test": 123 }, + beforeSend: function( xhr, settings ) { + equals(settings.url, "data/name.html?abc&test=123", "Make sure that the URL is trimmed."); + return false; + } + }); +}); + +test(".ajax() - 304", function() { + expect( 1 ); + stop(); + + jQuery.ajax({ + url: url("data/notmodified.php"), + success: function(){ ok(true, "304 ok"); }, + // Do this because opera simply refuses to implement 304 handling :( + // A feature-driven way of detecting this would be appreciated + // See: http://gist.github.com/599419 + error: function(){ ok(jQuery.browser.opera, "304 not ok "); }, + complete: function(xhr){ start(); } + }); +}); + +test(".load()) - 404 error callbacks", function() { + expect( 6 ); + stop(); + + jQuery('#foo').ajaxStart(function(){ + ok( true, "ajaxStart" ); + }).ajaxStop(function(){ + ok( true, "ajaxStop" ); + start(); + }).ajaxSend(function(){ + ok( true, "ajaxSend" ); + }).ajaxComplete(function(){ + ok( true, "ajaxComplete" ); + }).ajaxError(function(){ + ok( true, "ajaxError" ); + }).ajaxSuccess(function(){ + ok( false, "ajaxSuccess" ); + }); + + jQuery("
").load("data/404.html", function(){ + ok(true, "complete"); + }); +}); + +test("jQuery.ajax() - abort", function() { + expect( 8 ); + stop(); + + jQuery('#foo').ajaxStart(function(){ + ok( true, "ajaxStart" ); + }).ajaxStop(function(){ + ok( true, "ajaxStop" ); + start(); + }).ajaxSend(function(){ + ok( true, "ajaxSend" ); + }).ajaxComplete(function(){ + ok( true, "ajaxComplete" ); + }); + + var xhr = jQuery.ajax({ + url: url("data/name.php?wait=5"), + beforeSend: function(){ ok(true, "beforeSend"); }, + complete: function(){ ok(true, "complete"); } + }); + + equals( xhr.readyState, 1, "XHR readyState indicates successful dispatch" ); + + xhr.abort(); + equals( xhr.readyState, 0, "XHR readyState indicates successful abortion" ); +}); + +test("jQuery.ajax() - readyState (success)", function() { + expect( 1 ); + + jQuery.ajaxSetup({ timeout: 0 }); + + stop(); + + var control = ""; + + setTimeout(function(){ + jQuery.ajax({ + url: url("data/name.html"), + beforeSend: function( xhr ) { + xhr.onreadystatechange = function() { + control += xhr.readyState; + } + }, + complete: function(){ + setTimeout( function() { + equals( control , "1234" , "onreadystatechange was properly called" ); + }, 13 ); + start(); + } + }); + }, 13); +}); + +test("jQuery.ajax() - readyState (abort)", function() { + expect( 2 ); + + jQuery.ajaxSetup({ timeout: 0 }); + + stop(); + + var control = ""; + + setTimeout(function(){ + + jQuery.ajaxSetup({ timeout: 500 }); + + jQuery.ajax({ + url: url("data/name.php?wait=5"), + beforeSend: function( xhr ) { + xhr.onreadystatechange = function() { + control += xhr.readyState; + } + }, + complete: function( xhr ){ + setTimeout( function() { + equals( control , "14" , "onreadystatechange was properly called" ); + equals( xhr.readyState, 0 , "readyState is 0" ); + }, 13 ); + start(); + } + }); + }, 13); +}); + +test("jQuery.xhr() - reuse", function() { + expect( 15 ); + + jQuery.ajaxSetup({ timeout: 0 }); + + stop(); + + var number = 0; + setTimeout(function(){ jQuery('#foo').ajaxStart(function(){ ok( true, "ajaxStart" ); @@ -21,69 +483,84 @@ test("jQuery.ajax() - success callbacks", function() { ok( true, "ajaxStop" ); start(); }).ajaxSend(function(){ - ok( true, "ajaxSend" ); + number++; + ok( true, "ajaxSend (" + number +")" ); }).ajaxComplete(function(){ - ok( true, "ajaxComplete" ); + ok( true, "ajaxComplete (" + number +")" ); }).ajaxError(function(){ - ok( false, "ajaxError" ); + ok( false, "ajaxError (" + number +")" ); }).ajaxSuccess(function(){ - ok( true, "ajaxSuccess" ); + ok( true, "ajaxSuccess (" + number +")" ); }); jQuery.ajax({ url: url("data/name.html"), - beforeSend: function(){ ok(true, "beforeSend"); }, - success: function(){ ok(true, "success"); }, - error: function(){ ok(false, "error"); }, - complete: function(){ ok(true, "complete"); } + beforeSend: function(){ ok(true, "beforeSend (1)"); }, + success: function( _1 , _2 , xhr ){ + ok(true, "success (1)"); + xhr.complete(function() { + ok(true, "complete (1bis)"); + }); + xhr.open( "GET", url("data/name.html") ); + xhr.success( function(){ ok(true, "beforeSend (2)"); } ) + xhr.send( null, { + success: function(){ ok(true, "success (2)"); }, + error: function(){ ok(false, "error (2)"); }, + complete: function(){ ok(true, "complete (2)"); } + } ); + }, + error: function(){ ok(false, "error (1)"); }, + complete: function(){ ok(true, "complete (1)"); } }); }, 13); }); -test("jQuery.ajax() - error callbacks", function() { - expect( 8 ); +test("jQuery.xhr() - early binding", function() { + expect( 2 ); + + jQuery.ajaxSetup({ timeout: 0 }); + stop(); - jQuery('#foo').ajaxStart(function(){ - ok( true, "ajaxStart" ); - }).ajaxStop(function(){ - ok( true, "ajaxStop" ); - start(); - }).ajaxSend(function(){ - ok( true, "ajaxSend" ); - }).ajaxComplete(function(){ - ok( true, "ajaxComplete" ); - }).ajaxError(function(){ - ok( true, "ajaxError" ); - }).ajaxSuccess(function(){ - ok( false, "ajaxSuccess" ); - }); + jQuery.xhr() + .success( function(){ ok(true, "success"); } ) + .error( function(){ ok(false, "error"); } ) + .complete( function(){ ok(true, "complete"); start(); } ) + .open( "GET", url("data/name.html") ) + .send(); +}); - jQuery.ajaxSetup({ timeout: 500 }); +test("jQuery.xhr() - get native implementation", function() { + + var xhr = jQuery.xhr(true); + + ok( xhr.readyState !== undefined , "implements XMLHttpRequest" ); + ok( ! jQuery.isFunction( xhr.success ) , "is not jQuery's abstraction" ); - jQuery.ajax({ - url: url("data/name.php?wait=5"), - beforeSend: function(){ ok(true, "beforeSend"); }, - success: function(){ ok(false, "success"); }, - error: function(){ ok(true, "error"); }, - complete: function(){ ok(true, "complete"); } - }); }); test("Ajax events with context", function() { - expect(6); - + expect(14); + stop(); var context = document.createElement("div"); - + function event(e){ equals( this, context, e.type ); } - function callback(){ - equals( this, context, "context is preserved on callback" ); + function callback(msg){ + return function(){ + equals( this, context, "context is preserved on callback " + msg ); + }; + } + + function nocallback(msg){ + return function(){ + equals( typeof this.url, "string", "context is settings on callback " + msg ); + }; } - + jQuery('#foo').add(context) .ajaxSend(event) .ajaxComplete(event) @@ -92,20 +569,57 @@ test("Ajax events with context", function() { jQuery.ajax({ url: url("data/name.html"), - beforeSend: callback, - success: callback, - error: callback, + beforeSend: callback("beforeSend"), + success: callback("success"), + error: callback("error"), complete:function(){ - callback.call(this); - setTimeout(proceed, 300); + callback("complete").call(this); + + jQuery.ajax({ + url: url("data/404.html"), + context: context, + beforeSend: callback("beforeSend"), + error: callback("error"), + complete: function(){ + callback("complete").call(this); + + jQuery('#foo').add(context).unbind(); + + jQuery.ajax({ + url: url("data/404.html"), + beforeSend: nocallback("beforeSend"), + error: nocallback("error"), + complete: function(){ + nocallback("complete").call(this); + start(); + } + }); + } + }); }, context:context }); - - function proceed(){ - jQuery('#foo').add(context).unbind(); - start(); - } +}); + +test("jQuery.ajax context modification", function() { + expect(1); + + stop(); + + var obj = {} + + jQuery.ajax({ + url: url("data/name.html"), + context: obj, + beforeSend: function(){ + this.test = "foo"; + }, + complete: function() { + start(); + } + }); + + equals( obj.test, "foo", "Make sure the original object is maintained." ); }); test("jQuery.ajax() - disabled globals", function() { @@ -139,6 +653,34 @@ test("jQuery.ajax() - disabled globals", function() { }); }); +test("jQuery.xhr() - disabled globals through xhr.send(data , false)", function() { + expect( 2 ); + stop(); + + jQuery('#foo').ajaxStart(function(){ + ok( false, "ajaxStart" ); + }).ajaxStop(function(){ + ok( false, "ajaxStop" ); + }).ajaxSend(function(){ + ok( false, "ajaxSend" ); + }).ajaxComplete(function(){ + ok( false, "ajaxComplete" ); + }).ajaxError(function(){ + ok( false, "ajaxError" ); + }).ajaxSuccess(function(){ + ok( false, "ajaxSuccess" ); + }); + + jQuery.xhr() + .success(function(){ ok(true, "success"); }) + .error(function(){ ok(false, "error"); }) + .complete(function(){ + ok(true, "complete"); + setTimeout(function(){ start(); }, 13); + }) + .open("GET", url("data/name.html")).send(undefined, false); +}); + test("jQuery.ajax - xml: non-namespace elements inside namespaced elements", function() { expect(3); stop(); @@ -154,6 +696,47 @@ test("jQuery.ajax - xml: non-namespace elements inside namespaced elements", fun }); }); +test("jQuery.ajax - xml: non-namespace elements inside namespaced elements (over JSONP)", function() { + expect(3); + stop(); + jQuery.ajax({ + url: url("data/with_fries_over_jsonp.php"), + dataType: "jsonp xml", + success: function(resp) { + equals( jQuery("properties", resp).length, 1, 'properties in responseXML' ); + equals( jQuery("jsconf", resp).length, 1, 'jsconf in responseXML' ); + equals( jQuery("thing", resp).length, 2, 'things in responseXML' ); + start(); + } + }); +}); + +test("jQuery.ajax - HEAD requests", function() { + expect(2); + + stop(); + jQuery.ajax({ + url: url("data/name.html"), + type: "HEAD", + success: function(data, status, xhr){ + var h = xhr.getAllResponseHeaders(); + ok( /Date/i.test(h), 'No Date in HEAD response' ); + + jQuery.ajax({ + url: url("data/name.html"), + data: { whip_it: "good" }, + type: "HEAD", + success: function(data, status, xhr){ + var h = xhr.getAllResponseHeaders(); + ok( /Date/i.test(h), 'No Date in HEAD response with data' ); + start(); + } + }); + } + }); + +}); + test("jQuery.ajax - beforeSend", function() { expect(1); stop(); @@ -195,6 +778,27 @@ test("jQuery.ajax - beforeSend, cancel request (#2688)", function() { ok( request === false, "canceled request must return false instead of XMLHttpRequest instance" ); }); +test("jQuery.ajax - beforeSend, cancel request manually", function() { + expect(2); + var request = jQuery.ajax({ + url: url("data/name.html"), + beforeSend: function(xhr) { + ok( true, "beforeSend got called, canceling" ); + xhr.abort(); + }, + success: function() { + ok( false, "request didn't get canceled" ); + }, + complete: function() { + ok( false, "request didn't get canceled" ); + }, + error: function() { + ok( false, "request didn't get canceled" ); + } + }); + ok( request === false, "canceled request must return false instead of XMLHttpRequest instance" ); +}); + window.foobar = null; window.testFoo = undefined; @@ -223,12 +827,18 @@ test("jQuery.ajax - dataType html", function() { test("serialize()", function() { expect(5); + // Add html5 elements only for serialize because selector can't yet find them on non-html5 browsers + jQuery("#search").after( + ''+ + '' + ); + equals( jQuery('#form').serialize(), - "action=Test&radio2=on&check=on&hidden=&foo%5Bbar%5D=&name=name&search=search&select1=&select2=3&select3=1&select3=2", + "action=Test&radio2=on&check=on&hidden=&foo%5Bbar%5D=&name=name&search=search&email=dave%40jquery.com&number=43&select1=&select2=3&select3=1&select3=2&select5=3", 'Check form serialization as query string'); equals( jQuery('#form :input').serialize(), - "action=Test&radio2=on&check=on&hidden=&foo%5Bbar%5D=&name=name&search=search&select1=&select2=3&select3=1&select3=2", + "action=Test&radio2=on&check=on&hidden=&foo%5Bbar%5D=&name=name&search=search&email=dave%40jquery.com&number=43&select1=&select2=3&select3=1&select3=2&select5=3", 'Check input serialization as query string'); equals( jQuery('#testForm').serialize(), @@ -240,21 +850,22 @@ test("serialize()", function() { 'Check input serialization as query string'); equals( jQuery('#form, #testForm').serialize(), - "action=Test&radio2=on&check=on&hidden=&foo%5Bbar%5D=&name=name&search=search&select1=&select2=3&select3=1&select3=2&T3=%3F%0AZ&H1=x&H2=&PWD=&T1=&T2=YES&My+Name=me&S1=abc&S3=YES&S4=", + "action=Test&radio2=on&check=on&hidden=&foo%5Bbar%5D=&name=name&search=search&email=dave%40jquery.com&number=43&select1=&select2=3&select3=1&select3=2&select5=3&T3=%3F%0AZ&H1=x&H2=&PWD=&T1=&T2=YES&My+Name=me&S1=abc&S3=YES&S4=", 'Multiple form serialization as query string'); /* Temporarily disabled. Opera 10 has problems with form serialization. equals( jQuery('#form, #testForm :input').serialize(), - "action=Test&radio2=on&check=on&hidden=&foo%5Bbar%5D=&name=name&search=search&select1=&select2=3&select3=1&select3=2&T3=%3F%0AZ&H1=x&H2=&PWD=&T1=&T2=YES&My+Name=me&S1=abc&S3=YES&S4=", + "action=Test&radio2=on&check=on&hidden=&foo%5Bbar%5D=&name=name&search=search&email=dave%40jquery.com&number=43&select1=&select2=3&select3=1&select3=2&T3=%3F%0AZ&H1=x&H2=&PWD=&T1=&T2=YES&My+Name=me&S1=abc&S3=YES&S4=", 'Mixed form/input serialization as query string'); */ + jQuery("#html5email, #html5number").remove(); }); test("jQuery.param()", function() { - expect(15); - - equals( jQuery.param.traditional, undefined, "traditional flag, undefined by default" ); - + expect(22); + + equals( !jQuery.ajaxSettings.traditional, true, "traditional flag, falsy by default" ); + var params = {foo:"bar", baz:42, quux:"All your base are belong to us"}; equals( jQuery.param(params), "foo=bar&baz=42&quux=All+your+base+are+belong+to+us", "simple" ); @@ -269,15 +880,25 @@ test("jQuery.param()", function() { params = {foo: { bar: 'baz', beep: 42, quux: 'All your base are belong to us' } }; equals( jQuery.param(params), "foo%5Bbar%5D=baz&foo%5Bbeep%5D=42&foo%5Bquux%5D=All+your+base+are+belong+to+us", "even more arrays" ); - + params = { a:[1,2], b:{ c:3, d:[4,5], e:{ x:[6], y:7, z:[8,9] }, f:true, g:false, h:undefined }, i:[10,11], j:true, k:false, l:[undefined,0], m:"cowboy hat?" }; equals( decodeURIComponent( jQuery.param(params) ), "a[]=1&a[]=2&b[c]=3&b[d][]=4&b[d][]=5&b[e][x][]=6&b[e][y]=7&b[e][z][]=8&b[e][z][]=9&b[f]=true&b[g]=false&b[h]=undefined&i[]=10&i[]=11&j=true&k=false&l[]=undefined&l[]=0&m=cowboy+hat?", "huge structure" ); - + params = { a: [ 0, [ 1, 2 ], [ 3, [ 4, 5 ], [ 6 ] ], { b: [ 7, [ 8, 9 ], [ { c: 10, d: 11 } ], [ [ 12 ] ], [ [ [ 13 ] ] ], { e: { f: { g: [ 14, [ 15 ] ] } } }, 16 ] }, 17 ] }; equals( decodeURIComponent( jQuery.param(params) ), "a[]=0&a[1][]=1&a[1][]=2&a[2][]=3&a[2][1][]=4&a[2][1][]=5&a[2][2][]=6&a[3][b][]=7&a[3][b][1][]=8&a[3][b][1][]=9&a[3][b][2][0][c]=10&a[3][b][2][0][d]=11&a[3][b][3][0][]=12&a[3][b][4][0][0][]=13&a[3][b][5][e][f][g][]=14&a[3][b][5][e][f][g][1][]=15&a[3][b][]=16&a[]=17", "nested arrays" ); - - jQuery.param.traditional = true; - + + params = { a:[1,2], b:{ c:3, d:[4,5], e:{ x:[6], y:7, z:[8,9] }, f:true, g:false, h:undefined }, i:[10,11], j:true, k:false, l:[undefined,0], m:"cowboy hat?" }; + equals( jQuery.param(params,true), "a=1&a=2&b=%5Bobject+Object%5D&i=10&i=11&j=true&k=false&l=undefined&l=0&m=cowboy+hat%3F", "huge structure, forced traditional" ); + + equals( decodeURIComponent( jQuery.param({ a: [1,2,3], 'b[]': [4,5,6], 'c[d]': [7,8,9], e: { f: [10], g: [11,12], h: 13 } }) ), "a[]=1&a[]=2&a[]=3&b[]=4&b[]=5&b[]=6&c[d][]=7&c[d][]=8&c[d][]=9&e[f][]=10&e[g][]=11&e[g][]=12&e[h]=13", "Make sure params are not double-encoded." ); + + // Make sure empty arrays and objects are handled #6481 + equals( jQuery.param({"foo": {"bar": []} }), "foo%5Bbar%5D=", "Empty array param" ); + equals( jQuery.param({"foo": {"bar": [], foo: 1} }), "foo%5Bbar%5D=&foo%5Bfoo%5D=1", "Empty array param" ); + equals( jQuery.param({"foo": {"bar": {}} }), "foo%5Bbar%5D=", "Empty object param" ); + + jQuery.ajaxSetup({ traditional: true }); + var params = {foo:"bar", baz:42, quux:"All your base are belong to us"}; equals( jQuery.param(params), "foo=bar&baz=42&quux=All+your+base+are+belong+to+us", "simple" ); @@ -292,24 +913,29 @@ test("jQuery.param()", function() { params = {"foo[bar]":"baz", "foo[beep]":42, "foo[quux]":"All your base are belong to us"}; equals( jQuery.param(params), "foo%5Bbar%5D=baz&foo%5Bbeep%5D=42&foo%5Bquux%5D=All+your+base+are+belong+to+us", "even more arrays" ); - + params = { a:[1,2], b:{ c:3, d:[4,5], e:{ x:[6], y:7, z:[8,9] }, f:true, g:false, h:undefined }, i:[10,11], j:true, k:false, l:[undefined,0], m:"cowboy hat?" }; equals( jQuery.param(params), "a=1&a=2&b=%5Bobject+Object%5D&i=10&i=11&j=true&k=false&l=undefined&l=0&m=cowboy+hat%3F", "huge structure" ); - + params = { a: [ 0, [ 1, 2 ], [ 3, [ 4, 5 ], [ 6 ] ], { b: [ 7, [ 8, 9 ], [ { c: 10, d: 11 } ], [ [ 12 ] ], [ [ [ 13 ] ] ], { e: { f: { g: [ 14, [ 15 ] ] } } }, 16 ] }, 17 ] }; equals( jQuery.param(params), "a=0&a=1%2C2&a=3%2C4%2C5%2C6&a=%5Bobject+Object%5D&a=17", "nested arrays (not possible when jQuery.param.traditional == true)" ); + params = { a:[1,2], b:{ c:3, d:[4,5], e:{ x:[6], y:7, z:[8,9] }, f:true, g:false, h:undefined }, i:[10,11], j:true, k:false, l:[undefined,0], m:"cowboy hat?" }; + equals( decodeURIComponent( jQuery.param(params,false) ), "a[]=1&a[]=2&b[c]=3&b[d][]=4&b[d][]=5&b[e][x][]=6&b[e][y]=7&b[e][z][]=8&b[e][z][]=9&b[f]=true&b[g]=false&b[h]=undefined&i[]=10&i[]=11&j=true&k=false&l[]=undefined&l[]=0&m=cowboy+hat?", "huge structure, forced not traditional" ); + + params = { param1: null }; + equals( jQuery.param(params,false), "param1=null", "Make sure that null params aren't traversed." ); }); test("synchronous request", function() { expect(1); - ok( /^{ "data"/.test( jQuery.ajax({url: url("data/json_obj.js"), async: false}).responseText ), "check returned text" ); + ok( /^{ "data"/.test( jQuery.ajax({url: url("data/json_obj.js"), dataType: "text", async: false}).responseText ), "check returned text" ); }); test("synchronous request with callbacks", function() { expect(2); var result; - jQuery.ajax({url: url("data/json_obj.js"), async: false, success: function(data) { ok(true, "sucess callback executed"); result = data; } }); + jQuery.ajax({url: url("data/json_obj.js"), async: false, dataType: "text", success: function(data) { ok(true, "sucess callback executed"); result = data; } }); ok( /^{ "data"/.test( result ), "check returned text" ); }); @@ -345,7 +971,7 @@ test("pass-through request object", function() { test("ajax cache", function () { expect(18); - + stop(); var count = 0; @@ -524,10 +1150,10 @@ test("jQuery.getScript(String, Function) - no callback", function() { }); test("jQuery.ajax() - JSONP, Local", function() { - expect(8); + expect(9); var count = 0; - function plus(){ if ( ++count == 8 ) start(); } + function plus(){ if ( ++count == 9 ) start(); } stop(); @@ -642,14 +1268,26 @@ test("jQuery.ajax() - JSONP, Local", function() { plus(); } }); + + //#7578 + jQuery.ajax({ + url: "data/jsonp.php", + dataType: "jsonp", + beforeSend: function(){ + strictEqual( this.cache, false, "cache must be false on JSON request" ); + plus(); + return false; + } + }); }); -test("JSONP - Custom JSONP Callback", function() { +test("jQuery.ajax() - JSONP - Custom JSONP Callback", function() { expect(1); stop(); window.jsonpResults = function(data) { ok( data.data, "JSON results returned (GET, custom callback function)" ); + window.jsonpResults = undefined; start(); }; @@ -666,7 +1304,7 @@ test("jQuery.ajax() - JSONP, Remote", function() { var count = 0; function plus(){ if ( ++count == 4 ) start(); } - var base = window.location.href.replace(/\?.*$/, ""); + var base = window.location.href.replace(/[^\/]*$/, ""); stop(); @@ -728,7 +1366,7 @@ test("jQuery.ajax() - JSONP, Remote", function() { test("jQuery.ajax() - script, Remote", function() { expect(2); - var base = window.location.href.replace(/\?.*$/, ""); + var base = window.location.href.replace(/[^\/]*$/, ""); stop(); @@ -745,7 +1383,7 @@ test("jQuery.ajax() - script, Remote", function() { test("jQuery.ajax() - script, Remote with POST", function() { expect(3); - var base = window.location.href.replace(/\?.*$/, ""); + var base = window.location.href.replace(/[^\/]*$/, ""); stop(); @@ -768,7 +1406,7 @@ test("jQuery.ajax() - script, Remote with POST", function() { test("jQuery.ajax() - script, Remote with scheme-less URL", function() { expect(2); - var base = window.location.href.replace(/\?.*$/, ""); + var base = window.location.href.replace(/[^\/]*$/, ""); base = base.replace(/^.*?\/\//, "//"); stop(); @@ -783,6 +1421,83 @@ test("jQuery.ajax() - script, Remote with scheme-less URL", function() { }); }); +test("jQuery.ajax() - malformed JSON", function() { + expect(2); + + stop(); + + jQuery.ajax({ + url: "data/badjson.js", + dataType: "json", + success: function(){ + ok( false, "Success." ); + start(); + }, + error: function(xhr, msg, detailedMsg) { + equals( "parsererror", msg, "A parse error occurred." ); + ok( /^Invalid JSON/.test(detailedMsg), "Detailed parsererror message provided" ); + start(); + } + }); +}); + +test("jQuery.ajax() - script by content-type", function() { + expect(1); + + stop(); + + jQuery.ajax({ + url: "data/script.php", + data: { header: "script" }, + success: function() { + start(); + } + }); +}); + +test("jQuery.ajax() - json by content-type", function() { + expect(5); + + stop(); + + jQuery.ajax({ + url: "data/json.php", + data: { header: "json", json: "array" }, + success: function( json ) { + ok( json.length >= 2, "Check length"); + equals( json[0].name, 'John', 'Check JSON: first, name' ); + equals( json[0].age, 21, 'Check JSON: first, age' ); + equals( json[1].name, 'Peter', 'Check JSON: second, name' ); + equals( json[1].age, 25, 'Check JSON: second, age' ); + start(); + } + }); +}); + +test("jQuery.ajax() - json by content-type disabled with options", function() { + expect(6); + + stop(); + + jQuery.ajax({ + url: url("data/json.php"), + data: { header: "json", json: "array" }, + autoDataType: { + json: false + }, + success: function( text ) { + equals( typeof text , "string" , "json wasn't auto-determined" ); + var json = this.dataConverters["text => json"]( text ); + ok( json.length >= 2, "Check length"); + equals( json[0].name, 'John', 'Check JSON: first, name' ); + equals( json[0].age, 21, 'Check JSON: first, age' ); + equals( json[1].name, 'Peter', 'Check JSON: second, name' ); + equals( json[1].age, 25, 'Check JSON: second, age' ); + start(); + } + }); +}); + test("jQuery.getJSON(String, Hash, Function) - JSON array", function() { expect(5); stop(); @@ -810,7 +1525,7 @@ test("jQuery.getJSON(String, Function) - JSON object", function() { test("jQuery.getJSON - Using Native JSON", function() { expect(2); - + var old = window.JSON; JSON = { parse: function(str){ @@ -830,7 +1545,7 @@ test("jQuery.getJSON - Using Native JSON", function() { test("jQuery.getJSON(String, Function) - JSON object with absolute url to local content", function() { expect(2); - var base = window.location.href.replace(/\?.*$/, ""); + var base = window.location.href.replace(/[^\/]*$/, ""); stop(); jQuery.getJSON(url(base + "data/json.php"), function(json) { @@ -840,6 +1555,19 @@ test("jQuery.getJSON(String, Function) - JSON object with absolute url to local }); }); +test("jQuery.post - data", function() { + expect(2); + stop(); + + jQuery.post(url("data/name.php"), {xml: "5-2", length: 3}, function(xml){ + jQuery('math', xml).each(function() { + equals( jQuery('calculation', this).text(), '5-2', 'Check for XML' ); + equals( jQuery('result', this).text(), '3', 'Check for XML' ); + }); + start(); + }); +}); + test("jQuery.post(String, Hash, Function) - simple with xml", function() { expect(4); stop(); @@ -989,6 +1717,19 @@ test("data option: evaluate function values (#2806)", function() { }) }); +test("data option: empty bodies for non-GET requests", function() { + stop(); + jQuery.ajax({ + url: "data/echoData.php", + data: undefined, + type: "post", + success: function(result) { + equals( result, "" ); + start(); + } + }) +}); + test("jQuery.ajax - If-Modified-Since support", function() { expect( 3 ); @@ -999,13 +1740,13 @@ test("jQuery.ajax - If-Modified-Since support", function() { jQuery.ajax({ url: url, ifModified: true, - success: function(data, status) { + success: function(data, status) { equals(status, "success"); - + jQuery.ajax({ url: url, ifModified: true, - success: function(data, status) { + success: function(data, status) { if ( data === "FAIL" ) { ok(true, "Opera is incapable of doing .setRequestHeader('If-Modified-Since')."); ok(true, "Opera is incapable of doing .setRequestHeader('If-Modified-Since')."); @@ -1014,8 +1755,24 @@ test("jQuery.ajax - If-Modified-Since support", function() { ok(data == null, "response body should be empty") } start(); - } + }, + error: function() { + // Do this because opera simply refuses to implement 304 handling :( + // A feature-driven way of detecting this would be appreciated + // See: http://gist.github.com/599419 + ok(jQuery.browser.opera, "error"); + ok(jQuery.browser.opera, "error"); + start(); + } }); + }, + error: function() { + equals(false, "error"); + // Do this because opera simply refuses to implement 304 handling :( + // A feature-driven way of detecting this would be appreciated + // See: http://gist.github.com/599419 + ok(jQuery.browser.opera, "error"); + start(); } }); }); @@ -1030,13 +1787,13 @@ test("jQuery.ajax - Etag support", function() { jQuery.ajax({ url: url, ifModified: true, - success: function(data, status) { + success: function(data, status) { equals(status, "success"); - + jQuery.ajax({ url: url, ifModified: true, - success: function(data, status) { + success: function(data, status) { if ( data === "FAIL" ) { ok(true, "Opera is incapable of doing .setRequestHeader('If-None-Match')."); ok(true, "Opera is incapable of doing .setRequestHeader('If-None-Match')."); @@ -1045,12 +1802,79 @@ test("jQuery.ajax - Etag support", function() { ok(data == null, "response body should be empty") } start(); + }, + error: function() { + // Do this because opera simply refuses to implement 304 handling :( + // A feature-driven way of detecting this would be appreciated + // See: http://gist.github.com/599419 + ok(jQuery.browser.opera, "error"); + ok(jQuery.browser.opera, "error"); + start(); } }); + }, + error: function() { + // Do this because opera simply refuses to implement 304 handling :( + // A feature-driven way of detecting this would be appreciated + // See: http://gist.github.com/599419 + ok(jQuery.browser.opera, "error"); + start(); } }); }); +test("jQuery ajax - failing cross-domain", function() { + + expect( 2 ); + + stop(); + + var i = 2; + + jQuery.ajax({ + url: 'http://somewebsitethatdoesnotexist.com', + success: function(){ ok( false , "success" ); }, + error: function(xhr,_,e){ ok( true , "file not found: " + xhr.status + " => " + e ); }, + complete: function() { if ( ! --i ) start(); } + }); + + jQuery.ajax({ + url: 'http://www.google.com', + success: function(){ ok( false , "success" ); }, + error: function(xhr,_,e){ ok( true , "access denied: " + xhr.status + " => " + e ); }, + complete: function() { if ( ! --i ) start(); } + }); + +}); + +test("jQuery ajax - atom+xml", function() { + + stop(); + + jQuery.ajax({ + url: url( 'data/atom+xml.php' ), + success: function(){ ok( true , "success" ); }, + error: function(){ ok( false , "error" ); }, + complete: function() { start(); } + }); + +}); + +test("jQuery.ajax - active counter", function() { + ok( jQuery.active == 0, "ajax active counter should be zero: " + jQuery.active ); +}); + +test( "jQuery.ajax - Location object as url (#7531)", 1, function () { + var success = false; + try { + var xhr = jQuery.ajax({ url: window.location }); + success = true; + xhr.abort(); + } catch (e) {} + + ok( success, "document.location did not generate exception" ); +}); + } -//} +//} \ No newline at end of file