2015-07-17 15:09:00 +03:00
|
|
|
/**
|
|
|
|
* ownCloud
|
|
|
|
*
|
|
|
|
* @author Vincent Petry
|
|
|
|
* @copyright 2015 Vincent Petry <pvince81@owncloud.com>
|
|
|
|
*
|
|
|
|
* This library is free software; you can redistribute it and/or
|
|
|
|
* modify it under the terms of the GNU AFFERO GENERAL PUBLIC LICENSE
|
|
|
|
* License as published by the Free Software Foundation; either
|
|
|
|
* version 3 of the License, or any later version.
|
|
|
|
*
|
|
|
|
* This library is distributed in the hope that it will be useful,
|
|
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
|
|
* GNU AFFERO GENERAL PUBLIC LICENSE for more details.
|
|
|
|
*
|
|
|
|
* You should have received a copy of the GNU Affero General Public
|
|
|
|
* License along with this library. If not, see <http://www.gnu.org/licenses/>.
|
|
|
|
*
|
|
|
|
*/
|
|
|
|
|
|
|
|
describe('OCA.Files.MainFileInfoDetailView tests', function() {
|
2015-08-12 18:30:20 +03:00
|
|
|
var view, tooltipStub, fileListMock, fileActions, fileList, testFileInfo;
|
2015-07-17 15:09:00 +03:00
|
|
|
|
|
|
|
beforeEach(function() {
|
2015-08-10 12:23:39 +03:00
|
|
|
tooltipStub = sinon.stub($.fn, 'tooltip');
|
2015-07-22 21:15:12 +03:00
|
|
|
fileListMock = sinon.mock(OCA.Files.FileList.prototype);
|
2015-08-12 18:30:20 +03:00
|
|
|
fileActions = new OCA.Files.FileActions();
|
|
|
|
fileList = new OCA.Files.FileList($('<table></table>'), {
|
|
|
|
fileActions: fileActions
|
|
|
|
});
|
|
|
|
view = new OCA.Files.MainFileInfoDetailView({
|
|
|
|
fileList: fileList,
|
|
|
|
fileActions: fileActions
|
|
|
|
});
|
|
|
|
testFileInfo = new OCA.Files.FileInfoModel({
|
|
|
|
id: 5,
|
|
|
|
name: 'One.txt',
|
|
|
|
mimetype: 'text/plain',
|
|
|
|
permissions: 31,
|
|
|
|
path: '/subdir',
|
|
|
|
size: 123456789,
|
|
|
|
mtime: Date.UTC(2015, 6, 17, 1, 2, 0, 0)
|
|
|
|
});
|
2015-07-17 15:09:00 +03:00
|
|
|
});
|
|
|
|
afterEach(function() {
|
2015-08-12 18:30:20 +03:00
|
|
|
view.remove();
|
2015-07-17 15:09:00 +03:00
|
|
|
view = undefined;
|
2015-08-10 12:23:39 +03:00
|
|
|
tooltipStub.restore();
|
2015-07-22 21:15:12 +03:00
|
|
|
fileListMock.restore();
|
|
|
|
|
2015-07-17 15:09:00 +03:00
|
|
|
});
|
|
|
|
describe('rendering', function() {
|
|
|
|
it('displays basic info', function() {
|
2015-08-06 18:24:45 +03:00
|
|
|
var clock = sinon.useFakeTimers(Date.UTC(2015, 6, 17, 1, 2, 0, 3));
|
2015-08-07 02:22:39 +03:00
|
|
|
var dateExpected = OC.Util.formatDate(Date(Date.UTC(2015, 6, 17, 1, 2, 0, 0)));
|
2015-07-17 15:09:00 +03:00
|
|
|
view.setFileInfo(testFileInfo);
|
2015-08-31 01:14:07 +03:00
|
|
|
expect(view.$el.find('.fileName h3').text()).toEqual('One.txt');
|
|
|
|
expect(view.$el.find('.fileName h3').attr('title')).toEqual('One.txt');
|
2015-07-17 15:09:00 +03:00
|
|
|
expect(view.$el.find('.size').text()).toEqual('117.7 MB');
|
|
|
|
expect(view.$el.find('.size').attr('title')).toEqual('123456789 bytes');
|
|
|
|
expect(view.$el.find('.date').text()).toEqual('a few seconds ago');
|
2015-08-07 02:22:39 +03:00
|
|
|
expect(view.$el.find('.date').attr('title')).toEqual(dateExpected);
|
2015-07-17 15:09:00 +03:00
|
|
|
clock.restore();
|
|
|
|
});
|
|
|
|
it('displays favorite icon', function() {
|
2015-08-12 18:30:20 +03:00
|
|
|
testFileInfo.set('tags', [OC.TAG_FAVORITE]);
|
|
|
|
view.setFileInfo(testFileInfo);
|
2015-07-17 16:19:11 +03:00
|
|
|
expect(view.$el.find('.favorite img').attr('src'))
|
2015-07-17 15:09:00 +03:00
|
|
|
.toEqual(OC.imagePath('core', 'actions/starred'));
|
|
|
|
|
2015-08-12 18:30:20 +03:00
|
|
|
testFileInfo.set('tags', []);
|
|
|
|
view.setFileInfo(testFileInfo);
|
2015-07-17 16:19:11 +03:00
|
|
|
expect(view.$el.find('.favorite img').attr('src'))
|
2015-07-17 15:09:00 +03:00
|
|
|
.toEqual(OC.imagePath('core', 'actions/star'));
|
|
|
|
});
|
|
|
|
it('displays mime icon', function() {
|
2015-07-22 21:15:12 +03:00
|
|
|
// File
|
2015-08-12 18:30:20 +03:00
|
|
|
testFileInfo.set('mimetype', 'text/calendar');
|
|
|
|
view.setFileInfo(testFileInfo);
|
2015-07-22 21:15:12 +03:00
|
|
|
|
|
|
|
expect(view.$el.find('.thumbnail').css('background-image'))
|
|
|
|
.toContain('filetypes/text-calendar.svg');
|
|
|
|
|
|
|
|
// Folder
|
2015-08-12 18:30:20 +03:00
|
|
|
testFileInfo.set('mimetype', 'httpd/unix-directory');
|
|
|
|
view.setFileInfo(testFileInfo);
|
2015-07-22 21:15:12 +03:00
|
|
|
|
|
|
|
expect(view.$el.find('.thumbnail').css('background-image'))
|
|
|
|
.toContain('filetypes/folder.svg');
|
2015-07-17 15:09:00 +03:00
|
|
|
});
|
|
|
|
it('displays thumbnail', function() {
|
2015-08-12 18:30:20 +03:00
|
|
|
testFileInfo.set('mimetype', 'test/plain');
|
|
|
|
view.setFileInfo(testFileInfo);
|
2015-07-22 21:15:12 +03:00
|
|
|
|
|
|
|
var expectation = fileListMock.expects('lazyLoadPreview');
|
|
|
|
expectation.once();
|
|
|
|
|
|
|
|
view.setFileInfo(testFileInfo);
|
|
|
|
|
|
|
|
fileListMock.verify();
|
2015-07-17 15:09:00 +03:00
|
|
|
});
|
2015-08-25 12:29:35 +03:00
|
|
|
it('does not show size if no size available', function() {
|
|
|
|
testFileInfo.unset('size');
|
|
|
|
view.setFileInfo(testFileInfo);
|
|
|
|
|
|
|
|
expect(view.$el.find('.size').length).toEqual(0);
|
|
|
|
});
|
|
|
|
it('renders displayName instead of name if available', function() {
|
|
|
|
testFileInfo.set('displayName', 'hello.txt');
|
|
|
|
view.setFileInfo(testFileInfo);
|
|
|
|
|
2015-08-31 01:14:07 +03:00
|
|
|
expect(view.$el.find('.fileName h3').text()).toEqual('hello.txt');
|
|
|
|
expect(view.$el.find('.fileName h3').attr('title')).toEqual('hello.txt');
|
2015-08-25 12:29:35 +03:00
|
|
|
});
|
2015-08-12 18:30:20 +03:00
|
|
|
it('rerenders when changes are made on the model', function() {
|
|
|
|
view.setFileInfo(testFileInfo);
|
|
|
|
|
|
|
|
testFileInfo.set('tags', [OC.TAG_FAVORITE]);
|
|
|
|
|
|
|
|
expect(view.$el.find('.favorite img').attr('src'))
|
|
|
|
.toEqual(OC.imagePath('core', 'actions/starred'));
|
|
|
|
|
|
|
|
testFileInfo.set('tags', []);
|
|
|
|
|
|
|
|
expect(view.$el.find('.favorite img').attr('src'))
|
|
|
|
.toEqual(OC.imagePath('core', 'actions/star'));
|
|
|
|
});
|
|
|
|
it('unbinds change listener from model', function() {
|
|
|
|
view.setFileInfo(testFileInfo);
|
|
|
|
view.setFileInfo(new OCA.Files.FileInfoModel({
|
|
|
|
id: 999,
|
|
|
|
name: 'test.txt',
|
|
|
|
path: '/'
|
|
|
|
}));
|
|
|
|
|
|
|
|
// set value on old model
|
|
|
|
testFileInfo.set('tags', [OC.TAG_FAVORITE]);
|
|
|
|
|
|
|
|
// no change
|
|
|
|
expect(view.$el.find('.favorite img').attr('src'))
|
|
|
|
.toEqual(OC.imagePath('core', 'actions/star'));
|
|
|
|
});
|
|
|
|
});
|
|
|
|
describe('events', function() {
|
|
|
|
it('triggers default action when clicking on the thumbnail', function() {
|
|
|
|
var actionHandler = sinon.stub();
|
|
|
|
|
|
|
|
fileActions.registerAction({
|
|
|
|
name: 'Something',
|
|
|
|
mime: 'all',
|
|
|
|
permissions: OC.PERMISSION_READ,
|
|
|
|
actionHandler: actionHandler
|
|
|
|
});
|
|
|
|
fileActions.setDefault('text/plain', 'Something');
|
|
|
|
|
|
|
|
view.setFileInfo(testFileInfo);
|
|
|
|
|
|
|
|
view.$el.find('.thumbnail').click();
|
|
|
|
|
|
|
|
expect(actionHandler.calledOnce).toEqual(true);
|
|
|
|
expect(actionHandler.getCall(0).args[0]).toEqual('One.txt');
|
|
|
|
expect(actionHandler.getCall(0).args[1].fileList).toEqual(fileList);
|
|
|
|
expect(actionHandler.getCall(0).args[1].fileActions).toEqual(fileActions);
|
|
|
|
expect(actionHandler.getCall(0).args[1].fileInfoModel).toEqual(testFileInfo);
|
|
|
|
});
|
|
|
|
it('triggers "Favorite" action when clicking on the star', function() {
|
|
|
|
var actionHandler = sinon.stub();
|
|
|
|
|
|
|
|
fileActions.registerAction({
|
|
|
|
name: 'Favorite',
|
|
|
|
mime: 'all',
|
|
|
|
permissions: OC.PERMISSION_READ,
|
|
|
|
actionHandler: actionHandler
|
|
|
|
});
|
|
|
|
|
|
|
|
view.setFileInfo(testFileInfo);
|
|
|
|
|
|
|
|
view.$el.find('.action-favorite').click();
|
|
|
|
|
|
|
|
expect(actionHandler.calledOnce).toEqual(true);
|
|
|
|
expect(actionHandler.getCall(0).args[0]).toEqual('One.txt');
|
|
|
|
expect(actionHandler.getCall(0).args[1].fileList).toEqual(fileList);
|
|
|
|
expect(actionHandler.getCall(0).args[1].fileActions).toEqual(fileActions);
|
|
|
|
expect(actionHandler.getCall(0).args[1].fileInfoModel).toEqual(testFileInfo);
|
|
|
|
});
|
2015-07-17 15:09:00 +03:00
|
|
|
});
|
|
|
|
});
|