2015-08-12 09:33:11 +02:00
|
|
|
/**
|
|
|
|
* Copyright (c) 2015 Roeland Jago Douma <roeland@famdouma.nl>
|
|
|
|
*
|
|
|
|
* This file is licensed under the Affero General Public License version 3
|
|
|
|
* or later.
|
|
|
|
*
|
|
|
|
* See the COPYING-README file.
|
|
|
|
*
|
|
|
|
*/
|
|
|
|
|
|
|
|
describe('jquery.avatar tests', function() {
|
|
|
|
|
|
|
|
var $div;
|
2017-11-06 09:57:59 +01:00
|
|
|
var devicePixelRatio;
|
2015-08-12 09:33:11 +02:00
|
|
|
|
|
|
|
beforeEach(function() {
|
|
|
|
$('#testArea').append($('<div id="avatardiv">'));
|
|
|
|
$div = $('#avatardiv');
|
|
|
|
|
|
|
|
devicePixelRatio = window.devicePixelRatio;
|
|
|
|
window.devicePixelRatio = 1;
|
2017-12-19 10:02:19 +01:00
|
|
|
|
|
|
|
spyOn(window, 'Image').and.returnValue({
|
|
|
|
onload: function() {
|
|
|
|
},
|
|
|
|
onerror: function() {
|
|
|
|
}
|
|
|
|
});
|
2015-08-12 09:33:11 +02:00
|
|
|
});
|
|
|
|
|
|
|
|
afterEach(function() {
|
|
|
|
$div.remove();
|
|
|
|
|
2017-11-06 09:57:59 +01:00
|
|
|
window.devicePixelRatio = devicePixelRatio;
|
2015-08-12 09:33:11 +02:00
|
|
|
});
|
|
|
|
|
|
|
|
describe('size', function() {
|
|
|
|
it('undefined', function() {
|
|
|
|
$div.avatar('foo');
|
|
|
|
|
|
|
|
expect($div.height()).toEqual(64);
|
|
|
|
expect($div.width()).toEqual(64);
|
|
|
|
});
|
|
|
|
|
|
|
|
it('undefined but div has height', function() {
|
|
|
|
$div.height(9);
|
|
|
|
$div.avatar('foo');
|
|
|
|
|
2017-12-19 10:02:19 +01:00
|
|
|
expect(window.Image).toHaveBeenCalled();
|
|
|
|
window.Image().onerror();
|
|
|
|
|
2015-08-12 09:33:11 +02:00
|
|
|
expect($div.height()).toEqual(9);
|
|
|
|
expect($div.width()).toEqual(9);
|
|
|
|
});
|
|
|
|
|
|
|
|
it('undefined but data size is set', function() {
|
|
|
|
$div.data('size', 10);
|
|
|
|
$div.avatar('foo');
|
|
|
|
|
2017-12-19 10:02:19 +01:00
|
|
|
expect(window.Image).toHaveBeenCalled();
|
|
|
|
window.Image().onerror();
|
|
|
|
|
2015-08-12 09:33:11 +02:00
|
|
|
expect($div.height()).toEqual(10);
|
|
|
|
expect($div.width()).toEqual(10);
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
it('defined', function() {
|
|
|
|
$div.avatar('foo', 8);
|
|
|
|
|
2017-12-19 10:02:19 +01:00
|
|
|
expect(window.Image).toHaveBeenCalled();
|
|
|
|
window.Image().onerror();
|
|
|
|
|
2015-08-12 09:33:11 +02:00
|
|
|
expect($div.height()).toEqual(8);
|
|
|
|
expect($div.width()).toEqual(8);
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
it('undefined user', function() {
|
|
|
|
spyOn($div, 'imageplaceholder');
|
2017-09-20 17:19:35 +02:00
|
|
|
spyOn($div, 'css');
|
2015-08-12 09:33:11 +02:00
|
|
|
|
|
|
|
$div.avatar();
|
|
|
|
|
2016-11-23 18:02:23 +01:00
|
|
|
expect($div.imageplaceholder).toHaveBeenCalledWith('?');
|
2017-09-20 17:19:35 +02:00
|
|
|
expect($div.css).toHaveBeenCalledWith('background-color', '#b9b9b9');
|
2015-08-12 09:33:11 +02:00
|
|
|
});
|
|
|
|
|
|
|
|
describe('no avatar', function() {
|
|
|
|
it('show placeholder for existing user', function() {
|
|
|
|
spyOn($div, 'imageplaceholder');
|
2017-12-19 10:02:19 +01:00
|
|
|
$div.avatar('foo', undefined, undefined, undefined, undefined, 'bar');
|
2015-08-12 09:33:11 +02:00
|
|
|
|
2017-12-19 10:02:19 +01:00
|
|
|
expect(window.Image).toHaveBeenCalled();
|
|
|
|
window.Image().onerror();
|
2015-08-12 09:33:11 +02:00
|
|
|
expect($div.imageplaceholder).toHaveBeenCalledWith('foo', 'bar');
|
|
|
|
});
|
|
|
|
|
|
|
|
it('show placeholder for non existing user', function() {
|
|
|
|
spyOn($div, 'imageplaceholder');
|
2017-09-20 17:19:35 +02:00
|
|
|
spyOn($div, 'css');
|
2015-08-12 09:33:11 +02:00
|
|
|
$div.avatar('foo');
|
|
|
|
|
2017-12-19 10:02:19 +01:00
|
|
|
expect(window.Image).toHaveBeenCalled();
|
|
|
|
window.Image().onerror();
|
2015-08-12 09:33:11 +02:00
|
|
|
|
2017-09-20 18:14:00 +02:00
|
|
|
expect($div.imageplaceholder).toHaveBeenCalledWith('?');
|
2017-09-20 17:19:35 +02:00
|
|
|
expect($div.css).toHaveBeenCalledWith('background-color', '#b9b9b9');
|
2015-08-12 09:33:11 +02:00
|
|
|
});
|
|
|
|
|
2017-12-19 10:02:19 +01:00
|
|
|
it('show no placeholder is ignored', function() {
|
2015-08-12 09:33:11 +02:00
|
|
|
spyOn($div, 'imageplaceholder');
|
2017-12-19 10:02:19 +01:00
|
|
|
spyOn($div, 'css');
|
2015-08-12 09:33:11 +02:00
|
|
|
$div.avatar('foo', undefined, undefined, true);
|
|
|
|
|
2017-12-19 10:02:19 +01:00
|
|
|
expect(window.Image).toHaveBeenCalled();
|
|
|
|
window.Image().onerror();
|
2015-08-12 09:33:11 +02:00
|
|
|
|
2017-12-19 10:02:19 +01:00
|
|
|
expect($div.imageplaceholder).toHaveBeenCalledWith('?');
|
|
|
|
expect($div.css).toHaveBeenCalledWith('background-color', '#b9b9b9');
|
2015-08-12 09:33:11 +02:00
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
describe('url generation', function() {
|
|
|
|
beforeEach(function() {
|
|
|
|
window.devicePixelRatio = 1;
|
|
|
|
});
|
|
|
|
|
|
|
|
it('default', function() {
|
|
|
|
window.devicePixelRatio = 1;
|
|
|
|
$div.avatar('foo', 32);
|
|
|
|
|
2017-12-19 10:02:19 +01:00
|
|
|
expect(window.Image).toHaveBeenCalled();
|
|
|
|
expect(window.Image().src).toEqual('http://localhost/index.php/avatar/foo/32');
|
2015-08-12 09:33:11 +02:00
|
|
|
});
|
|
|
|
|
|
|
|
it('high DPI icon', function() {
|
|
|
|
window.devicePixelRatio = 4;
|
|
|
|
$div.avatar('foo', 32);
|
|
|
|
|
2017-12-19 10:02:19 +01:00
|
|
|
expect(window.Image).toHaveBeenCalled();
|
|
|
|
expect(window.Image().src).toEqual('http://localhost/index.php/avatar/foo/128');
|
2015-08-12 09:33:11 +02:00
|
|
|
});
|
|
|
|
|
|
|
|
it('high DPI icon round up size', function() {
|
|
|
|
window.devicePixelRatio = 1.9;
|
|
|
|
$div.avatar('foo', 32);
|
|
|
|
|
2017-12-19 10:02:19 +01:00
|
|
|
expect(window.Image).toHaveBeenCalled();
|
|
|
|
expect(window.Image().src).toEqual('http://localhost/index.php/avatar/foo/61');
|
2015-08-12 09:33:11 +02:00
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
describe('valid avatar', function() {
|
|
|
|
beforeEach(function() {
|
|
|
|
window.devicePixelRatio = 1;
|
|
|
|
});
|
|
|
|
|
|
|
|
it('default (no ie8 fix)', function() {
|
|
|
|
$div.avatar('foo', 32);
|
|
|
|
|
2017-12-19 10:02:19 +01:00
|
|
|
expect(window.Image).toHaveBeenCalled();
|
|
|
|
window.Image().onload();
|
2015-08-12 09:33:11 +02:00
|
|
|
|
2017-12-19 10:02:19 +01:00
|
|
|
expect(window.Image().height).toEqual(32);
|
|
|
|
expect(window.Image().width).toEqual(32);
|
|
|
|
expect(window.Image().src).toEqual('http://localhost/index.php/avatar/foo/32');
|
2015-08-12 09:33:11 +02:00
|
|
|
});
|
|
|
|
|
|
|
|
it('default high DPI icon', function() {
|
|
|
|
window.devicePixelRatio = 1.9;
|
|
|
|
|
|
|
|
$div.avatar('foo', 32);
|
|
|
|
|
2017-12-19 10:02:19 +01:00
|
|
|
expect(window.Image).toHaveBeenCalled();
|
|
|
|
window.Image().onload();
|
2015-08-12 09:33:11 +02:00
|
|
|
|
2017-12-19 10:02:19 +01:00
|
|
|
expect(window.Image().height).toEqual(32);
|
|
|
|
expect(window.Image().width).toEqual(32);
|
|
|
|
expect(window.Image().src).toEqual('http://localhost/index.php/avatar/foo/61');
|
2015-08-12 09:33:11 +02:00
|
|
|
});
|
|
|
|
|
2017-12-19 10:02:19 +01:00
|
|
|
it('with ie8 fix (ignored)', function() {
|
2015-08-12 09:33:11 +02:00
|
|
|
$div.avatar('foo', 32, true);
|
|
|
|
|
2017-12-19 10:02:19 +01:00
|
|
|
expect(window.Image).toHaveBeenCalled();
|
|
|
|
window.Image().onload();
|
2015-08-12 09:33:11 +02:00
|
|
|
|
2017-12-19 10:02:19 +01:00
|
|
|
expect(window.Image().height).toEqual(32);
|
|
|
|
expect(window.Image().width).toEqual(32);
|
|
|
|
expect(window.Image().src).toEqual('http://localhost/index.php/avatar/foo/32');
|
2015-08-12 09:33:11 +02:00
|
|
|
});
|
|
|
|
|
|
|
|
it('unhide div', function() {
|
|
|
|
$div.hide();
|
|
|
|
|
|
|
|
$div.avatar('foo', 32);
|
|
|
|
|
2017-12-19 10:02:19 +01:00
|
|
|
expect(window.Image).toHaveBeenCalled();
|
|
|
|
window.Image().onload();
|
|
|
|
|
|
|
|
expect(window.Image().height).toEqual(32);
|
|
|
|
expect(window.Image().width).toEqual(32);
|
|
|
|
expect(window.Image().src).toEqual('http://localhost/index.php/avatar/foo/32');
|
2015-08-12 09:33:11 +02:00
|
|
|
});
|
|
|
|
|
|
|
|
it('callback called', function() {
|
|
|
|
var observer = {callback: function() { dump("FOO"); }};
|
|
|
|
|
|
|
|
spyOn(observer, 'callback');
|
|
|
|
|
|
|
|
$div.avatar('foo', 32, undefined, undefined, function() {
|
|
|
|
observer.callback();
|
|
|
|
});
|
|
|
|
|
2017-12-19 10:02:19 +01:00
|
|
|
expect(window.Image).toHaveBeenCalled();
|
|
|
|
window.Image().onload();
|
2015-08-12 09:33:11 +02:00
|
|
|
|
2017-12-19 10:02:19 +01:00
|
|
|
expect(window.Image().height).toEqual(32);
|
|
|
|
expect(window.Image().width).toEqual(32);
|
|
|
|
expect(window.Image().src).toEqual('http://localhost/index.php/avatar/foo/32');
|
2015-08-12 09:33:11 +02:00
|
|
|
expect(observer.callback).toHaveBeenCalled();
|
|
|
|
});
|
|
|
|
});
|
|
|
|
});
|