2015-01-26 10:31:25 +01:00
|
|
|
|
2015-05-14 12:08:19 +02:00
|
|
|
var tf = new TableFilter('demo', {
|
|
|
|
base_path: '../dist/tablefilter/',
|
2017-06-14 14:12:44 +02:00
|
|
|
paging: {
|
|
|
|
length: 2,
|
|
|
|
results_per_page: ['Results per page ', [2, 4, 6]]
|
|
|
|
}
|
2015-05-14 12:08:19 +02:00
|
|
|
});
|
|
|
|
tf.init();
|
2015-01-26 10:31:25 +01:00
|
|
|
|
2015-06-07 17:31:15 +02:00
|
|
|
var paging = tf.feature('paging');
|
2015-05-14 12:08:19 +02:00
|
|
|
module('Sanity checks');
|
|
|
|
test('Paging component', function() {
|
|
|
|
notEqual(paging, null, 'Paging instanciated');
|
2017-06-14 14:12:44 +02:00
|
|
|
deepEqual(paging.pageLength, 2, 'Paging length');
|
2015-05-14 12:08:19 +02:00
|
|
|
deepEqual(paging.nbPages, 4, 'Number of pages');
|
|
|
|
});
|
2015-11-14 16:14:13 +01:00
|
|
|
module('Feature interface');
|
|
|
|
test('Properties', function() {
|
|
|
|
deepEqual(
|
|
|
|
paging.tf instanceof TableFilter, true, 'TableFilter instance');
|
|
|
|
deepEqual(paging.feature, 'paging', 'Feature name');
|
|
|
|
deepEqual(paging.enabled, true, 'Feature enabled');
|
|
|
|
deepEqual(paging.initialized, true, 'Feature enabled');
|
2015-12-28 01:18:55 +01:00
|
|
|
deepEqual(typeof paging.emitter, 'object', 'Feature has emitter instance');
|
2015-11-14 16:14:13 +01:00
|
|
|
deepEqual(typeof paging.config, 'object', 'TF configuration object');
|
|
|
|
deepEqual(typeof paging.init, 'function', 'Feature init method');
|
|
|
|
deepEqual(typeof paging.destroy, 'function', 'Feature destroy method');
|
|
|
|
deepEqual(typeof paging.reset, 'function', 'Feature reset method');
|
|
|
|
deepEqual(typeof paging.enable, 'function', 'Feature enable method');
|
|
|
|
deepEqual(typeof paging.disable, 'function', 'Feature enable method');
|
|
|
|
deepEqual(
|
|
|
|
typeof paging.isEnabled, 'function', 'Feature enable method');
|
|
|
|
});
|
|
|
|
test('Can destroy', function() {
|
|
|
|
paging.destroy();
|
2017-05-13 12:51:10 +02:00
|
|
|
deepEqual(paging.initialized, false, 'not initialized');
|
2015-11-14 16:14:13 +01:00
|
|
|
});
|
|
|
|
test('Can reset', function() {
|
|
|
|
paging.reset();
|
|
|
|
deepEqual(paging.enabled, true, 'enabled');
|
|
|
|
});
|
|
|
|
test('Can disable', function() {
|
|
|
|
paging.disable();
|
|
|
|
deepEqual(paging.enabled, false, 'disabled');
|
|
|
|
});
|
|
|
|
test('Can enable', function() {
|
|
|
|
paging.enable();
|
|
|
|
deepEqual(paging.enabled, true, 'enabled');
|
|
|
|
});
|
|
|
|
test('Can init', function() {
|
|
|
|
paging.destroy();
|
|
|
|
paging.enable();
|
|
|
|
paging.init();
|
|
|
|
deepEqual(paging.enabled, true, 'enabled');
|
|
|
|
});
|
|
|
|
test('Can check is enabled', function() {
|
|
|
|
paging.isEnabled();
|
|
|
|
deepEqual(paging.enabled, true, 'enabled');
|
|
|
|
});
|
2015-01-26 10:31:25 +01:00
|
|
|
|
2015-05-14 12:08:19 +02:00
|
|
|
module('UI elements');
|
|
|
|
test('Paging UI elements', function() {
|
2017-06-14 14:12:44 +02:00
|
|
|
notEqual(paging.pageSlc, null, 'Paging drop-down element');
|
|
|
|
notEqual(paging.pageLengthSlc, null,
|
2015-06-13 11:03:33 +02:00
|
|
|
'Number of results per page drop-down element');
|
2016-11-05 12:08:32 +01:00
|
|
|
notEqual(paging.btnNextCont, null, 'Next button container element');
|
|
|
|
notEqual(paging.btnPrevCont, null, 'Previous button container element');
|
|
|
|
notEqual(paging.btnLastCont, null, 'Last button container element');
|
|
|
|
notEqual(paging.btnFirstCont, null, 'First button container element');
|
2015-05-14 12:08:19 +02:00
|
|
|
});
|
2015-01-26 10:31:25 +01:00
|
|
|
|
2015-05-14 12:08:19 +02:00
|
|
|
test('Destroy Paging component', function() {
|
|
|
|
paging.destroy();
|
2017-06-14 14:12:44 +02:00
|
|
|
deepEqual(paging.pageSlc, null, 'Paging drop-down element');
|
|
|
|
deepEqual(paging.pageLengthSlc, null, 'Paging drop-down element');
|
2016-11-05 12:08:32 +01:00
|
|
|
deepEqual(paging.btnNextCont, null, 'Next button container element');
|
|
|
|
deepEqual(paging.btnPrevCont, null, 'Previous button container element');
|
|
|
|
deepEqual(paging.btnLastCont, null, 'Last button container element');
|
|
|
|
deepEqual(paging.btnFirstCont, null, 'First button container element');
|
2015-05-14 12:08:19 +02:00
|
|
|
deepEqual(paging.nbPages, 0, 'Number of pages');
|
2015-01-26 10:31:25 +01:00
|
|
|
});
|
2015-06-13 11:03:33 +02:00
|
|
|
|
|
|
|
test('Reset Paging component', function() {
|
|
|
|
paging.reset();
|
|
|
|
paging.setPage(2);
|
2017-06-14 14:12:44 +02:00
|
|
|
notEqual(paging.pageSlc, null, 'Paging drop-down element');
|
2015-06-13 11:03:33 +02:00
|
|
|
});
|
|
|
|
|
|
|
|
module('Behaviour');
|
|
|
|
test('Set page', function() {
|
|
|
|
paging.setPage(1);
|
|
|
|
deepEqual(paging.getPage(), 1, 'Expected page number');
|
2015-06-14 04:23:27 +02:00
|
|
|
paging.setPage(3);
|
|
|
|
deepEqual(paging.getPage(), 3, 'Expected page number');
|
2017-06-14 14:12:44 +02:00
|
|
|
deepEqual(paging.pageSlc.selectedIndex, 2,
|
2015-07-14 15:50:36 +02:00
|
|
|
'Expected page number in paging drop-down selector');
|
|
|
|
});
|
|
|
|
|
2017-03-25 05:19:12 +01:00
|
|
|
test('Can set page with command', function() {
|
|
|
|
// setup
|
|
|
|
paging.setPage(1);
|
|
|
|
// act
|
|
|
|
paging.setPage('next');
|
|
|
|
// assert
|
|
|
|
deepEqual(paging.getPage(), 2, 'Expected page number for `next`');
|
|
|
|
|
|
|
|
// act
|
|
|
|
paging.setPage('previous');
|
|
|
|
// assert
|
|
|
|
deepEqual(paging.getPage(), 1, 'Expected page number for `previous`');
|
|
|
|
|
|
|
|
// act
|
|
|
|
paging.setPage('last');
|
|
|
|
// assert
|
|
|
|
deepEqual(paging.getPage(), 4, 'Expected page number for `last`');
|
|
|
|
|
|
|
|
// act
|
|
|
|
paging.setPage('first');
|
|
|
|
// assert
|
|
|
|
deepEqual(paging.getPage(), 1, 'Expected page number for `first`');
|
|
|
|
});
|
|
|
|
|
2015-07-14 15:50:36 +02:00
|
|
|
test('Set page via drop-down page selector', function() {
|
2017-06-14 14:12:44 +02:00
|
|
|
paging.pageSlc.selectedIndex = 3;
|
|
|
|
paging.changePage(paging.pageSlc.selectedIndex);
|
2015-07-15 15:34:19 +02:00
|
|
|
deepEqual(paging.getPage(), 4, 'Expected page number');
|
2015-06-13 11:03:33 +02:00
|
|
|
});
|
2015-06-14 04:23:27 +02:00
|
|
|
|
|
|
|
test('Filter from non starting page', function() {
|
|
|
|
tf.setFilterValue(1, 'Melbourne');
|
|
|
|
tf.filter();
|
|
|
|
deepEqual(tf.validRowsIndex.length,
|
|
|
|
1, 'Expected valid rows after page change');
|
2016-05-26 06:36:36 +02:00
|
|
|
deepEqual(tf.getValidRowsNb(),
|
2015-06-14 04:23:27 +02:00
|
|
|
1, 'Expected visible rows after page change');
|
|
|
|
});
|
|
|
|
|
2015-07-15 15:34:19 +02:00
|
|
|
test('Filter with dummy value', function() {
|
|
|
|
tf.clearFilters();
|
|
|
|
tf.setFilterValue(0, 'dfsdf');
|
|
|
|
tf.filter();
|
|
|
|
deepEqual(tf.validRowsIndex.length, 0, 'Expected valid rows');
|
|
|
|
});
|
|
|
|
|
2015-06-13 11:03:33 +02:00
|
|
|
test('Set results per page', function() {
|
2015-06-14 04:23:27 +02:00
|
|
|
tf.clearFilters();
|
2016-03-18 07:58:32 +01:00
|
|
|
paging.changeResultsPerPage('4');
|
2017-06-14 14:12:44 +02:00
|
|
|
deepEqual(paging.pageLength, 4, 'Expected page length');
|
2015-06-13 11:03:33 +02:00
|
|
|
deepEqual(paging.nbPages, 2, 'Expected number of pages');
|
2016-03-18 07:58:32 +01:00
|
|
|
paging.changeResultsPerPage('6');
|
2017-06-14 14:12:44 +02:00
|
|
|
deepEqual(paging.pageLength, 6, 'Expected page length');
|
2015-06-13 11:03:33 +02:00
|
|
|
deepEqual(paging.nbPages, 2, 'Expected number of pages');
|
|
|
|
});
|
|
|
|
|
|
|
|
module('Grid layout');
|
|
|
|
test('Grid layout with paging', function() {
|
|
|
|
tf.destroy();
|
|
|
|
tf = null;
|
|
|
|
tf = new TableFilter('demo', {
|
|
|
|
base_path: '../dist/tablefilter/',
|
|
|
|
grid_layout: true,
|
2017-06-14 14:12:44 +02:00
|
|
|
paging: {
|
|
|
|
length: 2,
|
|
|
|
results_per_page: ['Results per page ', [2, 4, 6]]
|
|
|
|
}
|
2015-06-13 11:03:33 +02:00
|
|
|
});
|
|
|
|
tf.init();
|
|
|
|
|
|
|
|
paging = tf.feature('paging');
|
|
|
|
|
2017-06-14 14:12:44 +02:00
|
|
|
notEqual(paging.pageSlc, null, 'Paging drop-down element');
|
|
|
|
notEqual(paging.pageLengthSlc, null,
|
2015-06-13 11:03:33 +02:00
|
|
|
'Number of results per page drop-down element');
|
2016-11-05 12:08:32 +01:00
|
|
|
notEqual(paging.btnNextCont, null, 'Next button container element');
|
|
|
|
notEqual(paging.btnPrevCont, null, 'Previous button container element');
|
|
|
|
notEqual(paging.btnLastCont, null, 'Last button container element');
|
|
|
|
notEqual(paging.btnFirstCont, null, 'First button container element');
|
2015-06-13 11:03:33 +02:00
|
|
|
});
|
|
|
|
|
|
|
|
module('Behaviour');
|
|
|
|
test('Set page', function() {
|
|
|
|
paging.setPage(1);
|
|
|
|
deepEqual(paging.getPage(), 1, 'Expected page number');
|
2015-06-14 04:23:27 +02:00
|
|
|
paging.setPage(3);
|
|
|
|
deepEqual(paging.getPage(), 3, 'Expected page number');
|
2015-06-13 11:03:33 +02:00
|
|
|
});
|
2015-06-14 04:23:27 +02:00
|
|
|
|
2017-03-25 05:19:12 +01:00
|
|
|
test('Can set page with command', function() {
|
|
|
|
// setup
|
|
|
|
paging.setPage(1);
|
|
|
|
// act
|
|
|
|
paging.setPage('next');
|
|
|
|
// assert
|
|
|
|
deepEqual(paging.getPage(), 2, 'Expected page number for `next`');
|
|
|
|
|
|
|
|
// act
|
|
|
|
paging.setPage('previous');
|
|
|
|
// assert
|
|
|
|
deepEqual(paging.getPage(), 1, 'Expected page number for `previous`');
|
|
|
|
|
|
|
|
// act
|
|
|
|
paging.setPage('last');
|
|
|
|
// assert
|
|
|
|
deepEqual(paging.getPage(), 4, 'Expected page number for `last`');
|
|
|
|
|
|
|
|
// act
|
|
|
|
paging.setPage('first');
|
|
|
|
// assert
|
|
|
|
deepEqual(paging.getPage(), 1, 'Expected page number for `first`');
|
|
|
|
});
|
|
|
|
|
2015-07-15 15:34:19 +02:00
|
|
|
test('Set page via drop-down page selector', function() {
|
2017-06-14 14:12:44 +02:00
|
|
|
paging.pageSlc.selectedIndex = 3;
|
|
|
|
paging.changePage(paging.pageSlc.selectedIndex);
|
2015-07-15 15:34:19 +02:00
|
|
|
deepEqual(paging.getPage(), 4, 'Expected page number');
|
|
|
|
});
|
|
|
|
|
2015-06-14 04:23:27 +02:00
|
|
|
test('Filter from non starting page', function() {
|
|
|
|
tf.setFilterValue(1, 'Perth');
|
|
|
|
tf.filter();
|
|
|
|
deepEqual(tf.validRowsIndex.length,
|
|
|
|
1, 'Expected valid rows after page change');
|
2016-05-26 06:36:36 +02:00
|
|
|
deepEqual(tf.getValidRowsNb(),
|
2015-06-14 04:23:27 +02:00
|
|
|
1, 'Expected visible rows after page change');
|
|
|
|
});
|
|
|
|
|
2015-07-15 15:34:19 +02:00
|
|
|
test('Filter with dummy value', function() {
|
|
|
|
tf.clearFilters();
|
|
|
|
tf.setFilterValue(0, 'dfsdf');
|
|
|
|
tf.filter();
|
|
|
|
deepEqual(tf.validRowsIndex.length, 0, 'Expected valid rows');
|
|
|
|
});
|
|
|
|
|
2015-06-13 11:03:33 +02:00
|
|
|
test('Set results per page', function() {
|
2015-07-15 15:34:19 +02:00
|
|
|
tf.clearFilters();
|
2016-03-18 07:58:32 +01:00
|
|
|
paging.changeResultsPerPage('4');
|
2017-06-14 14:12:44 +02:00
|
|
|
deepEqual(paging.pageLength, 4, 'Expected page length');
|
2015-06-13 11:03:33 +02:00
|
|
|
deepEqual(paging.nbPages, 2, 'Expected number of pages');
|
2016-03-18 07:58:32 +01:00
|
|
|
paging.changeResultsPerPage('6');
|
2017-06-14 14:12:44 +02:00
|
|
|
deepEqual(paging.pageLength, 6, 'Expected page length');
|
2015-06-13 11:03:33 +02:00
|
|
|
deepEqual(paging.nbPages, 2, 'Expected number of pages');
|
2015-11-16 13:21:19 +01:00
|
|
|
});
|
2015-06-13 13:23:33 +02:00
|
|
|
|
2017-03-25 05:19:12 +01:00
|
|
|
// issue 424: cannot set results per page when no valid rows
|
|
|
|
test('Set results per page when no valid rows', function() {
|
|
|
|
// setup
|
|
|
|
tf.clearFilters();
|
|
|
|
tf.setFilterValue(2, 'hello world');
|
|
|
|
tf.filter();
|
|
|
|
|
|
|
|
// act
|
|
|
|
paging.changeResultsPerPage('4');
|
|
|
|
|
|
|
|
// assert
|
2017-06-14 14:12:44 +02:00
|
|
|
deepEqual(paging.pageLengthSlc.value, '4', 'Select page length option');
|
2017-03-25 05:19:12 +01:00
|
|
|
deepEqual(paging.getPage(), 1, 'Expected page number');
|
|
|
|
});
|
|
|
|
|
2016-01-14 09:35:46 +01:00
|
|
|
module('Reset feature');
|
|
|
|
test('can destroy and init TableFilter', function() {
|
|
|
|
tf.destroy();
|
|
|
|
tf.init();
|
|
|
|
notEqual(paging, null, 'Paging instanciated');
|
2017-06-14 14:12:44 +02:00
|
|
|
deepEqual(paging.pageLength, 2, 'Paging length');
|
2016-01-14 09:35:46 +01:00
|
|
|
deepEqual(paging.nbPages, 4, 'Number of pages');
|
|
|
|
});
|
|
|
|
|
2015-11-16 13:21:19 +01:00
|
|
|
module('Tear-down');
|
|
|
|
test('can destroy TableFilter DOM elements', function() {
|
2015-06-13 13:23:33 +02:00
|
|
|
tf.destroy();
|
2016-05-27 09:40:22 +02:00
|
|
|
deepEqual(tf.isInitialized(), false, 'Filters removed');
|
2015-06-13 11:03:33 +02:00
|
|
|
});
|