mirrors/h5ai
1
0
Fork 0
mirror of https://github.com/lrsjng/h5ai.git synced 2025-05-31 07:18:21 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add view/viewmode tests.

Browse source
This commit is contained in:
Lars Jung 2015-04-30 00:15:09 +02:00
parent 8b7e0b57c5
commit aedf75b9f8
1 changed files with 44 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

47
test/tests/unit/view/viewmode.js
View file

@ -13,9 +13,10 @@ describe('module \'' + ID + '\'', function () {
this.xResource = { this.xResource = {
image: sinon.stub().returns(util.uniqPath('-image.png')) image: sinon.stub().returns(util.uniqPath('-image.png'))
}; };
this.xSettings = { this.xSettings = {view: {
view: {} modes: ['details', 'grid', 'icons'],
}; sizes: [20, 40, 60, 80, 100]
}};
this.xStore = { this.xStore = {
get: sinon.stub(), get: sinon.stub(),
put: sinon.stub() put: sinon.stub()
@ -161,6 +162,46 @@ describe('module \'' + ID + '\'', function () {
assert.isFalse($('#view').hasClass('view-grid')); assert.isFalse($('#view').hasClass('view-grid'));
assert.isTrue($('#view').hasClass('view-icons')); assert.isTrue($('#view').hasClass('view-icons'));
}); });
it('changing #view-size changes #view class to .view-size-*', function () {
var sizes = [20, 40, 60];
this.xSettings.view.sizes = sizes;
this.applyFn();
$('#view-size').val(0).trigger('change');
assert.isTrue($('#view').hasClass('view-size-20'), 20);
$('#view-size').val(1).trigger('change');
assert.isTrue($('#view').hasClass('view-size-40'), 40);
$('#view-size').val(2).trigger('change');
assert.isTrue($('#view').hasClass('view-size-60'), 60);
});
it('inputing #view-size changes #view class to .view-size-*', function () {
this.xSettings.view.sizes = [20, 40, 60];
this.applyFn();
$('#view-size').val(0).trigger('input');
assert.isTrue($('#view').hasClass('view-size-20'), 20);
$('#view-size').val(1).trigger('input');
assert.isTrue($('#view').hasClass('view-size-40'), 40);
$('#view-size').val(2).trigger('input');
assert.isTrue($('#view').hasClass('view-size-60'), 60);
});
it('#view-size uses sorted sizes', function () {
this.xSettings.view.sizes = [60, 40, 20];
this.applyFn();
$('#view-size').val(0).trigger('change');
assert.isTrue($('#view').hasClass('view-size-20'));
$('#view-size').val(1).trigger('change');
assert.isTrue($('#view').hasClass('view-size-40'));
$('#view-size').val(2).trigger('change');
assert.isTrue($('#view').hasClass('view-size-60'));
});
}); });
}); });