mirror of
https://github.com/jquery/jquery.git
synced 2024-11-23 02:54:22 +00:00
da7057e9b0
So far, we've been running browser tests on GitHub Actions in Chrome
and Firefox. Regular Safari is not available in GitHub Actions but
Playwright WebKit comes close to a dev version of Safari.
With this change, our GitHub CI & local test runs will invoke tests on
all actively developed browser engines on all PRs.
Also, our GitHub Actions browser tests are now running on Node.js 18.
Detection of the Playwright WebKit browser in support unit tests is done
by checking if the `test_browser` query parameter is set to `"Playwright"`;
this is a `karma-webkit-launcher` feature. Detecting that browser via
user agent as we normally do is hard as the UA on Linux is very similar
to a real Safari one but it actually uses a newer version of the engine.
In addition, we now allow to pass custom browsers when one needs it;
e.g., to run the tests in all three engines on Linux/macOS, run:
```
grunt && BROWSERS=ChromeHeadless,FirefoxHeadless,WebkitHeadless grunt karma:main
```
Closes gh-5190
(cherry picked from commit b02a257f98
)
2964 lines
84 KiB
JavaScript
2964 lines
84 KiB
JavaScript
QUnit.module( "ajax", {
|
|
afterEach: function() {
|
|
jQuery( document ).off( "ajaxStart ajaxStop ajaxSend ajaxComplete ajaxError ajaxSuccess" );
|
|
moduleTeardown.apply( this, arguments );
|
|
}
|
|
} );
|
|
|
|
( function() {
|
|
QUnit.test( "Unit Testing Environment", function( assert ) {
|
|
assert.expect( 2 );
|
|
|
|
assert.ok( hasPHP, "Running in an environment with PHP support. The AJAX tests only run if the environment supports PHP!" );
|
|
assert.ok( !isLocal, "Unit tests are not ran from file:// (especially in Chrome. If you must test from file:// with Chrome, run it with the --allow-file-access-from-files flag!)" );
|
|
} );
|
|
|
|
if ( !includesModule( "ajax" ) || ( isLocal && !hasPHP ) ) {
|
|
return;
|
|
}
|
|
|
|
function addGlobalEvents( expected, assert ) {
|
|
return function() {
|
|
expected = expected || "";
|
|
jQuery( document ).on( "ajaxStart ajaxStop ajaxSend ajaxComplete ajaxError ajaxSuccess", function( e ) {
|
|
assert.ok( expected.indexOf( e.type ) !== -1, e.type );
|
|
} );
|
|
};
|
|
}
|
|
|
|
//----------- jQuery.ajax()
|
|
|
|
testIframe(
|
|
"XMLHttpRequest - Attempt to block tests because of dangling XHR requests (IE)",
|
|
"ajax/unreleasedXHR.html",
|
|
function( assert ) {
|
|
assert.expect( 1 );
|
|
assert.ok( true, "done" );
|
|
}
|
|
);
|
|
|
|
ajaxTest( "jQuery.ajax() - success callbacks", 8, function( assert ) {
|
|
return {
|
|
setup: addGlobalEvents( "ajaxStart ajaxStop ajaxSend ajaxComplete ajaxSuccess", assert ),
|
|
url: url( "name.html" ),
|
|
beforeSend: function() {
|
|
assert.ok( true, "beforeSend" );
|
|
},
|
|
success: function() {
|
|
assert.ok( true, "success" );
|
|
},
|
|
complete: function() {
|
|
assert.ok( true, "complete" );
|
|
}
|
|
};
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - success callbacks - (url, options) syntax", 8, function( assert ) {
|
|
return {
|
|
setup: addGlobalEvents( "ajaxStart ajaxStop ajaxSend ajaxComplete ajaxSuccess", assert ),
|
|
create: function( options ) {
|
|
return jQuery.ajax( url( "name.html" ), options );
|
|
},
|
|
beforeSend: function() {
|
|
assert.ok( true, "beforeSend" );
|
|
},
|
|
success: function() {
|
|
assert.ok( true, "success" );
|
|
},
|
|
complete: function() {
|
|
assert.ok( true, "complete" );
|
|
}
|
|
};
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - execute js for crossOrigin when dataType option is provided", 3,
|
|
function( assert ) {
|
|
return {
|
|
create: function( options ) {
|
|
options.crossDomain = true;
|
|
options.dataType = "script";
|
|
return jQuery.ajax( url( "mock.php?action=script&header=ecma" ), options );
|
|
},
|
|
success: function() {
|
|
assert.ok( true, "success" );
|
|
},
|
|
complete: function() {
|
|
assert.ok( true, "complete" );
|
|
}
|
|
};
|
|
}
|
|
);
|
|
|
|
ajaxTest( "jQuery.ajax() - custom attributes for script tag", 4,
|
|
function( assert ) {
|
|
return {
|
|
create: function( options ) {
|
|
var xhr;
|
|
options.dataType = "script";
|
|
options.scriptAttrs = { id: "jquery-ajax-test", async: "async" };
|
|
xhr = jQuery.ajax( url( "mock.php?action=script" ), options );
|
|
assert.equal( jQuery( "#jquery-ajax-test" ).attr( "async" ), "async", "attr value" );
|
|
return xhr;
|
|
},
|
|
success: function() {
|
|
assert.ok( true, "success" );
|
|
},
|
|
complete: function() {
|
|
assert.ok( true, "complete" );
|
|
}
|
|
};
|
|
}
|
|
);
|
|
|
|
ajaxTest( "jQuery.ajax() - do not execute js (crossOrigin)", 2, function( assert ) {
|
|
return {
|
|
create: function( options ) {
|
|
options.crossDomain = true;
|
|
return jQuery.ajax( url( "mock.php?action=script&header" ), options );
|
|
},
|
|
success: function() {
|
|
assert.ok( true, "success" );
|
|
},
|
|
fail: function() {
|
|
if ( jQuery.support.cors === false ) {
|
|
assert.ok( true, "fail" );
|
|
}
|
|
},
|
|
complete: function() {
|
|
assert.ok( true, "complete" );
|
|
}
|
|
};
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - success callbacks (late binding)", 8, function( assert ) {
|
|
return {
|
|
setup: addGlobalEvents( "ajaxStart ajaxStop ajaxSend ajaxComplete ajaxSuccess", assert ),
|
|
url: url( "name.html" ),
|
|
beforeSend: function() {
|
|
assert.ok( true, "beforeSend" );
|
|
},
|
|
success: true,
|
|
afterSend: function( request ) {
|
|
request.always( function() {
|
|
assert.ok( true, "complete" );
|
|
} ).done( function() {
|
|
assert.ok( true, "success" );
|
|
} ).fail( function() {
|
|
assert.ok( false, "error" );
|
|
} );
|
|
}
|
|
};
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - success callbacks (oncomplete binding)", 8, function( assert ) {
|
|
return {
|
|
setup: addGlobalEvents( "ajaxStart ajaxStop ajaxSend ajaxComplete ajaxSuccess", assert ),
|
|
url: url( "name.html" ),
|
|
beforeSend: function() {
|
|
assert.ok( true, "beforeSend" );
|
|
},
|
|
success: true,
|
|
complete: function( xhr ) {
|
|
xhr.always( function() {
|
|
assert.ok( true, "complete" );
|
|
} ).done( function() {
|
|
assert.ok( true, "success" );
|
|
} ).fail( function() {
|
|
assert.ok( false, "error" );
|
|
} );
|
|
}
|
|
};
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - error callbacks", 8, function( assert ) {
|
|
return {
|
|
setup: addGlobalEvents( "ajaxStart ajaxStop ajaxSend ajaxComplete ajaxError", assert ),
|
|
url: url( "mock.php?action=wait&wait=5" ),
|
|
beforeSend: function() {
|
|
assert.ok( true, "beforeSend" );
|
|
},
|
|
afterSend: function( request ) {
|
|
request.abort();
|
|
},
|
|
error: function() {
|
|
assert.ok( true, "error" );
|
|
},
|
|
complete: function() {
|
|
assert.ok( true, "complete" );
|
|
}
|
|
};
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - textStatus and errorThrown values", 4, function( assert ) {
|
|
return [ {
|
|
url: url( "mock.php?action=wait&wait=5" ),
|
|
error: function( _, textStatus, errorThrown ) {
|
|
assert.strictEqual( textStatus, "abort", "textStatus is 'abort' for abort" );
|
|
assert.strictEqual( errorThrown, "abort", "errorThrown is 'abort' for abort" );
|
|
},
|
|
afterSend: function( request ) {
|
|
request.abort();
|
|
}
|
|
},
|
|
{
|
|
url: url( "mock.php?action=wait&wait=5" ),
|
|
error: function( _, textStatus, errorThrown ) {
|
|
assert.strictEqual( textStatus, "mystatus", "textStatus is 'mystatus' for abort('mystatus')" );
|
|
assert.strictEqual( errorThrown, "mystatus", "errorThrown is 'mystatus' for abort('mystatus')" );
|
|
},
|
|
afterSend: function( request ) {
|
|
request.abort( "mystatus" );
|
|
}
|
|
} ];
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - responseText on error", 1, function( assert ) {
|
|
return {
|
|
url: url( "mock.php?action=error" ),
|
|
error: function( xhr ) {
|
|
assert.strictEqual( xhr.responseText, "plain text message", "Test jqXHR.responseText is filled for HTTP errors" );
|
|
}
|
|
};
|
|
} );
|
|
|
|
QUnit.test( "jQuery.ajax() - retry with jQuery.ajax( this )", function( assert ) {
|
|
assert.expect( 2 );
|
|
var previousUrl,
|
|
firstTime = true,
|
|
done = assert.async();
|
|
jQuery.ajax( {
|
|
url: url( "mock.php?action=error" ),
|
|
error: function() {
|
|
if ( firstTime ) {
|
|
firstTime = false;
|
|
jQuery.ajax( this );
|
|
} else {
|
|
assert.ok( true, "Test retrying with jQuery.ajax(this) works" );
|
|
jQuery.ajax( {
|
|
url: url( "mock.php?action=error&x=2" ),
|
|
beforeSend: function() {
|
|
if ( !previousUrl ) {
|
|
previousUrl = this.url;
|
|
} else {
|
|
assert.strictEqual( this.url, previousUrl, "url parameters are not re-appended" );
|
|
done();
|
|
return false;
|
|
}
|
|
},
|
|
error: function() {
|
|
jQuery.ajax( this );
|
|
}
|
|
} );
|
|
}
|
|
}
|
|
} );
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - headers", 8, function( assert ) {
|
|
return {
|
|
setup: function() {
|
|
jQuery( document ).on( "ajaxSend", function( evt, xhr ) {
|
|
xhr.setRequestHeader( "ajax-send", "test" );
|
|
} );
|
|
},
|
|
url: url( "mock.php?action=headers&keys=siMPle|SometHing-elsE|OthEr|Nullable|undefined|Empty|ajax-send" ),
|
|
headers: {
|
|
"siMPle": "value",
|
|
"SometHing-elsE": "other value",
|
|
"OthEr": "something else",
|
|
"Nullable": null,
|
|
"undefined": undefined
|
|
|
|
// Support: IE 9 - 11, Edge 12 - 14 only
|
|
// Not all browsers allow empty-string headers
|
|
//"Empty": ""
|
|
},
|
|
success: function( data, _, xhr ) {
|
|
var i, emptyHeader,
|
|
isAndroid = /android 4\.[0-3]/i.test( navigator.userAgent ),
|
|
requestHeaders = jQuery.extend( this.headers, {
|
|
"ajax-send": "test"
|
|
} ),
|
|
tmp = [];
|
|
for ( i in requestHeaders ) {
|
|
tmp.push( i, ": ", requestHeaders[ i ] + "", "\n" );
|
|
}
|
|
tmp = tmp.join( "" );
|
|
|
|
assert.strictEqual( data, tmp, "Headers were sent" );
|
|
assert.strictEqual( xhr.getResponseHeader( "Sample-Header" ), "Hello World", "Sample header received" );
|
|
assert.ok( data.indexOf( "undefined" ) < 0, "Undefined header value was not sent" );
|
|
|
|
emptyHeader = xhr.getResponseHeader( "Empty-Header" );
|
|
if ( emptyHeader === null ) {
|
|
assert.ok( true, "Firefox doesn't support empty headers" );
|
|
} else {
|
|
assert.strictEqual( emptyHeader, "", "Empty header received" );
|
|
}
|
|
assert.strictEqual( xhr.getResponseHeader( "Sample-Header2" ), "Hello World 2", "Second sample header received" );
|
|
|
|
if ( isAndroid ) {
|
|
// Support: Android 4.0-4.3 only
|
|
// Android Browser only returns the last value for each header
|
|
// so there's no way for jQuery get all parts.
|
|
assert.ok( true, "Android doesn't support repeated header names" );
|
|
} else {
|
|
assert.strictEqual( xhr.getResponseHeader( "List-Header" ), "Item 1, Item 2", "List header received" );
|
|
}
|
|
|
|
if ( isAndroid && QUnit.isSwarm ) {
|
|
// Support: Android 4.0-4.3 on BrowserStack only
|
|
// Android Browser versions provided by BrowserStack fail this test
|
|
// while locally fired emulators don't, even when they connect
|
|
// to TestSwarm. Just skip the test there to avoid a red build.
|
|
assert.ok( true, "BrowserStack's Android fails the \"prototype collision (constructor)\" test" );
|
|
} else {
|
|
assert.strictEqual( xhr.getResponseHeader( "constructor" ), "prototype collision (constructor)", "constructor header received" );
|
|
}
|
|
assert.strictEqual( xhr.getResponseHeader( "__proto__" ), null, "Undefined __proto__ header not received" );
|
|
}
|
|
};
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - Accept header", 1, function( assert ) {
|
|
return {
|
|
url: url( "mock.php?action=headers&keys=accept" ),
|
|
headers: {
|
|
Accept: "very wrong accept value"
|
|
},
|
|
beforeSend: function( xhr ) {
|
|
xhr.setRequestHeader( "Accept", "*/*" );
|
|
},
|
|
success: function( data ) {
|
|
assert.strictEqual( data, "accept: */*\n", "Test Accept header is set to last value provided" );
|
|
}
|
|
};
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - contentType", 2, function( assert ) {
|
|
return [
|
|
{
|
|
url: url( "mock.php?action=headers&keys=content-type" ),
|
|
contentType: "test",
|
|
success: function( data ) {
|
|
assert.strictEqual( data, "content-type: test\n", "Test content-type is sent when options.contentType is set" );
|
|
}
|
|
},
|
|
{
|
|
url: url( "mock.php?action=headers&keys=content-type" ),
|
|
contentType: false,
|
|
success: function( data ) {
|
|
|
|
// Some server/interpreter combinations always supply a Content-Type to scripts
|
|
data = data || "content-type: \n";
|
|
assert.strictEqual( data, "content-type: \n", "Test content-type is not set when options.contentType===false" );
|
|
}
|
|
}
|
|
];
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - protocol-less urls", 1, function( assert ) {
|
|
return {
|
|
url: "//somedomain.com",
|
|
beforeSend: function( xhr, settings ) {
|
|
assert.equal( settings.url, location.protocol + "//somedomain.com", "Make sure that the protocol is added." );
|
|
return false;
|
|
},
|
|
error: true
|
|
};
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - URL fragment component preservation", 4, function( assert ) {
|
|
return [
|
|
{
|
|
url: baseURL + "name.html#foo",
|
|
beforeSend: function( xhr, settings ) {
|
|
assert.equal( settings.url, baseURL + "name.html#foo",
|
|
"hash preserved for request with no query component." );
|
|
return false;
|
|
},
|
|
error: true
|
|
},
|
|
{
|
|
url: baseURL + "name.html?abc#foo",
|
|
beforeSend: function( xhr, settings ) {
|
|
assert.equal( settings.url, baseURL + "name.html?abc#foo",
|
|
"hash preserved for request with query component." );
|
|
return false;
|
|
},
|
|
error: true
|
|
},
|
|
{
|
|
url: baseURL + "name.html?abc#foo",
|
|
data: {
|
|
"test": 123
|
|
},
|
|
beforeSend: function( xhr, settings ) {
|
|
assert.equal( settings.url, baseURL + "name.html?abc&test=123#foo",
|
|
"hash preserved for request with query component and data." );
|
|
return false;
|
|
},
|
|
error: true
|
|
},
|
|
{
|
|
url: baseURL + "name.html?abc#brownies",
|
|
data: {
|
|
"devo": "hat"
|
|
},
|
|
cache: false,
|
|
beforeSend: function( xhr, settings ) {
|
|
// Clear the cache-buster param value
|
|
var url = settings.url.replace( /_=[^&#]+/, "_=" );
|
|
assert.equal( url, baseURL + "name.html?abc&devo=hat&_=#brownies",
|
|
"hash preserved for cache-busting request with query component and data." );
|
|
return false;
|
|
},
|
|
error: true
|
|
}
|
|
];
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - traditional param encoding", 4, function( assert ) {
|
|
return [
|
|
{
|
|
url: "/",
|
|
traditional: true,
|
|
data: {
|
|
"devo": "hat",
|
|
"answer": 42,
|
|
"quux": "a space"
|
|
},
|
|
beforeSend: function( xhr, settings ) {
|
|
assert.equal( settings.url, "/?devo=hat&answer=42&quux=a%20space", "Simple case" );
|
|
return false;
|
|
},
|
|
error: true
|
|
},
|
|
{
|
|
url: "/",
|
|
traditional: true,
|
|
data: {
|
|
"a": [ 1, 2, 3 ],
|
|
"b[]": [ "b1", "b2" ]
|
|
},
|
|
beforeSend: function( xhr, settings ) {
|
|
assert.equal( settings.url, "/?a=1&a=2&a=3&b%5B%5D=b1&b%5B%5D=b2", "Arrays" );
|
|
return false;
|
|
},
|
|
error: true
|
|
},
|
|
{
|
|
url: "/",
|
|
traditional: true,
|
|
data: {
|
|
"a": [ [ 1, 2 ], [ 3, 4 ], 5 ]
|
|
},
|
|
beforeSend: function( xhr, settings ) {
|
|
assert.equal( settings.url, "/?a=1%2C2&a=3%2C4&a=5", "Nested arrays" );
|
|
return false;
|
|
},
|
|
error: true
|
|
},
|
|
{
|
|
url: "/",
|
|
traditional: true,
|
|
data: {
|
|
"a": [ "w", [ [ "x", "y" ], "z" ] ]
|
|
},
|
|
cache: false,
|
|
beforeSend: function( xhr, settings ) {
|
|
var url = settings.url.replace( /\d{3,}/, "" );
|
|
assert.equal( url, "/?a=w&a=x%2Cy%2Cz&_=", "Cache-buster" );
|
|
return false;
|
|
},
|
|
error: true
|
|
}
|
|
];
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - cross-domain detection", 8, function( assert ) {
|
|
function request( url, title, crossDomainOrOptions ) {
|
|
return jQuery.extend( {
|
|
dataType: "jsonp",
|
|
url: url,
|
|
beforeSend: function( _, s ) {
|
|
assert.ok( crossDomainOrOptions === false ? !s.crossDomain : s.crossDomain, title );
|
|
return false;
|
|
},
|
|
error: true
|
|
}, crossDomainOrOptions );
|
|
}
|
|
|
|
var loc = document.location,
|
|
samePort = loc.port || ( loc.protocol === "http:" ? 80 : 443 ),
|
|
otherPort = loc.port === 666 ? 667 : 666,
|
|
otherProtocol = loc.protocol === "http:" ? "https:" : "http:";
|
|
|
|
return [
|
|
request(
|
|
loc.protocol + "//" + loc.hostname + ":" + samePort,
|
|
"Test matching ports are not detected as cross-domain",
|
|
false
|
|
),
|
|
request(
|
|
otherProtocol + "//" + loc.host,
|
|
"Test different protocols are detected as cross-domain"
|
|
),
|
|
request(
|
|
"app:/path",
|
|
"Adobe AIR app:/ URL detected as cross-domain"
|
|
),
|
|
request(
|
|
loc.protocol + "//example.invalid:" + ( loc.port || 80 ),
|
|
"Test different hostnames are detected as cross-domain"
|
|
),
|
|
request(
|
|
loc.protocol + "//" + loc.hostname + ":" + otherPort,
|
|
"Test different ports are detected as cross-domain"
|
|
),
|
|
request(
|
|
"about:blank",
|
|
"Test about:blank is detected as cross-domain"
|
|
),
|
|
request(
|
|
loc.protocol + "//" + loc.host,
|
|
"Test forced crossDomain is detected as cross-domain",
|
|
{
|
|
crossDomain: true
|
|
}
|
|
),
|
|
request(
|
|
" http://otherdomain.com",
|
|
"Cross-domain url with leading space is detected as cross-domain"
|
|
)
|
|
];
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - abort", 9, function( assert ) {
|
|
return {
|
|
setup: addGlobalEvents( "ajaxStart ajaxStop ajaxSend ajaxError ajaxComplete", assert ),
|
|
url: url( "mock.php?action=wait&wait=5" ),
|
|
beforeSend: function() {
|
|
assert.ok( true, "beforeSend" );
|
|
},
|
|
afterSend: function( xhr ) {
|
|
assert.strictEqual( xhr.readyState, 1, "XHR readyState indicates successful dispatch" );
|
|
xhr.abort();
|
|
assert.strictEqual( xhr.readyState, 0, "XHR readyState indicates successful abortion" );
|
|
},
|
|
error: true,
|
|
complete: function() {
|
|
assert.ok( true, "complete" );
|
|
}
|
|
};
|
|
} );
|
|
|
|
if ( !/android 4\.0/i.test( navigator.userAgent ) ) {
|
|
ajaxTest( "jQuery.ajax() - native abort", 2, function( assert ) {
|
|
return {
|
|
url: url( "mock.php?action=wait&wait=1" ),
|
|
xhr: function() {
|
|
var xhr = new window.XMLHttpRequest();
|
|
setTimeout( function() {
|
|
xhr.abort();
|
|
}, 100 );
|
|
return xhr;
|
|
},
|
|
error: function( xhr, msg ) {
|
|
assert.strictEqual( msg, "error", "Native abort triggers error callback" );
|
|
},
|
|
complete: function() {
|
|
assert.ok( true, "complete" );
|
|
}
|
|
};
|
|
} );
|
|
}
|
|
|
|
// Support: Android <= 4.0 - 4.3 only
|
|
// Android 4.0-4.3 does not have ontimeout on an xhr
|
|
if ( "ontimeout" in new window.XMLHttpRequest() ) {
|
|
ajaxTest( "jQuery.ajax() - native timeout", 2, function( assert ) {
|
|
return {
|
|
url: url( "mock.php?action=wait&wait=1" ),
|
|
xhr: function() {
|
|
var xhr = new window.XMLHttpRequest();
|
|
xhr.timeout = 1;
|
|
return xhr;
|
|
},
|
|
error: function( xhr, msg ) {
|
|
assert.strictEqual( msg, "error", "Native timeout triggers error callback" );
|
|
},
|
|
complete: function() {
|
|
assert.ok( true, "complete" );
|
|
}
|
|
};
|
|
} );
|
|
}
|
|
|
|
ajaxTest( "jQuery.ajax() - events with context", 12, function( assert ) {
|
|
var context = document.createElement( "div" );
|
|
|
|
function event( e ) {
|
|
assert.equal( this, context, e.type );
|
|
}
|
|
|
|
function callback( msg ) {
|
|
return function() {
|
|
assert.equal( this, context, "context is preserved on callback " + msg );
|
|
};
|
|
}
|
|
|
|
return {
|
|
setup: function() {
|
|
jQuery( context ).appendTo( "#foo" )
|
|
.on( "ajaxSend", event )
|
|
.on( "ajaxComplete", event )
|
|
.on( "ajaxError", event )
|
|
.on( "ajaxSuccess", event );
|
|
},
|
|
requests: [ {
|
|
url: url( "name.html" ),
|
|
context: context,
|
|
beforeSend: callback( "beforeSend" ),
|
|
success: callback( "success" ),
|
|
complete: callback( "complete" )
|
|
}, {
|
|
url: url( "404.txt" ),
|
|
context: context,
|
|
beforeSend: callback( "beforeSend" ),
|
|
error: callback( "error" ),
|
|
complete: callback( "complete" )
|
|
} ]
|
|
};
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - events without context", 3, function( assert ) {
|
|
function nocallback( msg ) {
|
|
return function() {
|
|
assert.equal( typeof this.url, "string", "context is settings on callback " + msg );
|
|
};
|
|
}
|
|
return {
|
|
url: url( "404.txt" ),
|
|
beforeSend: nocallback( "beforeSend" ),
|
|
error: nocallback( "error" ),
|
|
complete: nocallback( "complete" )
|
|
};
|
|
} );
|
|
|
|
ajaxTest( "trac-15118 - jQuery.ajax() - function without jQuery.event", 1, function( assert ) {
|
|
var holder;
|
|
return {
|
|
url: url( "mock.php?action=json" ),
|
|
setup: function() {
|
|
holder = jQuery.event;
|
|
delete jQuery.event;
|
|
},
|
|
complete: function() {
|
|
assert.ok( true, "Call can be made without jQuery.event" );
|
|
jQuery.event = holder;
|
|
},
|
|
success: true
|
|
};
|
|
} );
|
|
|
|
ajaxTest( "trac-15160 - jQuery.ajax() - request manually aborted in ajaxSend", 3, function( assert ) {
|
|
return {
|
|
setup: function() {
|
|
jQuery( document ).on( "ajaxSend", function( e, jqXHR ) {
|
|
jqXHR.abort();
|
|
} );
|
|
|
|
jQuery( document ).on( "ajaxError ajaxComplete", function( e, jqXHR ) {
|
|
assert.equal( jqXHR.statusText, "abort", "jqXHR.statusText equals abort on global ajaxComplete and ajaxError events" );
|
|
} );
|
|
},
|
|
url: url( "name.html" ),
|
|
error: true,
|
|
complete: function() {
|
|
assert.ok( true, "complete" );
|
|
}
|
|
};
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - context modification", 1, function( assert ) {
|
|
return {
|
|
url: url( "name.html" ),
|
|
context: {},
|
|
beforeSend: function() {
|
|
this.test = "foo";
|
|
},
|
|
afterSend: function() {
|
|
assert.strictEqual( this.context.test, "foo", "Make sure the original object is maintained." );
|
|
},
|
|
success: true
|
|
};
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - context modification through ajaxSetup", 3, function( assert ) {
|
|
var obj = {};
|
|
return {
|
|
setup: function() {
|
|
jQuery.ajaxSetup( {
|
|
context: obj
|
|
} );
|
|
assert.strictEqual( jQuery.ajaxSettings.context, obj, "Make sure the context is properly set in ajaxSettings." );
|
|
},
|
|
requests: [ {
|
|
url: url( "name.html" ),
|
|
success: function() {
|
|
assert.strictEqual( this, obj, "Make sure the original object is maintained." );
|
|
}
|
|
}, {
|
|
url: url( "name.html" ),
|
|
context: {},
|
|
success: function() {
|
|
assert.ok( this !== obj, "Make sure overriding context is possible." );
|
|
}
|
|
} ]
|
|
};
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - disabled globals", 3, function( assert ) {
|
|
return {
|
|
setup: addGlobalEvents( "", assert ),
|
|
global: false,
|
|
url: url( "name.html" ),
|
|
beforeSend: function() {
|
|
assert.ok( true, "beforeSend" );
|
|
},
|
|
success: function() {
|
|
assert.ok( true, "success" );
|
|
},
|
|
complete: function() {
|
|
assert.ok( true, "complete" );
|
|
}
|
|
};
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - xml: non-namespace elements inside namespaced elements", 3, function( assert ) {
|
|
return {
|
|
url: url( "with_fries.xml" ),
|
|
dataType: "xml",
|
|
success: function( resp ) {
|
|
assert.equal( jQuery( "properties", resp ).length, 1, "properties in responseXML" );
|
|
assert.equal( jQuery( "jsconf", resp ).length, 1, "jsconf in responseXML" );
|
|
assert.equal( jQuery( "thing", resp ).length, 2, "things in responseXML" );
|
|
}
|
|
};
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - xml: non-namespace elements inside namespaced elements (over JSONP)", 3, function( assert ) {
|
|
return {
|
|
url: url( "mock.php?action=xmlOverJsonp" ),
|
|
dataType: "jsonp xml",
|
|
success: function( resp ) {
|
|
assert.equal( jQuery( "properties", resp ).length, 1, "properties in responseXML" );
|
|
assert.equal( jQuery( "jsconf", resp ).length, 1, "jsconf in responseXML" );
|
|
assert.equal( jQuery( "thing", resp ).length, 2, "things in responseXML" );
|
|
}
|
|
};
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - HEAD requests", 2, function( assert ) {
|
|
return [
|
|
{
|
|
url: url( "name.html" ),
|
|
type: "HEAD",
|
|
success: function( data, status, xhr ) {
|
|
assert.ok( /Date/i.test( xhr.getAllResponseHeaders() ), "No Date in HEAD response" );
|
|
}
|
|
},
|
|
{
|
|
url: url( "name.html" ),
|
|
data: {
|
|
"whip_it": "good"
|
|
},
|
|
type: "HEAD",
|
|
success: function( data, status, xhr ) {
|
|
assert.ok( /Date/i.test( xhr.getAllResponseHeaders() ), "No Date in HEAD response with data" );
|
|
}
|
|
}
|
|
];
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - beforeSend", 1, function( assert ) {
|
|
return {
|
|
url: url( "name.html" ),
|
|
beforeSend: function() {
|
|
this.check = true;
|
|
},
|
|
success: function() {
|
|
assert.ok( this.check, "check beforeSend was executed" );
|
|
}
|
|
};
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - beforeSend, cancel request manually", 2, function( assert ) {
|
|
return {
|
|
create: function() {
|
|
return jQuery.ajax( {
|
|
url: url( "name.html" ),
|
|
beforeSend: function( xhr ) {
|
|
assert.ok( true, "beforeSend got called, canceling" );
|
|
xhr.abort();
|
|
},
|
|
success: function() {
|
|
assert.ok( false, "request didn't get canceled" );
|
|
},
|
|
complete: function() {
|
|
assert.ok( false, "request didn't get canceled" );
|
|
},
|
|
error: function() {
|
|
assert.ok( false, "request didn't get canceled" );
|
|
}
|
|
} );
|
|
},
|
|
fail: function( _, reason ) {
|
|
assert.strictEqual( reason, "canceled", "canceled request must fail with 'canceled' status text" );
|
|
}
|
|
};
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - dataType html", 5, function( assert ) {
|
|
return {
|
|
setup: function() {
|
|
Globals.register( "testFoo" );
|
|
Globals.register( "testBar" );
|
|
},
|
|
dataType: "html",
|
|
url: url( "mock.php?action=testHTML&baseURL=" + baseURL ),
|
|
success: function( data ) {
|
|
assert.ok( data.match( /^html text/ ), "Check content for datatype html" );
|
|
jQuery( "#ap" ).html( data );
|
|
assert.strictEqual( window[ "testFoo" ], "foo", "Check if script was evaluated for datatype html" );
|
|
assert.strictEqual( window[ "testBar" ], "bar", "Check if script src was evaluated for datatype html" );
|
|
}
|
|
};
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - do execute scripts if JSONP from unsuccessful responses", 1, function( assert ) {
|
|
var testMsg = "Unsuccessful JSONP requests should have a JSON body";
|
|
return {
|
|
dataType: "jsonp",
|
|
url: url( "mock.php?action=errorWithScript" ),
|
|
// error is the significant assertion
|
|
error: function( xhr ) {
|
|
var expected = { "status": 404, "msg": "Not Found" };
|
|
assert.deepEqual( xhr.responseJSON, expected, testMsg );
|
|
}
|
|
};
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - do not execute scripts from unsuccessful responses (gh-4250)", 11, function( assert ) {
|
|
var globalEval = jQuery.globalEval;
|
|
|
|
var failConverters = {
|
|
"text script": function() {
|
|
assert.ok( false, "No converter for unsuccessful response" );
|
|
}
|
|
};
|
|
|
|
function request( title, options ) {
|
|
var testMsg = title + ": expected file missing status";
|
|
return jQuery.extend( {
|
|
beforeSend: function() {
|
|
jQuery.globalEval = function() {
|
|
assert.ok( false, "Should not eval" );
|
|
};
|
|
},
|
|
complete: function() {
|
|
jQuery.globalEval = globalEval;
|
|
},
|
|
// error is the significant assertion
|
|
error: function( xhr ) {
|
|
assert.strictEqual( xhr.status, 404, testMsg );
|
|
},
|
|
success: function() {
|
|
assert.ok( false, "Unanticipated success" );
|
|
}
|
|
}, options );
|
|
}
|
|
|
|
return [
|
|
request(
|
|
"HTML reply",
|
|
{
|
|
url: url( "404.txt" )
|
|
}
|
|
),
|
|
request(
|
|
"HTML reply with dataType",
|
|
{
|
|
dataType: "script",
|
|
url: url( "404.txt" )
|
|
}
|
|
),
|
|
request(
|
|
"script reply",
|
|
{
|
|
url: url( "mock.php?action=errorWithScript&withScriptContentType" )
|
|
}
|
|
),
|
|
request(
|
|
"non-script reply",
|
|
{
|
|
url: url( "mock.php?action=errorWithScript" )
|
|
}
|
|
),
|
|
request(
|
|
"script reply with dataType",
|
|
{
|
|
dataType: "script",
|
|
url: url( "mock.php?action=errorWithScript&withScriptContentType" )
|
|
}
|
|
),
|
|
request(
|
|
"non-script reply with dataType",
|
|
{
|
|
dataType: "script",
|
|
url: url( "mock.php?action=errorWithScript" )
|
|
}
|
|
),
|
|
request(
|
|
"script reply with converter",
|
|
{
|
|
converters: failConverters,
|
|
url: url( "mock.php?action=errorWithScript&withScriptContentType" )
|
|
}
|
|
),
|
|
request(
|
|
"non-script reply with converter",
|
|
{
|
|
converters: failConverters,
|
|
url: url( "mock.php?action=errorWithScript" )
|
|
}
|
|
),
|
|
request(
|
|
"script reply with converter and dataType",
|
|
{
|
|
converters: failConverters,
|
|
dataType: "script",
|
|
url: url( "mock.php?action=errorWithScript&withScriptContentType" )
|
|
}
|
|
),
|
|
request(
|
|
"non-script reply with converter and dataType",
|
|
{
|
|
converters: failConverters,
|
|
dataType: "script",
|
|
url: url( "mock.php?action=errorWithScript" )
|
|
}
|
|
),
|
|
request(
|
|
"JSONP reply with dataType",
|
|
{
|
|
dataType: "jsonp",
|
|
url: url( "mock.php?action=errorWithScript" ),
|
|
beforeSend: function() {
|
|
jQuery.globalEval = function( response ) {
|
|
assert.ok( /"status": 404, "msg": "Not Found"/.test( response ), "Error object returned" );
|
|
};
|
|
}
|
|
}
|
|
)
|
|
];
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - synchronous request", 1, function( assert ) {
|
|
return {
|
|
url: url( "json_obj.js" ),
|
|
dataType: "text",
|
|
async: false,
|
|
success: true,
|
|
afterSend: function( xhr ) {
|
|
assert.ok( /^\{ "data"/.test( xhr.responseText ), "check returned text" );
|
|
}
|
|
};
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - synchronous request with callbacks", 2, function( assert ) {
|
|
return {
|
|
url: url( "json_obj.js" ),
|
|
async: false,
|
|
dataType: "text",
|
|
success: true,
|
|
afterSend: function( xhr ) {
|
|
var result;
|
|
xhr.done( function( data ) {
|
|
assert.ok( true, "success callback executed" );
|
|
result = data;
|
|
} );
|
|
assert.ok( /^\{ "data"/.test( result ), "check returned text" );
|
|
}
|
|
};
|
|
} );
|
|
|
|
QUnit.test( "jQuery.ajax(), jQuery.get[Script|JSON](), jQuery.post(), pass-through request object", function( assert ) {
|
|
assert.expect( 8 );
|
|
var done = assert.async();
|
|
var target = "name.html",
|
|
successCount = 0,
|
|
errorCount = 0,
|
|
errorEx = "",
|
|
success = function() {
|
|
successCount++;
|
|
};
|
|
jQuery( document ).on( "ajaxError.passthru", function( e, xml ) {
|
|
errorCount++;
|
|
errorEx += ": " + xml.status;
|
|
} );
|
|
jQuery( document ).one( "ajaxStop", function() {
|
|
assert.equal( successCount, 5, "Check all ajax calls successful" );
|
|
assert.equal( errorCount, 0, "Check no ajax errors (status" + errorEx + ")" );
|
|
jQuery( document ).off( "ajaxError.passthru" );
|
|
done();
|
|
} );
|
|
Globals.register( "testBar" );
|
|
|
|
assert.ok( jQuery.get( url( target ), success ), "get" );
|
|
assert.ok( jQuery.post( url( target ), success ), "post" );
|
|
assert.ok( jQuery.getScript( url( "mock.php?action=testbar" ), success ), "script" );
|
|
assert.ok( jQuery.getJSON( url( "json_obj.js" ), success ), "json" );
|
|
assert.ok( jQuery.ajax( {
|
|
url: url( target ),
|
|
success: success
|
|
} ), "generic" );
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - cache", 28, function( assert ) {
|
|
var re = /_=(.*?)(&|$)/g,
|
|
rootUrl = baseURL + "text.txt";
|
|
|
|
function request( url, title ) {
|
|
return {
|
|
url: url,
|
|
cache: false,
|
|
beforeSend: function() {
|
|
var parameter, tmp;
|
|
|
|
// URL sanity check
|
|
assert.equal( this.url.indexOf( rootUrl ), 0, "root url not mangled: " + this.url );
|
|
assert.equal( /\&.*\?/.test( this.url ), false, "parameter delimiters in order" );
|
|
|
|
while ( ( tmp = re.exec( this.url ) ) ) {
|
|
assert.strictEqual( parameter, undefined, title + ": only one 'no-cache' parameter" );
|
|
parameter = tmp[ 1 ];
|
|
assert.notStrictEqual( parameter, "tobereplaced555", title + ": parameter (if it was there) was replaced" );
|
|
}
|
|
return false;
|
|
},
|
|
error: true
|
|
};
|
|
}
|
|
|
|
return [
|
|
request(
|
|
rootUrl,
|
|
"no query"
|
|
),
|
|
request(
|
|
rootUrl + "?",
|
|
"empty query"
|
|
),
|
|
request(
|
|
rootUrl + "?pizza=true",
|
|
"1 parameter"
|
|
),
|
|
request(
|
|
rootUrl + "?_=tobereplaced555",
|
|
"_= parameter"
|
|
),
|
|
request(
|
|
rootUrl + "?pizza=true&_=tobereplaced555",
|
|
"1 parameter and _="
|
|
),
|
|
request(
|
|
rootUrl + "?_=tobereplaced555&tv=false",
|
|
"_= and 1 parameter"
|
|
),
|
|
request(
|
|
rootUrl + "?name=David&_=tobereplaced555&washere=true",
|
|
"2 parameters surrounding _="
|
|
)
|
|
];
|
|
} );
|
|
|
|
jQuery.each( [ " - Same Domain", " - Cross Domain" ], function( crossDomain, label ) {
|
|
|
|
ajaxTest( "jQuery.ajax() - JSONP - Query String (?n)" + label, 4, function( assert ) {
|
|
return [
|
|
{
|
|
url: baseURL + "mock.php?action=jsonp&callback=?",
|
|
dataType: "jsonp",
|
|
crossDomain: crossDomain,
|
|
success: function( data ) {
|
|
assert.ok( data.data, "JSON results returned (GET, url callback)" );
|
|
}
|
|
},
|
|
{
|
|
url: baseURL + "mock.php?action=jsonp&callback=??",
|
|
dataType: "jsonp",
|
|
crossDomain: crossDomain,
|
|
success: function( data ) {
|
|
assert.ok( data.data, "JSON results returned (GET, url context-free callback)" );
|
|
}
|
|
},
|
|
{
|
|
url: baseURL + "mock.php/???action=jsonp",
|
|
dataType: "jsonp",
|
|
crossDomain: crossDomain,
|
|
success: function( data ) {
|
|
assert.ok( data.data, "JSON results returned (GET, REST-like)" );
|
|
}
|
|
},
|
|
{
|
|
url: baseURL + "mock.php/???action=jsonp&array=1",
|
|
dataType: "jsonp",
|
|
crossDomain: crossDomain,
|
|
success: function( data ) {
|
|
assert.ok( Array.isArray( data ), "JSON results returned (GET, REST-like with param)" );
|
|
}
|
|
}
|
|
];
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - JSONP - Explicit callback param" + label, 10, function( assert ) {
|
|
return {
|
|
setup: function() {
|
|
Globals.register( "functionToCleanUp" );
|
|
Globals.register( "XXX" );
|
|
Globals.register( "jsonpResults" );
|
|
window[ "jsonpResults" ] = function( data ) {
|
|
assert.ok( data[ "data" ], "JSON results returned (GET, custom callback function)" );
|
|
};
|
|
},
|
|
requests: [ {
|
|
url: baseURL + "mock.php?action=jsonp",
|
|
dataType: "jsonp",
|
|
crossDomain: crossDomain,
|
|
jsonp: "callback",
|
|
success: function( data ) {
|
|
assert.ok( data[ "data" ], "JSON results returned (GET, data obj callback)" );
|
|
}
|
|
}, {
|
|
url: baseURL + "mock.php?action=jsonp",
|
|
dataType: "jsonp",
|
|
crossDomain: crossDomain,
|
|
jsonpCallback: "jsonpResults",
|
|
success: function( data ) {
|
|
assert.strictEqual(
|
|
typeof window[ "jsonpResults" ],
|
|
"function",
|
|
"should not rewrite original function"
|
|
);
|
|
assert.ok( data.data, "JSON results returned (GET, custom callback name)" );
|
|
}
|
|
}, {
|
|
url: baseURL + "mock.php?action=jsonp",
|
|
dataType: "jsonp",
|
|
crossDomain: crossDomain,
|
|
jsonpCallback: "functionToCleanUp",
|
|
success: function( data ) {
|
|
assert.ok( data[ "data" ], "JSON results returned (GET, custom callback name to be cleaned up)" );
|
|
assert.strictEqual( window[ "functionToCleanUp" ], true, "Callback was removed (GET, custom callback name to be cleaned up)" );
|
|
var xhr;
|
|
jQuery.ajax( {
|
|
url: baseURL + "mock.php?action=jsonp",
|
|
dataType: "jsonp",
|
|
crossDomain: crossDomain,
|
|
jsonpCallback: "functionToCleanUp",
|
|
beforeSend: function( jqXHR ) {
|
|
xhr = jqXHR;
|
|
return false;
|
|
}
|
|
} );
|
|
xhr.fail( function() {
|
|
assert.ok( true, "Ajax error JSON (GET, custom callback name to be cleaned up)" );
|
|
assert.strictEqual( window[ "functionToCleanUp" ], true, "Callback was removed after early abort (GET, custom callback name to be cleaned up)" );
|
|
} );
|
|
}
|
|
}, {
|
|
url: baseURL + "mock.php?action=jsonp&callback=XXX",
|
|
dataType: "jsonp",
|
|
jsonp: false,
|
|
jsonpCallback: "XXX",
|
|
crossDomain: crossDomain,
|
|
beforeSend: function() {
|
|
assert.ok( /action=jsonp&callback=XXX&_=\d+$/.test( this.url ), "The URL wasn't messed with (GET, custom callback name with no url manipulation)" );
|
|
},
|
|
success: function( data ) {
|
|
assert.ok( data[ "data" ], "JSON results returned (GET, custom callback name with no url manipulation)" );
|
|
}
|
|
} ]
|
|
};
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - JSONP - Callback in data" + label, 2, function( assert ) {
|
|
return [
|
|
{
|
|
url: baseURL + "mock.php?action=jsonp",
|
|
dataType: "jsonp",
|
|
crossDomain: crossDomain,
|
|
data: "callback=?",
|
|
success: function( data ) {
|
|
assert.ok( data.data, "JSON results returned (GET, data callback)" );
|
|
}
|
|
},
|
|
{
|
|
url: baseURL + "mock.php?action=jsonp",
|
|
dataType: "jsonp",
|
|
crossDomain: crossDomain,
|
|
data: "callback=??",
|
|
success: function( data ) {
|
|
assert.ok( data.data, "JSON results returned (GET, data context-free callback)" );
|
|
}
|
|
}
|
|
];
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - JSONP - POST" + label, 3, function( assert ) {
|
|
return [
|
|
{
|
|
type: "POST",
|
|
url: baseURL + "mock.php?action=jsonp",
|
|
dataType: "jsonp",
|
|
crossDomain: crossDomain,
|
|
success: function( data ) {
|
|
assert.ok( data[ "data" ], "JSON results returned (POST, no callback)" );
|
|
}
|
|
},
|
|
{
|
|
type: "POST",
|
|
url: baseURL + "mock.php?action=jsonp",
|
|
data: "callback=?",
|
|
dataType: "jsonp",
|
|
crossDomain: crossDomain,
|
|
success: function( data ) {
|
|
assert.ok( data[ "data" ], "JSON results returned (POST, data callback)" );
|
|
}
|
|
},
|
|
{
|
|
type: "POST",
|
|
url: baseURL + "mock.php?action=jsonp",
|
|
jsonp: "callback",
|
|
dataType: "jsonp",
|
|
crossDomain: crossDomain,
|
|
success: function( data ) {
|
|
assert.ok( data[ "data" ], "JSON results returned (POST, data obj callback)" );
|
|
}
|
|
}
|
|
];
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - JSONP" + label, 3, function( assert ) {
|
|
return [
|
|
{
|
|
url: baseURL + "mock.php?action=jsonp",
|
|
dataType: "jsonp",
|
|
crossDomain: crossDomain,
|
|
success: function( data ) {
|
|
assert.ok( data.data, "JSON results returned (GET, no callback)" );
|
|
}
|
|
},
|
|
{
|
|
create: function( options ) {
|
|
var request = jQuery.ajax( options ),
|
|
promise = request.then( function( data ) {
|
|
assert.ok( data.data, "first request: JSON results returned (GET, no callback)" );
|
|
request = jQuery.ajax( this ).done( function( data ) {
|
|
assert.ok( data.data, "this re-used: JSON results returned (GET, no callback)" );
|
|
} );
|
|
promise.abort = request.abort;
|
|
return request;
|
|
} );
|
|
promise.abort = request.abort;
|
|
return promise;
|
|
},
|
|
url: baseURL + "mock.php?action=jsonp",
|
|
dataType: "jsonp",
|
|
crossDomain: crossDomain,
|
|
success: true
|
|
}
|
|
];
|
|
} );
|
|
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - script, Remote", 2, function( assert ) {
|
|
return {
|
|
setup: function() {
|
|
Globals.register( "testBar" );
|
|
},
|
|
url: url( "mock.php?action=testbar" ),
|
|
dataType: "script",
|
|
success: function() {
|
|
assert.strictEqual( window[ "testBar" ], "bar", "Script results returned (GET, no callback)" );
|
|
}
|
|
};
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - script, Remote with POST", 3, function( assert ) {
|
|
return {
|
|
setup: function() {
|
|
Globals.register( "testBar" );
|
|
},
|
|
url: url( "mock.php?action=testbar" ),
|
|
type: "POST",
|
|
dataType: "script",
|
|
success: function( data, status ) {
|
|
assert.strictEqual( window[ "testBar" ], "bar", "Script results returned (POST, no callback)" );
|
|
assert.strictEqual( status, "success", "Script results returned (POST, no callback)" );
|
|
}
|
|
};
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - script, Remote with scheme-less URL", 2, function( assert ) {
|
|
return {
|
|
setup: function() {
|
|
Globals.register( "testBar" );
|
|
},
|
|
url: url( "mock.php?action=testbar" ),
|
|
dataType: "script",
|
|
success: function() {
|
|
assert.strictEqual( window[ "testBar" ], "bar", "Script results returned (GET, no callback)" );
|
|
}
|
|
};
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - malformed JSON", 2, function( assert ) {
|
|
return {
|
|
url: baseURL + "badjson.js",
|
|
dataType: "json",
|
|
error: function( xhr, msg, detailedMsg ) {
|
|
assert.strictEqual( msg, "parsererror", "A parse error occurred." );
|
|
assert.ok( /(invalid|error|exception)/i.test( detailedMsg ), "Detailed parsererror message provided" );
|
|
}
|
|
};
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - script by content-type", 2, function() {
|
|
return [
|
|
{
|
|
url: baseURL + "mock.php?action=script",
|
|
data: {
|
|
"header": "script"
|
|
},
|
|
success: true
|
|
},
|
|
{
|
|
url: baseURL + "mock.php?action=script",
|
|
data: {
|
|
"header": "ecma"
|
|
},
|
|
success: true
|
|
}
|
|
];
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - JSON by content-type", 5, function( assert ) {
|
|
return {
|
|
url: baseURL + "mock.php?action=json",
|
|
data: {
|
|
"header": "json",
|
|
"array": "1"
|
|
},
|
|
success: function( json ) {
|
|
assert.ok( json.length >= 2, "Check length" );
|
|
assert.strictEqual( json[ 0 ][ "name" ], "John", "Check JSON: first, name" );
|
|
assert.strictEqual( json[ 0 ][ "age" ], 21, "Check JSON: first, age" );
|
|
assert.strictEqual( json[ 1 ][ "name" ], "Peter", "Check JSON: second, name" );
|
|
assert.strictEqual( json[ 1 ][ "age" ], 25, "Check JSON: second, age" );
|
|
}
|
|
};
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - JSON by content-type disabled with options", 6, function( assert ) {
|
|
return {
|
|
url: url( "mock.php?action=json" ),
|
|
data: {
|
|
"header": "json",
|
|
"array": "1"
|
|
},
|
|
contents: {
|
|
"json": false
|
|
},
|
|
success: function( text ) {
|
|
assert.strictEqual( typeof text, "string", "json wasn't auto-determined" );
|
|
var json = JSON.parse( text );
|
|
assert.ok( json.length >= 2, "Check length" );
|
|
assert.strictEqual( json[ 0 ][ "name" ], "John", "Check JSON: first, name" );
|
|
assert.strictEqual( json[ 0 ][ "age" ], 21, "Check JSON: first, age" );
|
|
assert.strictEqual( json[ 1 ][ "name" ], "Peter", "Check JSON: second, name" );
|
|
assert.strictEqual( json[ 1 ][ "age" ], 25, "Check JSON: second, age" );
|
|
}
|
|
};
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - simple get", 1, function( assert ) {
|
|
return {
|
|
type: "GET",
|
|
url: url( "mock.php?action=name&name=foo" ),
|
|
success: function( msg ) {
|
|
assert.strictEqual( msg, "bar", "Check for GET" );
|
|
}
|
|
};
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - simple post", 1, function( assert ) {
|
|
return {
|
|
type: "POST",
|
|
url: url( "mock.php?action=name" ),
|
|
data: "name=peter",
|
|
success: function( msg ) {
|
|
assert.strictEqual( msg, "pan", "Check for POST" );
|
|
}
|
|
};
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - data option - empty bodies for non-GET requests", 1, function( assert ) {
|
|
return {
|
|
url: baseURL + "mock.php?action=echoData",
|
|
data: undefined,
|
|
type: "post",
|
|
success: function( result ) {
|
|
assert.strictEqual( result, "" );
|
|
}
|
|
};
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - data - x-www-form-urlencoded (gh-2658)", 1, function( assert ) {
|
|
return {
|
|
url: "bogus.html",
|
|
data: { devo: "A Beautiful World" },
|
|
type: "post",
|
|
beforeSend: function( _, s ) {
|
|
assert.strictEqual( s.data, "devo=A+Beautiful+World", "data is '+'-encoded" );
|
|
return false;
|
|
},
|
|
error: true
|
|
};
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - data - text/plain (gh-2658)", 1, function( assert ) {
|
|
return {
|
|
url: "bogus.html",
|
|
data: { devo: "A Beautiful World" },
|
|
type: "post",
|
|
contentType: "text/plain",
|
|
beforeSend: function( _, s ) {
|
|
assert.strictEqual( s.data, "devo=A%20Beautiful%20World", "data is %20-encoded" );
|
|
return false;
|
|
},
|
|
error: true
|
|
};
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - don't escape %20 with contentType override (gh-4119)", 1, function( assert ) {
|
|
return {
|
|
url: "bogus.html",
|
|
contentType: "application/x-www-form-urlencoded",
|
|
headers: { "content-type": "application/json" },
|
|
method: "post",
|
|
dataType: "json",
|
|
data: "{\"val\":\"%20\"}",
|
|
beforeSend: function( _, s ) {
|
|
assert.strictEqual( s.data, "{\"val\":\"%20\"}", "data is not %20-encoded" );
|
|
return false;
|
|
},
|
|
error: true
|
|
};
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - escape %20 with contentType override (gh-4119)", 1, function( assert ) {
|
|
return {
|
|
url: "bogus.html",
|
|
contentType: "application/json",
|
|
headers: { "content-type": "application/x-www-form-urlencoded" },
|
|
method: "post",
|
|
dataType: "json",
|
|
data: "{\"val\":\"%20\"}",
|
|
beforeSend: function( _, s ) {
|
|
assert.strictEqual( s.data, "{\"val\":\"+\"}", "data is %20-encoded" );
|
|
return false;
|
|
},
|
|
error: true
|
|
};
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - override contentType with header (gh-4119)", 1, function( assert ) {
|
|
return {
|
|
url: "bogus.html",
|
|
contentType: "application/json",
|
|
headers: { "content-type": "application/x-www-form-urlencoded" },
|
|
beforeSend: function( _, s ) {
|
|
assert.strictEqual( s.contentType, "application/x-www-form-urlencoded",
|
|
"contentType is overwritten" );
|
|
return false;
|
|
},
|
|
error: true
|
|
};
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - data - no processing POST", 1, function( assert ) {
|
|
return {
|
|
url: "bogus.html",
|
|
data: { devo: "A Beautiful World" },
|
|
type: "post",
|
|
contentType: "x-special-sauce",
|
|
processData: false,
|
|
beforeSend: function( _, s ) {
|
|
assert.deepEqual( s.data, { devo: "A Beautiful World" }, "data is not processed" );
|
|
return false;
|
|
},
|
|
error: true
|
|
};
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - data - no processing GET", 1, function( assert ) {
|
|
return {
|
|
url: "bogus.html",
|
|
data: { devo: "A Beautiful World" },
|
|
type: "get",
|
|
contentType: "x-something-else",
|
|
processData: false,
|
|
beforeSend: function( _, s ) {
|
|
assert.deepEqual( s.data, { devo: "A Beautiful World" }, "data is not processed" );
|
|
return false;
|
|
},
|
|
error: true
|
|
};
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - data - process string with GET", 2, function( assert ) {
|
|
return {
|
|
url: "bogus.html",
|
|
data: "a=1&b=2",
|
|
type: "get",
|
|
contentType: "x-something-else",
|
|
processData: false,
|
|
beforeSend: function( _, s ) {
|
|
assert.equal( s.url, "bogus.html?a=1&b=2", "added data to url" );
|
|
assert.equal( s.data, undefined, "removed data from settings" );
|
|
return false;
|
|
},
|
|
error: true
|
|
};
|
|
} );
|
|
|
|
var ifModifiedNow = new Date();
|
|
|
|
jQuery.each(
|
|
/* jQuery.each arguments start */
|
|
{
|
|
" (cache)": true,
|
|
" (no cache)": false
|
|
},
|
|
function( label, cache ) {
|
|
jQuery.each(
|
|
{
|
|
"If-Modified-Since": {
|
|
url: "mock.php?action=ims",
|
|
qunitMethod: "test"
|
|
},
|
|
"Etag": {
|
|
url: "mock.php?action=etag",
|
|
|
|
// Support: TestSwarm
|
|
// TestSwarm is now proxied via Cloudflare which cuts out
|
|
// headers relevant for ETag tests, failing them. We're still
|
|
// running those tests in Karma on Chrome & Firefox (including
|
|
// Firefox ESR).
|
|
qunitMethod: QUnit.isSwarm ? "skip" : "test"
|
|
}
|
|
},
|
|
function( type, data ) {
|
|
var url = baseURL + data.url + "&ts=" + ifModifiedNow++;
|
|
QUnit[ data.qunitMethod ]( "jQuery.ajax() - " + type +
|
|
" support" + label, function( assert ) {
|
|
assert.expect( 4 );
|
|
var done = assert.async();
|
|
jQuery.ajax( {
|
|
url: url,
|
|
ifModified: true,
|
|
cache: cache,
|
|
success: function( _, status ) {
|
|
assert.strictEqual( status, "success", "Initial status is 'success'" );
|
|
jQuery.ajax( {
|
|
url: url,
|
|
ifModified: true,
|
|
cache: cache,
|
|
success: function( data, status, jqXHR ) {
|
|
assert.strictEqual( status, "notmodified", "Following status is 'notmodified'" );
|
|
assert.strictEqual( jqXHR.status, 304, "XHR status is 304" );
|
|
assert.equal( data, null, "no response body is given" );
|
|
},
|
|
complete: function() {
|
|
done();
|
|
}
|
|
} );
|
|
}
|
|
} );
|
|
} );
|
|
}
|
|
);
|
|
}
|
|
/* jQuery.each arguments end */
|
|
);
|
|
|
|
ajaxTest( "jQuery.ajax() - failing cross-domain (non-existing)", 1, function( assert ) {
|
|
return {
|
|
|
|
// see RFC 2606
|
|
url: "http://example.invalid",
|
|
error: function( xhr, _, e ) {
|
|
assert.ok( true, "file not found: " + xhr.status + " => " + e );
|
|
}
|
|
};
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - failing cross-domain", 1, function( assert ) {
|
|
return {
|
|
url: "http://" + externalHost,
|
|
error: function( xhr, _, e ) {
|
|
assert.ok( true, "access denied: " + xhr.status + " => " + e );
|
|
}
|
|
};
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - atom+xml", 1, function( assert ) {
|
|
return {
|
|
url: url( "mock.php?action=atom" ),
|
|
success: function() {
|
|
assert.ok( true, "success" );
|
|
}
|
|
};
|
|
} );
|
|
|
|
QUnit.test( "jQuery.ajax() - statusText", function( assert ) {
|
|
assert.expect( 3 );
|
|
var done = assert.async();
|
|
jQuery.ajax( url( "mock.php?action=status&code=200&text=Hello" ) ).done( function( _, statusText, jqXHR ) {
|
|
assert.strictEqual( statusText, "success", "callback status text ok for success" );
|
|
|
|
// Support: iOS 9 only
|
|
// Some versions of iOS 9 return the "HTTP/2.0 200" status text
|
|
// in this case; accept it.
|
|
assert.ok(
|
|
[ "Hello", "OK", "success", "HTTP/2.0 200" ].indexOf( jqXHR.statusText ) > -1,
|
|
"jqXHR status text ok for success (" + jqXHR.statusText + ")" );
|
|
|
|
jQuery.ajax( url( "mock.php?action=status&code=404&text=World" ) ).fail( function( jqXHR, statusText ) {
|
|
assert.strictEqual( statusText, "error", "callback status text ok for error" );
|
|
done();
|
|
} );
|
|
} );
|
|
} );
|
|
|
|
QUnit.test( "jQuery.ajax() - statusCode", function( assert ) {
|
|
assert.expect( 20 );
|
|
var done = assert.async(),
|
|
count = 12;
|
|
|
|
function countComplete() {
|
|
if ( !--count ) {
|
|
done();
|
|
}
|
|
}
|
|
|
|
function createStatusCodes( name, isSuccess ) {
|
|
name = "Test " + name + " " + ( isSuccess ? "success" : "error" );
|
|
return {
|
|
200: function() {
|
|
assert.ok( isSuccess, name );
|
|
},
|
|
404: function() {
|
|
assert.ok( !isSuccess, name );
|
|
}
|
|
};
|
|
}
|
|
|
|
jQuery.each(
|
|
/* jQuery.each arguments start */
|
|
{
|
|
"name.html": true,
|
|
"404.txt": false
|
|
},
|
|
function( uri, isSuccess ) {
|
|
jQuery.ajax( url( uri ), {
|
|
statusCode: createStatusCodes( "in options", isSuccess ),
|
|
complete: countComplete
|
|
} );
|
|
|
|
jQuery.ajax( url( uri ), {
|
|
complete: countComplete
|
|
} ).statusCode( createStatusCodes( "immediately with method", isSuccess ) );
|
|
|
|
jQuery.ajax( url( uri ), {
|
|
complete: function( jqXHR ) {
|
|
jqXHR.statusCode( createStatusCodes( "on complete", isSuccess ) );
|
|
countComplete();
|
|
}
|
|
} );
|
|
|
|
jQuery.ajax( url( uri ), {
|
|
complete: function( jqXHR ) {
|
|
setTimeout( function() {
|
|
jqXHR.statusCode( createStatusCodes( "very late binding", isSuccess ) );
|
|
countComplete();
|
|
}, 100 );
|
|
}
|
|
} );
|
|
|
|
jQuery.ajax( url( uri ), {
|
|
statusCode: createStatusCodes( "all (options)", isSuccess ),
|
|
complete: function( jqXHR ) {
|
|
jqXHR.statusCode( createStatusCodes( "all (on complete)", isSuccess ) );
|
|
setTimeout( function() {
|
|
jqXHR.statusCode( createStatusCodes( "all (very late binding)", isSuccess ) );
|
|
countComplete();
|
|
}, 100 );
|
|
}
|
|
} ).statusCode( createStatusCodes( "all (immediately with method)", isSuccess ) );
|
|
|
|
var testString = "";
|
|
|
|
jQuery.ajax( url( uri ), {
|
|
success: function( a, b, jqXHR ) {
|
|
assert.ok( isSuccess, "success" );
|
|
var statusCode = {};
|
|
statusCode[ jqXHR.status ] = function() {
|
|
testString += "B";
|
|
};
|
|
jqXHR.statusCode( statusCode );
|
|
testString += "A";
|
|
},
|
|
error: function( jqXHR ) {
|
|
assert.ok( !isSuccess, "error" );
|
|
var statusCode = {};
|
|
statusCode[ jqXHR.status ] = function() {
|
|
testString += "B";
|
|
};
|
|
jqXHR.statusCode( statusCode );
|
|
testString += "A";
|
|
},
|
|
complete: function() {
|
|
assert.strictEqual(
|
|
testString,
|
|
"AB",
|
|
"Test statusCode callbacks are ordered like " + ( isSuccess ? "success" : "error" ) + " callbacks"
|
|
);
|
|
countComplete();
|
|
}
|
|
} );
|
|
|
|
}
|
|
/* jQuery.each arguments end*/
|
|
);
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - transitive conversions", 8, function( assert ) {
|
|
return [
|
|
{
|
|
url: url( "mock.php?action=json" ),
|
|
converters: {
|
|
"json myJson": function( data ) {
|
|
assert.ok( true, "converter called" );
|
|
return data;
|
|
}
|
|
},
|
|
dataType: "myJson",
|
|
success: function() {
|
|
assert.ok( true, "Transitive conversion worked" );
|
|
assert.strictEqual( this.dataTypes[ 0 ], "text", "response was retrieved as text" );
|
|
assert.strictEqual( this.dataTypes[ 1 ], "myjson", "request expected myjson dataType" );
|
|
}
|
|
},
|
|
{
|
|
url: url( "mock.php?action=json" ),
|
|
converters: {
|
|
"json myJson": function( data ) {
|
|
assert.ok( true, "converter called (*)" );
|
|
return data;
|
|
}
|
|
},
|
|
contents: false, /* headers are wrong so we ignore them */
|
|
dataType: "* myJson",
|
|
success: function() {
|
|
assert.ok( true, "Transitive conversion worked (*)" );
|
|
assert.strictEqual( this.dataTypes[ 0 ], "text", "response was retrieved as text (*)" );
|
|
assert.strictEqual( this.dataTypes[ 1 ], "myjson", "request expected myjson dataType (*)" );
|
|
}
|
|
}
|
|
];
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - overrideMimeType", 2, function( assert ) {
|
|
return [
|
|
{
|
|
url: url( "mock.php?action=json" ),
|
|
beforeSend: function( xhr ) {
|
|
xhr.overrideMimeType( "application/json" );
|
|
},
|
|
success: function( json ) {
|
|
assert.ok( json.data, "Mimetype overridden using beforeSend" );
|
|
}
|
|
},
|
|
{
|
|
url: url( "mock.php?action=json" ),
|
|
mimeType: "application/json",
|
|
success: function( json ) {
|
|
assert.ok( json.data, "Mimetype overridden using mimeType option" );
|
|
}
|
|
}
|
|
];
|
|
} );
|
|
|
|
ajaxTest( "jQuery.ajax() - empty json gets to error callback instead of success callback.", 1, function( assert ) {
|
|
return {
|
|
url: url( "mock.php?action=echoData" ),
|
|
error: function( _, __, error ) {
|
|
assert.equal( typeof error === "object", true, "Didn't get back error object for empty json response" );
|
|
},
|
|
dataType: "json"
|
|
};
|
|
} );
|
|
|
|
ajaxTest( "trac-2688 - jQuery.ajax() - beforeSend, cancel request", 2, function( assert ) {
|
|
return {
|
|
create: function() {
|
|
return jQuery.ajax( {
|
|
url: url( "name.html" ),
|
|
beforeSend: function() {
|
|
assert.ok( true, "beforeSend got called, canceling" );
|
|
return false;
|
|
},
|
|
success: function() {
|
|
assert.ok( false, "request didn't get canceled" );
|
|
},
|
|
complete: function() {
|
|
assert.ok( false, "request didn't get canceled" );
|
|
},
|
|
error: function() {
|
|
assert.ok( false, "request didn't get canceled" );
|
|
}
|
|
} );
|
|
},
|
|
fail: function( _, reason ) {
|
|
assert.strictEqual( reason, "canceled", "canceled request must fail with 'canceled' status text" );
|
|
}
|
|
};
|
|
} );
|
|
|
|
ajaxTest( "trac-2806 - jQuery.ajax() - data option - evaluate function values", 1, function( assert ) {
|
|
return {
|
|
url: baseURL + "mock.php?action=echoQuery",
|
|
data: {
|
|
key: function() {
|
|
return "value";
|
|
}
|
|
},
|
|
success: function( result ) {
|
|
assert.strictEqual( result, "action=echoQuery&key=value" );
|
|
}
|
|
};
|
|
} );
|
|
|
|
QUnit.test( "trac-7531 - jQuery.ajax() - Location object as url", function( assert ) {
|
|
assert.expect( 1 );
|
|
|
|
var xhr,
|
|
success = false;
|
|
try {
|
|
xhr = jQuery.ajax( {
|
|
url: window.location
|
|
} );
|
|
success = true;
|
|
xhr.abort();
|
|
} catch ( e ) {
|
|
|
|
}
|
|
assert.ok( success, "document.location did not generate exception" );
|
|
} );
|
|
|
|
jQuery.each( [ " - Same Domain", " - Cross Domain" ], function( crossDomain, label ) {
|
|
ajaxTest( "trac-7578 - jQuery.ajax() - JSONP - default for cache option" + label, 1, function( assert ) {
|
|
return {
|
|
url: baseURL + "mock.php?action=jsonp",
|
|
dataType: "jsonp",
|
|
crossDomain: crossDomain,
|
|
beforeSend: function() {
|
|
assert.strictEqual( this.cache, false, "cache must be false on JSON request" );
|
|
return false;
|
|
},
|
|
error: true
|
|
};
|
|
} );
|
|
} );
|
|
|
|
ajaxTest( "trac-8107 - jQuery.ajax() - multiple method signatures introduced in 1.5", 4, function( assert ) {
|
|
return [
|
|
{
|
|
create: function() {
|
|
return jQuery.ajax();
|
|
},
|
|
done: function() {
|
|
assert.ok( true, "With no arguments" );
|
|
}
|
|
},
|
|
{
|
|
create: function() {
|
|
return jQuery.ajax( baseURL + "name.html" );
|
|
},
|
|
done: function() {
|
|
assert.ok( true, "With only string URL argument" );
|
|
}
|
|
},
|
|
{
|
|
create: function() {
|
|
return jQuery.ajax( baseURL + "name.html", {} );
|
|
},
|
|
done: function() {
|
|
assert.ok( true, "With string URL param and map" );
|
|
}
|
|
},
|
|
{
|
|
create: function( options ) {
|
|
return jQuery.ajax( options );
|
|
},
|
|
url: baseURL + "name.html",
|
|
success: function() {
|
|
assert.ok( true, "With only map" );
|
|
}
|
|
}
|
|
];
|
|
} );
|
|
|
|
jQuery.each( [ " - Same Domain", " - Cross Domain" ], function( crossDomain, label ) {
|
|
ajaxTest( "trac-8205 - jQuery.ajax() - JSONP - re-use callbacks name" + label, 4, function( assert ) {
|
|
return {
|
|
url: baseURL + "mock.php?action=jsonp",
|
|
dataType: "jsonp",
|
|
crossDomain: crossDomain,
|
|
beforeSend: function( jqXHR, s ) {
|
|
s.callback = s.jsonpCallback;
|
|
|
|
assert.ok( this.callback in window, "JSONP callback name is in the window" );
|
|
},
|
|
success: function() {
|
|
var previous = this;
|
|
|
|
assert.strictEqual(
|
|
previous.jsonpCallback,
|
|
undefined,
|
|
"jsonpCallback option is set back to default in callbacks"
|
|
);
|
|
|
|
assert.ok(
|
|
!( this.callback in window ),
|
|
"JSONP callback name was removed from the window"
|
|
);
|
|
|
|
jQuery.ajax( {
|
|
url: baseURL + "mock.php?action=jsonp",
|
|
dataType: "jsonp",
|
|
crossDomain: crossDomain,
|
|
beforeSend: function() {
|
|
assert.strictEqual( this.jsonpCallback, previous.callback, "JSONP callback name is re-used" );
|
|
return false;
|
|
}
|
|
} );
|
|
}
|
|
};
|
|
} );
|
|
} );
|
|
|
|
QUnit.test( "trac-9887 - jQuery.ajax() - Context with circular references (trac-9887)", function( assert ) {
|
|
assert.expect( 2 );
|
|
|
|
var success = false,
|
|
context = {};
|
|
context.field = context;
|
|
try {
|
|
jQuery.ajax( "non-existing", {
|
|
context: context,
|
|
beforeSend: function() {
|
|
assert.ok( this === context, "context was not deep extended" );
|
|
return false;
|
|
}
|
|
} );
|
|
success = true;
|
|
} catch ( e ) {
|
|
console.log( e );
|
|
}
|
|
assert.ok( success, "context with circular reference did not generate an exception" );
|
|
} );
|
|
|
|
jQuery.each( [ "as argument", "in settings object" ], function( inSetting, title ) {
|
|
|
|
function request( assert, url, test ) {
|
|
return {
|
|
create: function() {
|
|
return jQuery.ajax( inSetting ? { url: url } : url );
|
|
},
|
|
done: function() {
|
|
assert.ok( true, ( test || url ) + " " + title );
|
|
}
|
|
};
|
|
}
|
|
|
|
ajaxTest( "trac-10093 - jQuery.ajax() - falsy url " + title, 4, function( assert ) {
|
|
return [
|
|
request( assert, "", "empty string" ),
|
|
request( assert, false ),
|
|
request( assert, null ),
|
|
request( assert, undefined )
|
|
];
|
|
} );
|
|
} );
|
|
|
|
ajaxTest( "trac-11151 - jQuery.ajax() - parse error body", 2, function( assert ) {
|
|
return {
|
|
url: url( "mock.php?action=error&json=1" ),
|
|
dataFilter: function( string ) {
|
|
assert.ok( false, "dataFilter called" );
|
|
return string;
|
|
},
|
|
error: function( jqXHR ) {
|
|
assert.strictEqual( jqXHR.responseText, "{ \"code\": 40, \"message\": \"Bad Request\" }", "Error body properly set" );
|
|
assert.deepEqual( jqXHR.responseJSON, { code: 40, message: "Bad Request" }, "Error body properly parsed" );
|
|
}
|
|
};
|
|
} );
|
|
|
|
ajaxTest( "trac-11426 - jQuery.ajax() - loading binary data shouldn't throw an exception in IE", 1, function( assert ) {
|
|
return {
|
|
url: url( "1x1.jpg" ),
|
|
success: function( data ) {
|
|
assert.ok( data === undefined || /JFIF/.test( data ), "success callback reached" );
|
|
}
|
|
};
|
|
} );
|
|
|
|
if ( typeof window.ArrayBuffer === "undefined" || typeof new XMLHttpRequest().responseType !== "string" ) {
|
|
|
|
QUnit.skip( "No ArrayBuffer support in XHR", jQuery.noop );
|
|
} else {
|
|
|
|
// No built-in support for binary data, but it's easy to add via a prefilter
|
|
jQuery.ajaxPrefilter( "arraybuffer", function( s ) {
|
|
s.xhrFields = { responseType: "arraybuffer" };
|
|
s.responseFields.arraybuffer = "response";
|
|
s.converters[ "binary arraybuffer" ] = true;
|
|
} );
|
|
|
|
ajaxTest( "gh-2498 - jQuery.ajax() - binary data shouldn't throw an exception", 2, function( assert ) {
|
|
return {
|
|
url: url( "1x1.jpg" ),
|
|
dataType: "arraybuffer",
|
|
success: function( data, s, jqxhr ) {
|
|
assert.ok( data instanceof window.ArrayBuffer, "correct data type" );
|
|
assert.ok( jqxhr.response instanceof window.ArrayBuffer, "data in jQXHR" );
|
|
}
|
|
};
|
|
} );
|
|
}
|
|
|
|
QUnit.test( "trac-11743 - jQuery.ajax() - script, throws exception", function( assert ) {
|
|
assert.expect( 1 );
|
|
var done = assert.async();
|
|
var onerror = window.onerror;
|
|
window.onerror = function() {
|
|
assert.ok( true, "Exception thrown" );
|
|
window.onerror = onerror;
|
|
done();
|
|
};
|
|
jQuery.ajax( {
|
|
url: baseURL + "badjson.js",
|
|
dataType: "script",
|
|
throws: true
|
|
} );
|
|
} );
|
|
|
|
jQuery.each( [ "method", "type" ], function( _, globalOption ) {
|
|
function request( assert, option ) {
|
|
var options = {
|
|
url: url( "mock.php?action=echoData" ),
|
|
data: "hello",
|
|
success: function( msg ) {
|
|
assert.strictEqual( msg, "hello", "Check for POST (no override)" );
|
|
}
|
|
};
|
|
if ( option ) {
|
|
options[ option ] = "GET";
|
|
options.success = function( msg ) {
|
|
assert.strictEqual( msg, "", "Check for no POST (overriding with " + option + ")" );
|
|
};
|
|
}
|
|
return options;
|
|
}
|
|
|
|
ajaxTest(
|
|
"trac-12004 - jQuery.ajax() - method is an alias of type - " +
|
|
globalOption + " set globally", 3,
|
|
function( assert ) {
|
|
return {
|
|
setup: function() {
|
|
var options = {};
|
|
options[ globalOption ] = "POST";
|
|
jQuery.ajaxSetup( options );
|
|
},
|
|
requests: [
|
|
request( assert, "type" ),
|
|
request( assert, "method" ),
|
|
request( assert )
|
|
]
|
|
};
|
|
}
|
|
);
|
|
} );
|
|
|
|
ajaxTest( "trac-13276 - jQuery.ajax() - compatibility between XML documents from ajax requests and parsed string", 1, function( assert ) {
|
|
return {
|
|
url: baseURL + "dashboard.xml",
|
|
dataType: "xml",
|
|
success: function( ajaxXML ) {
|
|
var parsedXML = jQuery( jQuery.parseXML( "<tab title=\"Added\">blibli</tab>" ) ).find( "tab" );
|
|
ajaxXML = jQuery( ajaxXML );
|
|
try {
|
|
ajaxXML.find( "infowindowtab" ).append( parsedXML );
|
|
} catch ( e ) {
|
|
assert.strictEqual( e, undefined, "error" );
|
|
return;
|
|
}
|
|
assert.strictEqual( ajaxXML.find( "tab" ).length, 3, "Parsed node was added properly" );
|
|
}
|
|
};
|
|
} );
|
|
|
|
ajaxTest( "trac-13292 - jQuery.ajax() - converter is bypassed for 204 requests", 3, function( assert ) {
|
|
return {
|
|
url: baseURL + "mock.php?action=status&code=204&text=No+Content",
|
|
dataType: "testing",
|
|
converters: {
|
|
"* testing": function() {
|
|
throw "converter was called";
|
|
}
|
|
},
|
|
success: function( data, status, jqXHR ) {
|
|
assert.strictEqual( jqXHR.status, 204, "status code is 204" );
|
|
assert.strictEqual( status, "nocontent", "status text is 'nocontent'" );
|
|
assert.strictEqual( data, undefined, "data is undefined" );
|
|
},
|
|
error: function( _, status, error ) {
|
|
assert.ok( false, "error" );
|
|
assert.strictEqual( status, "parsererror", "Parser Error" );
|
|
assert.strictEqual( error, "converter was called", "Converter was called" );
|
|
}
|
|
};
|
|
} );
|
|
|
|
ajaxTest( "trac-13388 - jQuery.ajax() - responseXML", 3, function( assert ) {
|
|
return {
|
|
url: url( "with_fries.xml" ),
|
|
dataType: "xml",
|
|
success: function( resp, _, jqXHR ) {
|
|
assert.notStrictEqual( resp, undefined, "XML document exists" );
|
|
assert.ok( "responseXML" in jqXHR, "jqXHR.responseXML exists" );
|
|
assert.strictEqual( resp, jqXHR.responseXML, "jqXHR.responseXML is set correctly" );
|
|
}
|
|
};
|
|
} );
|
|
|
|
ajaxTest( "trac-13922 - jQuery.ajax() - converter is bypassed for HEAD requests", 3, function( assert ) {
|
|
return {
|
|
url: baseURL + "mock.php?action=json",
|
|
method: "HEAD",
|
|
data: {
|
|
header: "yes"
|
|
},
|
|
converters: {
|
|
"text json": function() {
|
|
throw "converter was called";
|
|
}
|
|
},
|
|
success: function( data, status ) {
|
|
assert.ok( true, "success" );
|
|
assert.strictEqual( status, "nocontent", "data is undefined" );
|
|
assert.strictEqual( data, undefined, "data is undefined" );
|
|
},
|
|
error: function( _, status, error ) {
|
|
assert.ok( false, "error" );
|
|
assert.strictEqual( status, "parsererror", "Parser Error" );
|
|
assert.strictEqual( error, "converter was called", "Converter was called" );
|
|
}
|
|
};
|
|
} );
|
|
|
|
// Chrome 78 dropped support for synchronous XHR requests inside of
|
|
// beforeunload, unload, pagehide, and visibilitychange event handlers.
|
|
// See https://bugs.chromium.org/p/chromium/issues/detail?id=952452
|
|
// Safari 13 did similar changes. The below check will catch them both.
|
|
// Edge Legacy fakes Chrome which fakes Safari in their user agents so we need
|
|
// to exclude Edge specifically here so that the test continues to run there.
|
|
if ( !/webkit/i.test( navigator.userAgent ) || /edge\//i.test( navigator.userAgent ) ) {
|
|
testIframe(
|
|
"trac-14379 - jQuery.ajax() on unload",
|
|
"ajax/onunload.html",
|
|
function( assert, jQuery, window, document, status ) {
|
|
assert.expect( 1 );
|
|
assert.strictEqual( status, "success", "Request completed" );
|
|
}
|
|
);
|
|
}
|
|
|
|
ajaxTest( "trac-14683 - jQuery.ajax() - Exceptions thrown synchronously by xhr.send should be caught", 4, function( assert ) {
|
|
return [ {
|
|
url: baseURL + "mock.php?action=echoData",
|
|
method: "POST",
|
|
data: {
|
|
toString: function() {
|
|
throw "Can't parse";
|
|
}
|
|
},
|
|
processData: false,
|
|
done: function( data ) {
|
|
assert.ok( false, "done: " + data );
|
|
},
|
|
fail: function( jqXHR, status, error ) {
|
|
assert.ok( true, "exception caught: " + error );
|
|
assert.strictEqual( jqXHR.status, 0, "proper status code" );
|
|
assert.strictEqual( status, "error", "proper status" );
|
|
}
|
|
}, {
|
|
url: "http://" + externalHost + ":80q",
|
|
done: function( data ) {
|
|
assert.ok( false, "done: " + data );
|
|
},
|
|
fail: function( _, status, error ) {
|
|
assert.ok( true, "fail: " + status + " - " + error );
|
|
}
|
|
} ];
|
|
} );
|
|
|
|
ajaxTest( "gh-2587 - when content-type not xml, but looks like one", 1, function( assert ) {
|
|
return {
|
|
url: url( "mock.php?action=contentType" ),
|
|
data: {
|
|
contentType: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
|
|
"response": "<test/>"
|
|
},
|
|
success: function( result ) {
|
|
assert.strictEqual(
|
|
typeof result,
|
|
"string",
|
|
"Should handle it as a string, not xml"
|
|
);
|
|
}
|
|
};
|
|
} );
|
|
|
|
ajaxTest( "gh-2587 - when content-type not xml, but looks like one", 1, function( assert ) {
|
|
return {
|
|
url: url( "mock.php?action=contentType" ),
|
|
data: {
|
|
contentType: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
|
|
"response": "<test/>"
|
|
},
|
|
success: function( result ) {
|
|
assert.strictEqual(
|
|
typeof result,
|
|
"string",
|
|
"Should handle it as a string, not xml"
|
|
);
|
|
}
|
|
};
|
|
} );
|
|
|
|
ajaxTest( "gh-2587 - when content-type not json, but looks like one", 1, function( assert ) {
|
|
return {
|
|
url: url( "mock.php?action=contentType" ),
|
|
data: {
|
|
contentType: "test/jsontest",
|
|
"response": JSON.stringify( { test: "test" } )
|
|
},
|
|
success: function( result ) {
|
|
assert.strictEqual(
|
|
typeof result,
|
|
"string",
|
|
"Should handle it as a string, not json"
|
|
);
|
|
}
|
|
};
|
|
} );
|
|
|
|
ajaxTest( "gh-2587 - when content-type not html, but looks like one", 1, function( assert ) {
|
|
return {
|
|
url: url( "mock.php?action=contentType" ),
|
|
data: {
|
|
contentType: "test/htmltest",
|
|
"response": "<p>test</p>"
|
|
},
|
|
success: function( result ) {
|
|
assert.strictEqual(
|
|
typeof result,
|
|
"string",
|
|
"Should handle it as a string, not html"
|
|
);
|
|
}
|
|
};
|
|
} );
|
|
|
|
ajaxTest( "gh-2587 - when content-type not javascript, but looks like one", 1, function( assert ) {
|
|
return {
|
|
url: url( "mock.php?action=contentType" ),
|
|
data: {
|
|
contentType: "test/testjavascript",
|
|
"response": "alert(1)"
|
|
},
|
|
success: function( result ) {
|
|
assert.strictEqual(
|
|
typeof result,
|
|
"string",
|
|
"Should handle it as a string, not javascript"
|
|
);
|
|
}
|
|
};
|
|
} );
|
|
|
|
ajaxTest( "gh-2587 - when content-type not ecmascript, but looks like one", 1, function( assert ) {
|
|
return {
|
|
url: url( "mock.php?action=contentType" ),
|
|
data: {
|
|
contentType: "test/testjavascript",
|
|
"response": "alert(1)"
|
|
},
|
|
success: function( result ) {
|
|
assert.strictEqual(
|
|
typeof result,
|
|
"string",
|
|
"Should handle it as a string, not ecmascript"
|
|
);
|
|
}
|
|
};
|
|
} );
|
|
|
|
//----------- jQuery.ajaxPrefilter()
|
|
|
|
ajaxTest( "jQuery.ajaxPrefilter() - abort", 1, function( assert ) {
|
|
return {
|
|
dataType: "prefix",
|
|
setup: function() {
|
|
|
|
// Ensure prefix does not throw an error
|
|
jQuery.ajaxPrefilter( "+prefix", function( options, _, jqXHR ) {
|
|
if ( options.abortInPrefilter ) {
|
|
jqXHR.abort();
|
|
}
|
|
} );
|
|
},
|
|
abortInPrefilter: true,
|
|
error: function() {
|
|
assert.ok( false, "error callback called" );
|
|
},
|
|
fail: function( _, reason ) {
|
|
assert.strictEqual( reason, "canceled", "Request aborted by the prefilter must fail with 'canceled' status text" );
|
|
}
|
|
};
|
|
} );
|
|
|
|
//----------- jQuery.ajaxSetup()
|
|
|
|
QUnit.test( "jQuery.ajaxSetup()", function( assert ) {
|
|
assert.expect( 1 );
|
|
var done = assert.async();
|
|
jQuery.ajaxSetup( {
|
|
url: url( "mock.php?action=name&name=foo" ),
|
|
success: function( msg ) {
|
|
assert.strictEqual( msg, "bar", "Check for GET" );
|
|
done();
|
|
}
|
|
} );
|
|
jQuery.ajax();
|
|
} );
|
|
|
|
QUnit.test( "jQuery.ajaxSetup({ timeout: Number }) - with global timeout", function( assert ) {
|
|
assert.expect( 2 );
|
|
var done = assert.async();
|
|
var passed = 0,
|
|
pass = function() {
|
|
assert.ok( passed++ < 2, "Error callback executed" );
|
|
if ( passed === 2 ) {
|
|
jQuery( document ).off( "ajaxError.setupTest" );
|
|
done();
|
|
}
|
|
},
|
|
fail = function( a, b ) {
|
|
assert.ok( false, "Check for timeout failed " + a + " " + b );
|
|
done();
|
|
};
|
|
|
|
jQuery( document ).on( "ajaxError.setupTest", pass );
|
|
|
|
jQuery.ajaxSetup( {
|
|
timeout: 1000
|
|
} );
|
|
|
|
jQuery.ajax( {
|
|
type: "GET",
|
|
url: url( "mock.php?action=wait&wait=5" ),
|
|
error: pass,
|
|
success: fail
|
|
} );
|
|
} );
|
|
|
|
QUnit.test( "jQuery.ajaxSetup({ timeout: Number }) with localtimeout", function( assert ) {
|
|
assert.expect( 1 );
|
|
var done = assert.async();
|
|
jQuery.ajaxSetup( {
|
|
timeout: 50
|
|
} );
|
|
jQuery.ajax( {
|
|
type: "GET",
|
|
timeout: 15000,
|
|
url: url( "mock.php?action=wait&wait=1" ),
|
|
error: function() {
|
|
assert.ok( false, "Check for local timeout failed" );
|
|
done();
|
|
},
|
|
success: function() {
|
|
assert.ok( true, "Check for local timeout" );
|
|
done();
|
|
}
|
|
} );
|
|
} );
|
|
|
|
//----------- jQuery.domManip()
|
|
|
|
QUnit.test( "trac-11264 - jQuery.domManip() - no side effect because of ajaxSetup or global events", function( assert ) {
|
|
assert.expect( 1 );
|
|
|
|
jQuery.ajaxSetup( {
|
|
type: "POST"
|
|
} );
|
|
|
|
jQuery( document ).on( "ajaxStart ajaxStop", function() {
|
|
assert.ok( false, "Global event triggered" );
|
|
} );
|
|
|
|
jQuery( "#qunit-fixture" ).append( "<script src='" + baseURL + "mock.php?action=script'></script>" );
|
|
|
|
jQuery( document ).off( "ajaxStart ajaxStop" );
|
|
} );
|
|
|
|
QUnit.test(
|
|
"jQuery#load() - always use GET method even if it overrided through ajaxSetup (trac-11264)",
|
|
function( assert ) {
|
|
assert.expect( 1 );
|
|
var done = assert.async();
|
|
|
|
jQuery.ajaxSetup( {
|
|
type: "POST"
|
|
} );
|
|
|
|
jQuery( "#qunit-fixture" ).load( baseURL + "mock.php?action=echoMethod", function( method ) {
|
|
assert.equal( method, "GET" );
|
|
done();
|
|
} );
|
|
}
|
|
);
|
|
|
|
QUnit.test(
|
|
"jQuery#load() - should resolve with correct context",
|
|
function( assert ) {
|
|
assert.expect( 2 );
|
|
var done = assert.async();
|
|
var ps = jQuery( "<p></p><p></p>" );
|
|
var i = 0;
|
|
|
|
ps.appendTo( "#qunit-fixture" );
|
|
|
|
ps.load( baseURL + "mock.php?action=echoMethod", function() {
|
|
assert.strictEqual( this, ps[ i++ ] );
|
|
|
|
if ( i === 2 ) {
|
|
done();
|
|
}
|
|
} );
|
|
}
|
|
);
|
|
|
|
QUnit.test(
|
|
"trac-11402 - jQuery.domManip() - script in comments are properly evaluated",
|
|
function( assert ) {
|
|
assert.expect( 2 );
|
|
jQuery( "#qunit-fixture" ).load( baseURL + "cleanScript.html", assert.async() );
|
|
}
|
|
);
|
|
|
|
//----------- jQuery.get()
|
|
|
|
QUnit.test( "jQuery.get( String, Hash, Function ) - parse xml and use text() on nodes", function( assert ) {
|
|
assert.expect( 2 );
|
|
var done = assert.async();
|
|
jQuery.get( url( "dashboard.xml" ), function( xml ) {
|
|
var content = [];
|
|
jQuery( "tab", xml ).each( function() {
|
|
content.push( jQuery( this ).text() );
|
|
} );
|
|
assert.strictEqual( content[ 0 ], "blabla", "Check first tab" );
|
|
assert.strictEqual( content[ 1 ], "blublu", "Check second tab" );
|
|
done();
|
|
} );
|
|
} );
|
|
|
|
QUnit.test( "trac-8277 - jQuery.get( String, Function ) - data in ajaxSettings", function( assert ) {
|
|
assert.expect( 1 );
|
|
var done = assert.async();
|
|
jQuery.ajaxSetup( {
|
|
data: "helloworld"
|
|
} );
|
|
jQuery.get( url( "mock.php?action=echoQuery" ), function( data ) {
|
|
assert.ok( /helloworld$/.test( data ), "Data from ajaxSettings was used" );
|
|
done();
|
|
} );
|
|
} );
|
|
|
|
//----------- jQuery.getJSON()
|
|
|
|
QUnit.test( "jQuery.getJSON( String, Hash, Function ) - JSON array", function( assert ) {
|
|
assert.expect( 5 );
|
|
var done = assert.async();
|
|
jQuery.getJSON(
|
|
url( "mock.php?action=json" ),
|
|
{
|
|
"array": "1"
|
|
},
|
|
function( json ) {
|
|
assert.ok( json.length >= 2, "Check length" );
|
|
assert.strictEqual( json[ 0 ][ "name" ], "John", "Check JSON: first, name" );
|
|
assert.strictEqual( json[ 0 ][ "age" ], 21, "Check JSON: first, age" );
|
|
assert.strictEqual( json[ 1 ][ "name" ], "Peter", "Check JSON: second, name" );
|
|
assert.strictEqual( json[ 1 ][ "age" ], 25, "Check JSON: second, age" );
|
|
done();
|
|
}
|
|
);
|
|
} );
|
|
|
|
QUnit.test( "jQuery.getJSON( String, Function ) - JSON object", function( assert ) {
|
|
assert.expect( 2 );
|
|
var done = assert.async();
|
|
jQuery.getJSON( url( "mock.php?action=json" ), function( json ) {
|
|
if ( json && json[ "data" ] ) {
|
|
assert.strictEqual( json[ "data" ][ "lang" ], "en", "Check JSON: lang" );
|
|
assert.strictEqual( json[ "data" ].length, 25, "Check JSON: length" );
|
|
done();
|
|
}
|
|
} );
|
|
} );
|
|
|
|
QUnit.test( "jQuery.getJSON( String, Function ) - JSON object with absolute url to local content", function( assert ) {
|
|
assert.expect( 2 );
|
|
var done = assert.async();
|
|
var absoluteUrl = url( "mock.php?action=json" );
|
|
|
|
// Make a relative URL absolute relative to the document location
|
|
if ( !/^[a-z][a-z0-9+.-]*:/i.test( absoluteUrl ) ) {
|
|
|
|
// An absolute path replaces everything after the host
|
|
if ( absoluteUrl.charAt( 0 ) === "/" ) {
|
|
absoluteUrl = window.location.href.replace( /(:\/*[^/]*).*$/, "$1" ) + absoluteUrl;
|
|
|
|
// A relative path replaces the last slash-separated path segment
|
|
} else {
|
|
absoluteUrl = window.location.href.replace( /[^/]*$/, "" ) + absoluteUrl;
|
|
}
|
|
}
|
|
|
|
jQuery.getJSON( absoluteUrl, function( json ) {
|
|
assert.strictEqual( json.data.lang, "en", "Check JSON: lang" );
|
|
assert.strictEqual( json.data.length, 25, "Check JSON: length" );
|
|
done();
|
|
} );
|
|
} );
|
|
|
|
//----------- jQuery.getScript()
|
|
|
|
QUnit.test( "jQuery.getScript( String, Function ) - with callback",
|
|
function( assert ) {
|
|
assert.expect( 2 );
|
|
var done = assert.async();
|
|
|
|
Globals.register( "testBar" );
|
|
jQuery.getScript( url( "mock.php?action=testbar" ), function() {
|
|
assert.strictEqual( window[ "testBar" ], "bar", "Check if script was evaluated" );
|
|
done();
|
|
} );
|
|
}
|
|
);
|
|
|
|
QUnit.test( "jQuery.getScript( String, Function ) - no callback", function( assert ) {
|
|
assert.expect( 1 );
|
|
Globals.register( "testBar" );
|
|
jQuery.getScript( url( "mock.php?action=testbar" ) ).done( assert.async() );
|
|
} );
|
|
|
|
QUnit.test( "trac-8082 - jQuery.getScript( String, Function ) - source as responseText", function( assert ) {
|
|
assert.expect( 2 );
|
|
var done = assert.async();
|
|
|
|
Globals.register( "testBar" );
|
|
jQuery.getScript( url( "mock.php?action=testbar" ), function( data, _, jqXHR ) {
|
|
assert.strictEqual( data, jqXHR.responseText, "Same-domain script requests returns the source of the script" );
|
|
done();
|
|
} );
|
|
} );
|
|
|
|
QUnit.test( "jQuery.getScript( Object ) - with callback", function( assert ) {
|
|
assert.expect( 2 );
|
|
var done = assert.async();
|
|
|
|
Globals.register( "testBar" );
|
|
jQuery.getScript( {
|
|
url: url( "mock.php?action=testbar" ),
|
|
success: function() {
|
|
assert.strictEqual( window[ "testBar" ], "bar", "Check if script was evaluated" );
|
|
done();
|
|
}
|
|
} );
|
|
} );
|
|
|
|
QUnit.test( "jQuery.getScript( Object ) - no callback", function( assert ) {
|
|
assert.expect( 1 );
|
|
Globals.register( "testBar" );
|
|
jQuery.getScript( { url: url( "mock.php?action=testbar" ) } ).done( assert.async() );
|
|
} );
|
|
|
|
// //----------- jQuery.fn.load()
|
|
|
|
// check if load can be called with only url
|
|
QUnit.test( "jQuery.fn.load( String )", function( assert ) {
|
|
assert.expect( 2 );
|
|
jQuery.ajaxSetup( {
|
|
beforeSend: function() {
|
|
assert.strictEqual( this.type, "GET", "no data means GET request" );
|
|
}
|
|
} );
|
|
jQuery( "#first" ).load( baseURL + "name.html", assert.async() );
|
|
} );
|
|
|
|
QUnit.test( "jQuery.fn.load() - 404 error callbacks", function( assert ) {
|
|
assert.expect( 6 );
|
|
var done = assert.async();
|
|
|
|
addGlobalEvents( "ajaxStart ajaxStop ajaxSend ajaxComplete ajaxError", assert )();
|
|
jQuery( document ).on( "ajaxStop", done );
|
|
jQuery( "<div></div>" ).load( baseURL + "404.txt", function() {
|
|
assert.ok( true, "complete" );
|
|
} );
|
|
} );
|
|
|
|
// check if load can be called with url and null data
|
|
QUnit.test( "jQuery.fn.load( String, null )", function( assert ) {
|
|
assert.expect( 2 );
|
|
jQuery.ajaxSetup( {
|
|
beforeSend: function() {
|
|
assert.strictEqual( this.type, "GET", "no data means GET request" );
|
|
}
|
|
} );
|
|
jQuery( "#first" ).load( baseURL + "name.html", null, assert.async() );
|
|
} );
|
|
|
|
// check if load can be called with url and undefined data
|
|
QUnit.test( "jQuery.fn.load( String, undefined )", function( assert ) {
|
|
assert.expect( 2 );
|
|
jQuery.ajaxSetup( {
|
|
beforeSend: function() {
|
|
assert.strictEqual( this.type, "GET", "no data means GET request" );
|
|
}
|
|
} );
|
|
jQuery( "#first" ).load( baseURL + "name.html", undefined, assert.async() );
|
|
} );
|
|
|
|
// check if load can be called with only url
|
|
QUnit.test( "jQuery.fn.load( URL_SELECTOR )", function( assert ) {
|
|
assert.expect( 1 );
|
|
var done = assert.async();
|
|
jQuery( "#first" ).load( baseURL + "test3.html div.user", function() {
|
|
assert.strictEqual( jQuery( this ).children( "div" ).length, 2, "Verify that specific elements were injected" );
|
|
done();
|
|
} );
|
|
} );
|
|
|
|
// Selector should be trimmed to avoid leading spaces (trac-14773)
|
|
QUnit.test( "jQuery.fn.load( URL_SELECTOR with spaces )", function( assert ) {
|
|
assert.expect( 1 );
|
|
var done = assert.async();
|
|
jQuery( "#first" ).load( baseURL + "test3.html #superuser ", function() {
|
|
assert.strictEqual( jQuery( this ).children( "div" ).length, 1, "Verify that specific elements were injected" );
|
|
done();
|
|
} );
|
|
} );
|
|
|
|
// Selector should be trimmed to avoid leading spaces (trac-14773)
|
|
// Selector should include any valid non-HTML whitespace (gh-3003)
|
|
QUnit.test( "jQuery.fn.load( URL_SELECTOR with non-HTML whitespace(gh-3003) )", function( assert ) {
|
|
assert.expect( 1 );
|
|
var done = assert.async();
|
|
jQuery( "#first" ).load( baseURL + "test3.html #whitespace\\\\xA0 ", function() {
|
|
assert.strictEqual( jQuery( this ).children( "div" ).length, 1, "Verify that specific elements were injected" );
|
|
done();
|
|
} );
|
|
} );
|
|
|
|
QUnit.test( "jQuery.fn.load( String, Function ) - simple: inject text into DOM", function( assert ) {
|
|
assert.expect( 2 );
|
|
var done = assert.async();
|
|
jQuery( "#first" ).load( url( "name.html" ), function() {
|
|
assert.ok( /^ERROR/.test( jQuery( "#first" ).text() ), "Check if content was injected into the DOM" );
|
|
done();
|
|
} );
|
|
} );
|
|
|
|
QUnit.test( "jQuery.fn.load( String, Function ) - check scripts", function( assert ) {
|
|
assert.expect( 7 );
|
|
var done = assert.async();
|
|
var verifyEvaluation = function() {
|
|
assert.strictEqual( window[ "testBar" ], "bar", "Check if script src was evaluated after load" );
|
|
assert.strictEqual( jQuery( "#ap" ).html(), "bar", "Check if script evaluation has modified DOM" );
|
|
done();
|
|
};
|
|
|
|
Globals.register( "testFoo" );
|
|
Globals.register( "testBar" );
|
|
|
|
jQuery( "#first" ).load( url( "mock.php?action=testHTML&baseURL=" + baseURL ), function() {
|
|
assert.ok( jQuery( "#first" ).html().match( /^html text/ ), "Check content after loading html" );
|
|
assert.strictEqual( jQuery( "#foo" ).html(), "foo", "Check if script evaluation has modified DOM" );
|
|
assert.strictEqual( window[ "testFoo" ], "foo", "Check if script was evaluated after load" );
|
|
setTimeout( verifyEvaluation, 600 );
|
|
} );
|
|
} );
|
|
|
|
QUnit.test( "jQuery.fn.load( String, Function ) - check file with only a script tag", function( assert ) {
|
|
assert.expect( 3 );
|
|
var done = assert.async();
|
|
Globals.register( "testFoo" );
|
|
|
|
jQuery( "#first" ).load( url( "test2.html" ), function() {
|
|
assert.strictEqual( jQuery( "#foo" ).html(), "foo", "Check if script evaluation has modified DOM" );
|
|
assert.strictEqual( window[ "testFoo" ], "foo", "Check if script was evaluated after load" );
|
|
done();
|
|
} );
|
|
} );
|
|
|
|
QUnit.test( "jQuery.fn.load( String, Function ) - dataFilter in ajaxSettings", function( assert ) {
|
|
assert.expect( 2 );
|
|
var done = assert.async();
|
|
jQuery.ajaxSetup( {
|
|
dataFilter: function() {
|
|
return "Hello World";
|
|
}
|
|
} );
|
|
jQuery( "<div></div>" ).load( url( "name.html" ), function( responseText ) {
|
|
assert.strictEqual( jQuery( this ).html(), "Hello World", "Test div was filled with filtered data" );
|
|
assert.strictEqual( responseText, "Hello World", "Test callback receives filtered data" );
|
|
done();
|
|
} );
|
|
} );
|
|
|
|
QUnit.test( "jQuery.fn.load( String, Object, Function )", function( assert ) {
|
|
assert.expect( 2 );
|
|
var done = assert.async();
|
|
jQuery( "<div></div>" ).load( url( "mock.php?action=echoHtml" ), {
|
|
"bar": "ok"
|
|
}, function() {
|
|
var $node = jQuery( this );
|
|
assert.strictEqual( $node.find( "#method" ).text(), "POST", "Check method" );
|
|
assert.strictEqual( $node.find( "#data" ).text(), "bar=ok", "Check if data is passed correctly" );
|
|
done();
|
|
} );
|
|
} );
|
|
|
|
QUnit.test( "jQuery.fn.load( String, String, Function )", function( assert ) {
|
|
assert.expect( 2 );
|
|
var done = assert.async();
|
|
|
|
jQuery( "<div></div>" ).load( url( "mock.php?action=echoHtml" ), "foo=3&bar=ok", function() {
|
|
var $node = jQuery( this );
|
|
assert.strictEqual( $node.find( "#method" ).text(), "GET", "Check method" );
|
|
assert.ok( $node.find( "#query" ).text().match( /foo=3&bar=ok/ ), "Check if a string of data is passed correctly" );
|
|
done();
|
|
} );
|
|
} );
|
|
|
|
QUnit.test( "jQuery.fn.load() - callbacks get the correct parameters", function( assert ) {
|
|
assert.expect( 8 );
|
|
var completeArgs = {},
|
|
done = assert.async();
|
|
|
|
jQuery.ajaxSetup( {
|
|
success: function( _, status, jqXHR ) {
|
|
completeArgs[ this.url ] = [ jqXHR.responseText, status, jqXHR ];
|
|
},
|
|
error: function( jqXHR, status ) {
|
|
completeArgs[ this.url ] = [ jqXHR.responseText, status, jqXHR ];
|
|
}
|
|
} );
|
|
|
|
jQuery.when.apply(
|
|
jQuery,
|
|
jQuery.map( [
|
|
{
|
|
type: "success",
|
|
url: baseURL + "mock.php?action=echoQuery&arg=pop"
|
|
},
|
|
{
|
|
type: "error",
|
|
url: baseURL + "404.txt"
|
|
}
|
|
],
|
|
function( options ) {
|
|
return jQuery.Deferred( function( defer ) {
|
|
jQuery( "#foo" ).load( options.url, function() {
|
|
var args = arguments;
|
|
assert.strictEqual( completeArgs[ options.url ].length, args.length, "same number of arguments (" + options.type + ")" );
|
|
jQuery.each( completeArgs[ options.url ], function( i, value ) {
|
|
assert.strictEqual( args[ i ], value, "argument #" + i + " is the same (" + options.type + ")" );
|
|
} );
|
|
defer.resolve();
|
|
} );
|
|
} );
|
|
} )
|
|
).always( done );
|
|
} );
|
|
|
|
QUnit.test( "trac-2046 - jQuery.fn.load( String, Function ) with ajaxSetup on dataType json", function( assert ) {
|
|
assert.expect( 1 );
|
|
var done = assert.async();
|
|
|
|
jQuery.ajaxSetup( {
|
|
dataType: "json"
|
|
} );
|
|
jQuery( document ).on( "ajaxComplete", function( e, xml, s ) {
|
|
assert.strictEqual( s.dataType, "html", "Verify the load() dataType was html" );
|
|
jQuery( document ).off( "ajaxComplete" );
|
|
done();
|
|
} );
|
|
jQuery( "#first" ).load( baseURL + "test3.html" );
|
|
} );
|
|
|
|
QUnit.test( "trac-10524 - jQuery.fn.load() - data specified in ajaxSettings is merged in", function( assert ) {
|
|
assert.expect( 1 );
|
|
var done = assert.async();
|
|
|
|
var data = {
|
|
"baz": 1
|
|
};
|
|
jQuery.ajaxSetup( {
|
|
data: {
|
|
"foo": "bar"
|
|
}
|
|
} );
|
|
jQuery( "#foo" ).load( baseURL + "mock.php?action=echoQuery", data );
|
|
jQuery( document ).on( "ajaxComplete", function( event, jqXHR, options ) {
|
|
assert.ok( ~options.data.indexOf( "foo=bar" ), "Data from ajaxSettings was used" );
|
|
done();
|
|
} );
|
|
} );
|
|
|
|
// //----------- jQuery.post()
|
|
|
|
QUnit.test( "jQuery.post() - data", function( assert ) {
|
|
assert.expect( 3 );
|
|
var done = assert.async();
|
|
|
|
jQuery.when(
|
|
jQuery.post(
|
|
url( "mock.php?action=xml" ),
|
|
{
|
|
cal: "5-2"
|
|
},
|
|
function( xml ) {
|
|
jQuery( "math", xml ).each( function() {
|
|
assert.strictEqual( jQuery( "calculation", this ).text(), "5-2", "Check for XML" );
|
|
assert.strictEqual( jQuery( "result", this ).text(), "3", "Check for XML" );
|
|
} );
|
|
}
|
|
),
|
|
jQuery.ajax( {
|
|
url: url( "mock.php?action=echoData" ),
|
|
type: "POST",
|
|
data: {
|
|
"test": {
|
|
"length": 7,
|
|
"foo": "bar"
|
|
}
|
|
},
|
|
success: function( data ) {
|
|
assert.strictEqual( data, "test%5Blength%5D=7&test%5Bfoo%5D=bar", "Check if a sub-object with a length param is serialized correctly" );
|
|
}
|
|
} )
|
|
).always( done );
|
|
} );
|
|
|
|
QUnit.test( "jQuery.post( String, Hash, Function ) - simple with xml", function( assert ) {
|
|
assert.expect( 4 );
|
|
var done = assert.async();
|
|
|
|
jQuery.when(
|
|
jQuery.post(
|
|
url( "mock.php?action=xml" ),
|
|
{
|
|
cal: "5-2"
|
|
},
|
|
function( xml ) {
|
|
jQuery( "math", xml ).each( function() {
|
|
assert.strictEqual( jQuery( "calculation", this ).text(), "5-2", "Check for XML" );
|
|
assert.strictEqual( jQuery( "result", this ).text(), "3", "Check for XML" );
|
|
} );
|
|
}
|
|
),
|
|
jQuery.post( url( "mock.php?action=xml&cal=5-2" ), {}, function( xml ) {
|
|
jQuery( "math", xml ).each( function() {
|
|
assert.strictEqual( jQuery( "calculation", this ).text(), "5-2", "Check for XML" );
|
|
assert.strictEqual( jQuery( "result", this ).text(), "3", "Check for XML" );
|
|
} );
|
|
} )
|
|
).always( function() {
|
|
done();
|
|
} );
|
|
} );
|
|
|
|
QUnit.test( "jQuery[get|post]( options ) - simple with xml", function( assert ) {
|
|
assert.expect( 2 );
|
|
var done = assert.async();
|
|
|
|
jQuery.when.apply( jQuery,
|
|
jQuery.map( [ "get", "post" ], function( method ) {
|
|
return jQuery[ method ]( {
|
|
url: url( "mock.php?action=xml" ),
|
|
data: {
|
|
cal: "5-2"
|
|
},
|
|
success: function( xml ) {
|
|
jQuery( "math", xml ).each( function() {
|
|
assert.strictEqual( jQuery( "result", this ).text(), "3", "Check for XML" );
|
|
} );
|
|
}
|
|
} );
|
|
} )
|
|
).always( function() {
|
|
done();
|
|
} );
|
|
} );
|
|
|
|
//----------- jQuery.active
|
|
|
|
QUnit.test( "jQuery.active", function( assert ) {
|
|
assert.expect( 1 );
|
|
assert.ok( jQuery.active === 0, "ajax active counter should be zero: " + jQuery.active );
|
|
} );
|
|
|
|
} )();
|