[ajax] refactor/cleanup low-level ajax functions
* loadxhtml/replacePageChunck/reload_component/reload_box deprecated in favor of loadXHTML / ajaxFuncArgs
* some other cleanups in cubicweb.ajax.js
* add js_render which will replace js_component (more generic, nicer argument passing handling)
$(document).ready(function() {
function jsSources() {
return $.map($('head script[src]'), function(script) {
return script.getAttribute('src');
});
}
test('test simple h1 inclusion (ajax_url0.html)', function() {
expect(3);
equals(jQuery('#main').children().length, 0);
stop();
jQuery('#main').loadxhtml('/../ajax_url0.html', {
callback: function() {
equals(jQuery('#main').children().length, 1);
equals(jQuery('#main h1').html(), 'Hello');
start();
}
});
});
test('test simple html head inclusion (ajax_url1.html)', function() {
expect(6);
var scriptsIncluded = jsSources();
equals(jQuery.inArray('http://foo.js', scriptsIncluded), - 1);
stop();
jQuery('#main').loadxhtml('/../ajax_url1.html', {
callback: function() {
var origLength = scriptsIncluded.length;
scriptsIncluded = jsSources();
// check that foo.js has been inserted in <head>
equals(scriptsIncluded.length, origLength + 1);
equals(scriptsIncluded[origLength].indexOf('http://foo.js'), 0);
// check that <div class="ajaxHtmlHead"> has been removed
equals(jQuery('#main').children().length, 1);
equals(jQuery('div.ajaxHtmlHead').length, 0);
equals(jQuery('#main h1').html(), 'Hello');
start();
}
});
});
test('test addCallback', function() {
expect(3);
equals(jQuery('#main').children().length, 0);
stop();
var d = jQuery('#main').loadxhtml('/../ajax_url0.html');
d.addCallback(function() {
equals(jQuery('#main').children().length, 1);
equals(jQuery('#main h1').html(), 'Hello');
start();
});
});
test('test callback after synchronous request', function() {
expect(1);
var deferred = new Deferred();
var result = jQuery.ajax({
url: './ajax_url0.html',
async: false,
beforeSend: function(xhr) {
deferred._req = xhr;
},
success: function(data, status) {
deferred.success(data);
}
});
stop();
deferred.addCallback(function() {
// add an assertion to ensure the callback is executed
ok(true, "callback is executed");
start();
});
});
test('test addCallback with parameters', function() {
expect(3);
equals(jQuery('#main').children().length, 0);
stop();
var d = jQuery('#main').loadxhtml('/../ajax_url0.html');
d.addCallback(function(data, req, arg1, arg2) {
equals(arg1, 'Hello');
equals(arg2, 'world');
start();
},
'Hello', 'world');
});
test('test callback after synchronous request with parameters', function() {
var deferred = new Deferred();
var result = jQuery.ajax({
url: './ajax_url0.html',
async: false,
beforeSend: function(xhr) {
deferred._req = xhr;
},
success: function(data, status) {
deferred.success(data);
}
});
deferred.addCallback(function(data, req, arg1, arg2) {
// add an assertion to ensure the callback is executed
ok(true, "callback is executed");
equals(arg1, 'Hello');
equals(arg2, 'world');
},
'Hello', 'world');
});
test('test addErrback', function() {
expect(1);
stop();
var d = jQuery('#main').loadxhtml('/../ajax_url0.html');
d.addCallback(function() {
// throw an exception to start errback chain
throw new Error();
});
d.addErrback(function() {
ok(true, "errback is executed");
start();
});
});
test('test callback / errback execution order', function() {
expect(4);
var counter = 0;
stop();
var d = jQuery('#main').loadxhtml('/../ajax_url0.html', {
callback: function() {
equals(++counter, 1); // should be executed first
start();
}
});
d.addCallback(function() {
equals(++counter, 2); // should be executed and break callback chain
throw new Error();
});
d.addCallback(function() {
// should not be executed since second callback raised an error
ok(false, "callback is executed");
});
d.addErrback(function() {
// should be executed after the second callback
equals(++counter, 3);
});
d.addErrback(function() {
// should be executed after the first errback
equals(++counter, 4);
});
});
test('test already included resources are ignored (ajax_url2.html)', function() {
expect(10);
var scriptsIncluded = jsSources();
equals(jQuery.inArray('http://foo.js', scriptsIncluded), - 1);
equals(jQuery('head link').length, 1);
equals(jQuery('head link').attr('href'), 'qunit.css');
stop();
jQuery('#main').loadxhtml('/../ajax_url1.html', {
callback: function() {
var origLength = scriptsIncluded.length;
scriptsIncluded = jsSources();
// check that foo.js has been inserted in <head>
equals(scriptsIncluded.length, origLength + 1);
equals(scriptsIncluded[origLength].indexOf('http://foo.js'), 0);
// check that <div class="ajaxHtmlHead"> has been removed
equals(jQuery('#main').children().length, 1);
equals(jQuery('div.ajaxHtmlHead').length, 0);
equals(jQuery('#main h1').html(), 'Hello');
// qunit.css is not added twice
equals(jQuery('head link').length, 1);
equals(jQuery('head link').attr('href'), 'qunit.css');
start();
}
});
});
test('test synchronous request loadRemote', function() {
var res = loadRemote('/../ajaxresult.json', {},
'GET', true);
same(res, ['foo', 'bar']);
});
test('test event on CubicWeb', function() {
expect(1);
stop();
var events = null;
jQuery(CubicWeb).bind('server-response', function() {
// check that server-response event on CubicWeb is triggered
events = 'CubicWeb';
});
jQuery('#main').loadxhtml('/../ajax_url0.html', {
callback: function() {
equals(events, 'CubicWeb');
start();
}
});
});
test('test event on node', function() {
expect(3);
stop();
var nodes = [];
jQuery('#main').bind('server-response', function() {
nodes.push('node');
});
jQuery(CubicWeb).bind('server-response', function() {
nodes.push('CubicWeb');
});
jQuery('#main').loadxhtml('/../ajax_url0.html', {
callback: function() {
equals(nodes.length, 2);
// check that server-response event on CubicWeb is triggered
// only once and event server-response on node is triggered
equals(nodes[0], 'CubicWeb');
equals(nodes[1], 'node');
start();
}
});
});
});