X-Git-Url: http://git.asbjorn.biz/?p=jquery.git;a=blobdiff_plain;f=src%2Fajax%2FajaxTest.js;h=92b432a33b9d7edbd231dfe04dbe10af29e53633;hp=8123ae87f2e91ef77bc44c6d90a5c839e197427b;hb=2ef4093cf7f52383dd43bd361864edcda27e5c3c;hpb=ae58d24fd55e33b9977516988e696466fdaefa18 diff --git a/src/ajax/ajaxTest.js b/src/ajax/ajaxTest.js index 8123ae8..92b432a 100644 --- a/src/ajax/ajaxTest.js +++ b/src/ajax/ajaxTest.js @@ -1,101 +1,142 @@ module("ajax"); -test("load(String, Object, Function) - simple: inject text into DOM", function() { +// Safari 3 crashes when running these tests, sigh +if ( !jQuery.browser.safari ) { + +test("serialize()", function() { + expect(1); + // ignore button, IE takes text content as value, not relevant for this test + equals( $(':input').not('button').serialize(), + '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=', + 'Check form serialization as query string'); +}); + +test("$.param()", function() { + expect(4); + var params = {foo:"bar", baz:42, quux:"All your base are belong to us"}; + equals( $.param(params), "foo=bar&baz=42&quux=All%20your%20base%20are%20belong%20to%20us", "simple" ); + + params = {someName: [1, 2, 3], regularThing: "blah" }; + equals( $.param(params), "someName=1&someName=2&someName=3®ularThing=blah", "with array" ); + + params = {"foo[]":["baz", 42, "All your base are belong to us"]}; + equals( $.param(params), "foo%5B%5D=baz&foo%5B%5D=42&foo%5B%5D=All%20your%20base%20are%20belong%20to%20us", "more array" ); + + params = {"foo[bar]":"baz", "foo[beep]":42, "foo[quux]":"All your base are belong to us"}; + equals( $.param(params), "foo%5Bbar%5D=baz&foo%5Bbeep%5D=42&foo%5Bquux%5D=All%20your%20base%20are%20belong%20to%20us", "even more arrays" ); +}); + +test("synchronous request", function() { + expect(1); + ok( /^{ "data"/.test( $.ajax({url: url("data/json_obj.js"), async: false}).responseText ), "check returned text" ); +}); + +test("synchronous request with callbacks", function() { + expect(2); + var result; + $.ajax({url: url("data/json_obj.js"), async: false, success: function(data) { ok(true, "sucess callback executed"); result = data; } }); + ok( /^{ "data"/.test( result ), "check returned text" ); +}); + +test("pass-through request object", function() { + expect(7); + stop(true); + + var target = "data/name.html"; + var count = 0; + var success = function() { + if(count++ == 5) + start(); + }; + + ok( $.get(url(target), success), "get" ); + ok( $.getIfModified(url(target), success), "getIfModified" ); + ok( $.post(url(target), success), "post" ); + ok( $.getScript(url("data/test.js"), success), "script" ); + ok( $.getJSON(url("data/json_obj.js"), success), "json" ); + ok( $.ajax({url: url(target), success: success}), "generic" ); +}); + +test("global ajaxSettings", function() { + expect(3); + + var tmp = jQuery.extend({}, jQuery.ajaxSettings); + var orig = { url: "data/with_fries.xml", data: null }; + var t; + + $.ajaxSetup({ data: {foo: 'bar', bar: 'BAR'} }); + + t = jQuery.extend({}, orig); + $.ajax(t); + ok( t.url.indexOf('foo') > -1 && t.url.indexOf('bar') > -1, "Check extending null" ); + + t = jQuery.extend({}, orig); + t.data = {}; + $.ajax(t); + ok( t.url.indexOf('foo') > -1 && t.url.indexOf('bar') > -1, "Check extending {}" ); + + t = jQuery.extend({}, orig); + t.data = { zoo: 'a', ping: 'b' }; + $.ajax(t); + 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' }" ); + + jQuery.ajaxSettings = tmp; +}); + +test("load(String)", function() { + expect(1); + stop(true); // check if load can be called with only url + $('#first').load("data/name.html", start); +}); + +test("load(String, Function) - simple: inject text into DOM", function() { expect(2); stop(); - $('#first').load("data/name.php", function() { + $('#first').load(url("data/name.html"), function() { ok( /^ERROR/.test($('#first').text()), 'Check if content was injected into the DOM' ); start(); }); }); -test("load(String, Object, Function) - inject without callback", function() { - expect(1); - stop(); // check if load can be called with only url - $('#first').load("data/name.php"); -}); - -test("load(String, Object, Function) - check scripts", function() { +test("load(String, Function) - check scripts", function() { expect(7); stop(); - testFoo = undefined; + window.testFoo = undefined; + window.foobar = null; var verifyEvaluation = function() { - ok( foobar == "bar", 'Check if script src was evaluated after load' ); - ok( $('#foo').html() == 'foo', 'Check if script evaluation has modified DOM'); - ok( $('#ap').html() == 'bar', 'Check if script evaluation has modified DOM'); + equals( foobar, "bar", 'Check if script src was evaluated after load' ); + equals( $('#ap').html(), 'bar', 'Check if script evaluation has modified DOM'); start(); }; - $('#first').load('data/test.html', function() { + $('#first').load(url('data/test.html'), function() { ok( $('#first').html().match(/^html text/), 'Check content after loading html' ); - ok( testFoo == "foo", 'Check if script was evaluated after load' ); + equals( $('#foo').html(), 'foo', 'Check if script evaluation has modified DOM'); + equals( testFoo, "foo", 'Check if script was evaluated after load' ); setTimeout(verifyEvaluation, 600); }); }); -test("serialize()", function() { - expect(1); - var data = $(':input').not('button').serialize(); - // ignore button, IE takes text content as value, not relevant for this test - ok( data == 'action=Test&text2=Test&radio1=on&radio2=on&check=on&=on&hidden=&foo[bar]=&name=name&=foobar&select1=&select2=3&select3=1', 'Check form serialization as query string' ); -}); - -test("test global handlers - success", function() { - expect(6); - stop(); - var counter = { complete: 0, success: 0, error: 0 }, - success = function() { counter.success++ }, - error = function() { counter.error++ }, - complete = function() { counter.complete++ }; - - $('#foo').ajaxStart(complete).ajaxStop(complete).ajaxComplete(complete).ajaxError(error).ajaxSuccess(success); - // start with successful test - $.ajax({url: "data/name.php", success: success, error: error, complete: function() { - ok( counter.error == 0, 'Check succesful request' ); - ok( counter.success == 2, 'Check succesful request' ); - ok( counter.complete == 3, 'Check succesful request' ); - counter.error = counter.success = counter.complete = 0; - $.ajaxTimeout(500); - $.ajax({url: "data/name.php?wait=5", success: success, error: error, complete: function() { - ok( counter.error == 2, 'Check failed request' ); - ok( counter.success == 0, 'Check failed request' ); - ok( counter.complete == 3, 'Check failed request' ); - start(); - }}); - }}); -}); - -test("test global handlers - failure", function() { - expect(6); +test("load(String, Function) - check file with only a script tag", function() { + expect(3); stop(); - var counter = { complete: 0, success: 0, error: 0 }, - success = function() { counter.success++ }, - error = function() { counter.error++ }; - $.ajaxTimeout(0); - $.ajax({url: "data/name.php", global: false, success: success, error: error, complete: function() { - ok( counter.error == 0, 'Check sucesful request without globals' ); - ok( counter.success == 1, 'Check sucesful request without globals' ); - ok( counter.complete == 0, 'Check sucesful request without globals' ); - counter.error = counter.success = counter.complete = 0; - $.ajaxTimeout(500); - $.ajax({url: "data/name.php?wait=5", global: false, success: success, error: error, complete: function() { - ok( counter.error == 1, 'Check failed request without globals' ); - ok( counter.success == 0, 'Check failed request without globals' ); - ok( counter.complete == 0, 'Check failed request without globals' ); - start(); - }}); - }}); + testFoo = undefined; + $('#first').load(url('data/test2.html'), function() { + ok( $('#foo').html() == 'foo', 'Check if script evaluation has modified DOM'); + ok( testFoo == "foo", 'Check if script was evaluated after load' ); + start(); + }); }); test("$.get(String, Hash, Function) - parse xml and use text() on nodes", function() { expect(2); stop(); - $.get('data/dashboard.xml', function(xml) { + $.get(url('data/dashboard.xml'), function(xml) { var content = []; $('tab', xml).each(function() { content.push($(this).text()); }); - ok( content[0] == 'blabla', 'Check first tab'); - ok( content[1] == 'blublu', 'Check second tab'); + equals( content[0], 'blabla', 'Check first tab'); + equals( content[1], 'blublu', 'Check second tab'); start(); }); }); @@ -103,7 +144,7 @@ test("$.get(String, Hash, Function) - parse xml and use text() on nodes", functi test("$.getIfModified(String, Hash, Function)", function() { expect(1); stop(); - $.getIfModified("data/name.php", function(msg) { + $.getIfModified(url("data/name.html"), function(msg) { ok( /^ERROR/.test(msg), 'Check ifModified' ); start(); }); @@ -112,22 +153,155 @@ test("$.getIfModified(String, Hash, Function)", function() { test("$.getScript(String, Function) - with callback", function() { expect(2); stop(); - $.getScript("data/test.js", function() { - ok( foobar == "bar", 'Check if script was evaluated' ); + $.getScript(url("data/test.js"), function() { + equals( foobar, "bar", 'Check if script was evaluated' ); setTimeout(start, 100); }); }); test("$.getScript(String, Function) - no callback", function() { expect(1); + stop(true); + $.getScript(url("data/test.js"), start); +}); + +test("$.ajax - xml: non-namespace elements inside namespaced elements", function() { + expect(3); stop(); - $.getScript("data/test.js"); + $.ajax({ + url: url("data/with_fries.xml"), + dataType: "xml", + success: function(resp) { + equals( $("properties", resp).length, 1, 'properties in responseXML' ); + equals( $("jsconf", resp).length, 1, 'jsconf in responseXML' ); + equals( $("thing", resp).length, 2, 'things in responseXML' ); + start(); + } + }); }); +test("test global handlers - success", function() { + expect( isLocal ? 4 : 8 ); + stop(); + + var counter = { complete: 0, success: 0, error: 0, send: 0 }, + success = function() { counter.success++ }, + error = function() { counter.error++ }, + complete = function() { counter.complete++ }, + send = function() { counter.send++ }; + + $('#foo').ajaxStart(complete).ajaxStop(complete).ajaxSend(send).ajaxComplete(complete).ajaxError(error).ajaxSuccess(success); + + // start with successful test + $.ajax({url: url("data/name.html"), beforeSend: send, success: success, error: error, complete: function() { + equals( counter.error, 0, 'Check succesful request, error callback' ); + equals( counter.success, 2, 'Check succesful request, success callback' ); + equals( counter.complete, 3, 'Check succesful request, complete callback' ); + equals( counter.send, 2, 'Check succesful request, send callback' ); + + if ( !isLocal ) { + counter.error = counter.success = counter.complete = counter.send = 0; + $.ajaxTimeout(500); + + $.ajax({url: url("data/name.php?wait=5"), beforeSend: send, success: success, error: error, complete: function() { + equals( counter.error, 2, 'Check failed request, error callback' ); + equals( counter.success, 0, 'Check failed request, success callback' ); + equals( counter.complete, 3, 'Check failed request, failed callback' ); + equals( counter.send, 2, 'Check failed request, send callback' ); + start(); + }}); + } else + start(); + }}); +}); + +test("test global handlers - failure", function() { + expect( isLocal ? 4 : 8 ); + stop(); + + var counter = { complete: 0, success: 0, error: 0, send: 0 }, + success = function() { counter.success++ }, + error = function() { counter.error++ }, + complete = function() { counter.complete++ }, + send = function() { counter.send++ }; + + $.ajaxTimeout(0); + + $('#foo').ajaxStart(complete).ajaxStop(complete).ajaxSend(send).ajaxComplete(complete).ajaxError(error).ajaxSuccess(success); + + $.ajax({url: url("data/name.php"), global: false, beforeSend: send, success: success, error: error, complete: function() { + ok( counter.error == 0, 'Check sucesful request without globals' ); + ok( counter.success == 1, 'Check sucesful request without globals' ); + ok( counter.complete == 0, 'Check sucesful request without globals' ); + ok( counter.send == 1, 'Check sucesful request without globals' ); + + if ( !isLocal ) { + counter.error = counter.success = counter.complete = counter.send = 0; + $.ajaxTimeout(500); + + $.ajax({url: url("data/name.php?wait=5"), global: false, beforeSend: send, success: success, error: error, complete: function() { + var x = counter; + ok( counter.error == 1, 'Check failed request without globals' ); + ok( counter.success == 0, 'Check failed request without globals' ); + ok( counter.complete == 0, 'Check failed request without globals' ); + ok( counter.send == 1, 'Check failed request without globals' ); + start(); + }}); + } else + start(); + }}); +}); + +test("$.ajax - beforeSend", function() { + expect(1); + stop(); + + var check = false; + + $.ajaxSetup({ timeout: 0 }); + + $.ajax({ + url: url("data/name.html"), + beforeSend: function(xml) { + check = true; + }, + success: function(data) { + ok( check, "check beforeSend was executed" ); + start(); + } + }); +}); + +test("$.ajax - dataType html", function() { + expect(5); + stop(); + + foobar = null; + testFoo = undefined; + + var verifyEvaluation = function() { + ok( foobar == "bar", 'Check if script src was evaluated for datatype html' ); + start(); + }; + + $.ajax({ + dataType: "html", + url: url("data/test.html"), + success: function(data) { + $("#ap").html(data); + ok( data.match(/^html text/), 'Check content for datatype html' ); + ok( testFoo == "foo", 'Check if script was evaluated for datatype html' ); + setTimeout(verifyEvaluation, 600); + } + }); +}); + +if ( !isLocal ) { + test("$.getJSON(String, Hash, Function) - JSON array", function() { expect(4); stop(); - $.getJSON("data/json.php", {json: "array"}, function(json) { + $.getJSON(url("data/json.php"), {json: "array"}, function(json) { ok( json[0].name == 'John', 'Check JSON: first, name' ); ok( json[0].age == 21, 'Check JSON: first, age' ); ok( json[1].name == 'Peter', 'Check JSON: second, name' ); @@ -136,10 +310,10 @@ test("$.getJSON(String, Hash, Function) - JSON array", function() { }); }); -test("$.getJSON(String, Hash, Function) - JSON object", function() { +test("$.getJSON(String, Function) - JSON object", function() { expect(2); stop(); - $.getJSON("data/json.php", function(json) { + $.getJSON(url("data/json.php"), function(json) { ok( json.data.lang == 'en', 'Check JSON: lang' ); ok( json.data.length == 25, 'Check JSON: length' ); start(); @@ -149,7 +323,7 @@ test("$.getJSON(String, Hash, Function) - JSON object", function() { test("$.post(String, Hash, Function) - simple with xml", function() { expect(2); stop(); - $.post("data/name.php", {xml: "5-2"}, function(xml){ + $.post(url("data/name.php"), {xml: "5-2"}, function(xml){ $('math', xml).each(function() { ok( $('calculation', this).text() == '5-2', 'Check for XML' ); ok( $('result', this).text() == '3', 'Check for XML' ); @@ -160,30 +334,36 @@ test("$.post(String, Hash, Function) - simple with xml", function() { test("$.ajaxTimeout(Number) - with global timeout", function() { stop(); + var passed = 0; - var timeout; + $.ajaxTimeout(1000); + var pass = function() { passed++; - if(passed == 2) { + if ( passed == 2 ) { ok( true, 'Check local and global callbacks after timeout' ); - clearTimeout(timeout); - $('#main').unbind("ajaxError"); + $('#main').unbind("ajaxError"); start(); } }; - var fail = function() { - ok( false, 'Check for timeout failed' ); + + var fail = function(a,b,c) { + ok( false, 'Check for timeout failed ' + a + ' ' + b ); start(); }; - timeout = setTimeout(fail, 1500); + $('#main').ajaxError(pass); + $.ajax({ type: "GET", - url: "data/name.php?wait=5", + url: url("data/name.php?wait=5"), error: pass, success: fail }); + + // reset timeout + $.ajaxTimeout(0); }); test("$.ajaxTimeout(Number) with localtimeout", function() { @@ -191,7 +371,7 @@ test("$.ajaxTimeout(Number) with localtimeout", function() { $.ajax({ type: "GET", timeout: 5000, - url: "data/name.php?wait=1", + url: url("data/name.php?wait=1"), error: function() { ok( false, 'Check for local timeout failed' ); start(); @@ -210,7 +390,7 @@ test("$.ajax - simple get", function() { stop(); $.ajax({ type: "GET", - url: "data/name.php?name=foo", + url: url("data/name.php?name=foo"), success: function(msg){ ok( msg == 'bar', 'Check for GET' ); start(); @@ -223,7 +403,7 @@ test("$.ajax - simple post", function() { stop(); $.ajax({ type: "POST", - url: "data/name.php", + url: url("data/name.php"), data: "name=peter", success: function(msg){ ok( msg == 'pan', 'Check for POST' ); @@ -231,35 +411,33 @@ test("$.ajax - simple post", function() { } }); }); - -test("$.ajax - dataType html", function() { - expect(5); + +test("ajaxSetup()", function() { + expect(1); stop(); - testFoo = undefined; - var verifyEvaluation = function() { - ok( foobar == "bar", 'Check if script src was evaluated for datatype html' ); - start(); - }; - $.ajax({ - dataType: "html", - url: "data/test.html", - success: function(data) { - ok( data.match(/^html text/), 'Check content for datatype html' ); - ok( testFoo == "foo", 'Check if script was evaluated for datatype html' ); - setTimeout(verifyEvaluation, 600); - } + $.ajaxSetup({ + url: url("data/name.php?name=foo"), + success: function(msg){ + ok( msg == 'bar', 'Check for GET' ); + start(); + } }); + $.ajax(); }); - -test("$.ajax - xml: non-namespace elements inside namespaced elements", function() { - expect(3); + +test("custom timeout does not set error message when timeout occurs, see #970", function() { stop(); $.ajax({ - url: "data/with_fries.xml", dataType: "xml", type: "GET", data: "", success: function(resp) { - ok( $("properties", resp).length == 1, 'properties in responseXML' ); - ok( $("jsconf", resp).length == 1, 'jsconf in responseXML' ); - ok( $("thing", resp).length == 2, 'things in responseXML' ); - start(); - } + url: "data/name.php?wait=10", + timeout: 500, + error: function(request, status) { + ok( status != null, "status shouldn't be null in error handler" ); + equals( "timeout", status ); + start(); + } }); -}); \ No newline at end of file +}); + +} + +}