[qunit] stop dealing with filesystem paths
qunit tests need a few things served by cubicweb:
- qunit itself, which is now handled by CWDevtoolsStaticController (serving
files in cubicweb/devtools/data)
- standard cubicweb or cubes data files, handled by the DataController
- the tests themselves and their dependencies. These can live in
<apphome>/data or <apphome>/static and be served by one of the
STATIC_CONTROLLERS
This avoids having to guess in CWSoftwareRootStaticController where to
serve things from (some files may be installed, others are in the source
tree), and should hopefully make it possible to have these tests pass
when using tox, and to write qunit tests for cubes, outside of cubicweb
itself.
This requires modifying the tests to only declare URL paths instead of
filesystem paths, and moving support files below test/data/static.
$(document).ready(function() {
QUnit.module("ajax", {
setup: function() {
this.scriptsLength = $('head script[src]').length-1;
this.cssLength = $('head link[rel=stylesheet]').length-1;
// re-initialize cw loaded cache so that each tests run in a
// clean environment, have a lookt at _loadAjaxHtmlHead implementation
// in cubicweb.ajax.js for more information.
cw.loaded_scripts = [];
cw.loaded_links = [];
},
teardown: function() {
$('head script[src]:lt(' + ($('head script[src]').length - 1 - this.scriptsLength) + ')').remove();
$('head link[rel=stylesheet]:gt(' + this.cssLength + ')').remove();
}
});
function jsSources() {
return $.map($('head script[src]'), function(script) {
return script.getAttribute('src');
});
}
QUnit.test('test simple h1 inclusion (ajax_url0.html)', function (assert) {
assert.expect(3);
assert.equal($('#qunit-fixture').children().length, 0);
var done = assert.async();
$('#qunit-fixture').loadxhtml('static/jstests/ajax_url0.html')
.addCallback(function() {
try {
assert.equal($('#qunit-fixture').children().length, 1);
assert.equal($('#qunit-fixture h1').html(), 'Hello');
} finally {
done();
};
}
);
});
QUnit.test('test simple html head inclusion (ajax_url1.html)', function (assert) {
assert.expect(6);
var scriptsIncluded = jsSources();
assert.equal(jQuery.inArray('http://foo.js', scriptsIncluded), - 1);
var done = assert.async();
$('#qunit-fixture').loadxhtml('static/jstests/ajax_url1.html')
.addCallback(function() {
try {
var origLength = scriptsIncluded.length;
scriptsIncluded = jsSources();
// check that foo.js has been prepended to <head>
assert.equal(scriptsIncluded.length, origLength + 1);
assert.equal(scriptsIncluded.indexOf('http://foo.js'), 0);
// check that <div class="ajaxHtmlHead"> has been removed
assert.equal($('#qunit-fixture').children().length, 1);
assert.equal($('div.ajaxHtmlHead').length, 0);
assert.equal($('#qunit-fixture h1').html(), 'Hello');
} finally {
done();
};
}
);
});
QUnit.test('test addCallback', function (assert) {
assert.expect(3);
assert.equal($('#qunit-fixture').children().length, 0);
var done = assert.async();
var d = $('#qunit-fixture').loadxhtml('static/jstests/ajax_url0.html');
d.addCallback(function() {
try {
assert.equal($('#qunit-fixture').children().length, 1);
assert.equal($('#qunit-fixture h1').html(), 'Hello');
} finally {
done();
};
});
});
QUnit.test('test callback after synchronous request', function (assert) {
assert.expect(1);
var deferred = new Deferred();
var result = jQuery.ajax({
url: 'static/jstests/ajax_url0.html',
async: false,
beforeSend: function(xhr) {
deferred._req = xhr;
},
success: function(data, status) {
deferred.success(data);
}
});
var done = assert.async();
deferred.addCallback(function() {
try {
// add an assertion to ensure the callback is executed
assert.ok(true, "callback is executed");
} finally {
done();
};
});
});
QUnit.test('test addCallback with parameters', function (assert) {
assert.expect(3);
assert.equal($('#qunit-fixture').children().length, 0);
var done = assert.async();
var d = $('#qunit-fixture').loadxhtml('static/jstests/ajax_url0.html');
d.addCallback(function(data, req, arg1, arg2) {
try {
assert.equal(arg1, 'Hello');
assert.equal(arg2, 'world');
} finally {
done();
};
},
'Hello', 'world');
});
QUnit.test('test callback after synchronous request with parameters', function (assert) {
assert.expect(3);
var deferred = new Deferred();
deferred.addCallback(function(data, req, arg1, arg2) {
// add an assertion to ensure the callback is executed
try {
assert.ok(true, "callback is executed");
assert.equal(arg1, 'Hello');
assert.equal(arg2, 'world');
} finally {
done();
};
},
'Hello', 'world');
deferred.addErrback(function() {
// throw an exception to start errback chain
try {
throw this._error;
} finally {
done();
};
});
var done = assert.async();
var result = jQuery.ajax({
url: 'static/jstests/ajax_url0.html',
async: false,
beforeSend: function(xhr) {
deferred._req = xhr;
},
success: function(data, status) {
deferred.success(data);
}
});
});
QUnit.test('test addErrback', function (assert) {
assert.expect(1);
var done = assert.async();
var d = $('#qunit-fixture').loadxhtml('static/jstests/nonexistent.html');
d.addCallback(function() {
// should not be executed
assert.ok(false, "callback is executed");
});
d.addErrback(function() {
try {
assert.ok(true, "errback is executed");
} finally {
done();
};
});
});
QUnit.test('test callback execution order', function (assert) {
assert.expect(3);
var counter = 0;
var done = assert.async();
var d = $('#qunit-fixture').loadxhtml('static/jstests/ajax_url0.html');
d.addCallback(function() {
assert.equal(++counter, 1); // should be executed first
});
d.addCallback(function() {
assert.equal(++counter, 2);
});
d.addCallback(function() {
try {
assert.equal(++counter, 3);
} finally {
done();
}
});
});
QUnit.test('test already included resources are ignored (ajax_url1.html)', function (assert) {
assert.expect(10);
var scriptsIncluded = jsSources();
// NOTE:
assert.equal(jQuery.inArray('http://foo.js', scriptsIncluded), -1);
assert.equal($('head link').length, 1);
/* use endswith because in pytest context we have an absolute path */
assert.ok($('head link').attr('href').endswith('/qunit.css'), 'qunit.css is loaded');
var done = assert.async();
$('#qunit-fixture').loadxhtml('static/jstests/ajax_url1.html')
.addCallback(function() {
var origLength = scriptsIncluded.length;
scriptsIncluded = jsSources();
try {
// check that foo.js has been inserted in <head>
assert.equal(scriptsIncluded.length, origLength + 1);
assert.equal(scriptsIncluded.indexOf('http://foo.js'), 0);
// check that <div class="ajaxHtmlHead"> has been removed
assert.equal($('#qunit-fixture').children().length, 1);
assert.equal($('div.ajaxHtmlHead').length, 0);
assert.equal($('#qunit-fixture h1').html(), 'Hello');
// qunit.css is not added twice
assert.equal($('head link').length, 1);
/* use endswith because in pytest context we have an absolute path */
assert.ok($('head link').attr('href').endswith('/qunit.css'), 'qunit.css is loaded');
} finally {
done();
}
}
);
});
QUnit.test('test synchronous request loadRemote', function (assert) {
var res = loadRemote('static/jstests/ajaxresult.json', {},
'GET', true);
assert.deepEqual(res, ['foo', 'bar']);
});
QUnit.test('test event on CubicWeb', function (assert) {
assert.expect(1);
var done = assert.async();
var events = null;
$(CubicWeb).bind('server-response', function() {
// check that server-response event on CubicWeb is triggered
events = 'CubicWeb';
});
$('#qunit-fixture').loadxhtml('static/jstests/ajax_url0.html')
.addCallback(function() {
try {
assert.equal(events, 'CubicWeb');
} finally {
done();
};
}
);
});
QUnit.test('test event on node', function (assert) {
assert.expect(3);
var done = assert.async();
var nodes = [];
$('#qunit-fixture').bind('server-response', function() {
nodes.push('node');
});
$(CubicWeb).bind('server-response', function() {
nodes.push('CubicWeb');
});
$('#qunit-fixture').loadxhtml('static/jstests/ajax_url0.html')
.addCallback(function() {
try {
assert.equal(nodes.length, 2);
// check that server-response event on CubicWeb is triggered
// only once and event server-response on node is triggered
assert.equal(nodes[0], 'CubicWeb');
assert.equal(nodes[1], 'node');
} finally {
done();
};
}
);
});
});