mirror of
https://github.com/koalyptus/TableFilter.git
synced 2024-06-26 17:30:48 +02:00
155 lines
5.1 KiB
JavaScript
155 lines
5.1 KiB
JavaScript
|
|
var id = function (id){ return document.getElementById(id); };
|
|
var table = id('demo');
|
|
var totRowIndex = table.getElementsByTagName('tr').length;
|
|
|
|
tf = new TableFilter('demo', {
|
|
base_path: '../dist/tablefilter/',
|
|
col_types: ['string', 'string', 'number', 'number', 'number'],
|
|
paging: {
|
|
length: 4
|
|
},
|
|
rows_always_visible: [
|
|
totRowIndex-6,
|
|
totRowIndex-5,
|
|
totRowIndex-4,
|
|
totRowIndex-3,
|
|
totRowIndex-2,
|
|
totRowIndex-1,
|
|
totRowIndex,
|
|
],
|
|
extensions: [{
|
|
name: 'colOps',
|
|
id: [
|
|
'sum1', 'sum2',
|
|
'mean1', 'mean2',
|
|
'min1', 'min2',
|
|
'max1', 'max2',
|
|
'median1', 'median2',
|
|
'q1-1', 'q1-2',
|
|
'q3-1', 'q3-2'
|
|
],
|
|
col: [
|
|
2, 3,
|
|
2, 3,
|
|
2, 3,
|
|
2, 3,
|
|
2, 3,
|
|
2, 3,
|
|
2, 3
|
|
],
|
|
operation: [
|
|
'sum', 'sum',
|
|
'mean', 'mean',
|
|
'min', 'min',
|
|
'max', 'max',
|
|
'median', 'median',
|
|
'q1', 'q1',
|
|
'q3', 'q3'
|
|
],
|
|
write_method: [
|
|
'innerhtml', 'innerhtml',
|
|
'innerhtml', 'innerhtml',
|
|
'innerhtml', 'innerhtml',
|
|
'innerhtml', 'innerhtml',
|
|
'innerhtml', 'innerhtml',
|
|
'innerhtml', 'innerhtml',
|
|
'innerhtml', 'innerhtml'
|
|
],
|
|
exclude_row: [
|
|
totRowIndex-6,
|
|
totRowIndex-5,
|
|
totRowIndex-4,
|
|
totRowIndex-3,
|
|
totRowIndex-2,
|
|
totRowIndex-1,
|
|
totRowIndex
|
|
],
|
|
decimal_precision: [
|
|
0, 2,
|
|
0, 2,
|
|
0, 2,
|
|
0, 2,
|
|
0, 2,
|
|
0, 2,
|
|
0, 2
|
|
],
|
|
tot_row_index: [
|
|
totRowIndex-6, totRowIndex-6,
|
|
totRowIndex-5, totRowIndex-5,
|
|
totRowIndex-4, totRowIndex-4,
|
|
totRowIndex-3, totRowIndex-3,
|
|
totRowIndex-2, totRowIndex-2,
|
|
totRowIndex-1, totRowIndex-1,
|
|
totRowIndex, totRowIndex
|
|
]
|
|
}]
|
|
});
|
|
tf.init();
|
|
|
|
module('Sanity checks');
|
|
test('Column operations', function() {
|
|
var colOps = tf.extension('colOps');
|
|
deepEqual(typeof colOps, 'object', 'ColOps instanciated');
|
|
equal(id('sum1').innerHTML, 3552, 'Sum result');
|
|
equal(id('sum2').innerHTML, 4.60, 'Sum result');
|
|
equal(id('mean1').innerHTML, 888, 'Mean result');
|
|
equal(id('mean2').innerHTML, 1.15, 'Mean result');
|
|
equal(id('min1').innerHTML, 286, 'Min result');
|
|
equal(id('min2').innerHTML, 0.60, 'Min result');
|
|
equal(id('max1').innerHTML, 1412, 'Max result');
|
|
equal(id('max2').innerHTML, 1.50, 'Max result');
|
|
equal(id('median1').innerHTML, 927, 'Median result');
|
|
equal(id('median2').innerHTML, 1.25, 'Median result');
|
|
equal(id('q1-1').innerHTML, 579, 'Q1 result');
|
|
equal(id('q1-2').innerHTML, 0.85, 'Q1 result');
|
|
equal(id('q3-1').innerHTML, 1197, 'Q3 result');
|
|
equal(id('q3-2').innerHTML, 1.45, 'Q3 result');
|
|
tf.clearFilters();
|
|
});
|
|
|
|
module('Behaviour checks');
|
|
test('Column operations after filtering', function() {
|
|
tf.setFilterValue(0, 'syd');
|
|
tf.filter();
|
|
equal(id('sum1').innerHTML, 3552, 'Sum result');
|
|
equal(id('sum2').innerHTML, 4.60, 'Sum result');
|
|
equal(id('mean1').innerHTML, 888, 'Mean result');
|
|
equal(id('mean2').innerHTML, 1.15, 'Mean result');
|
|
equal(id('min1').innerHTML, 286, 'Min result');
|
|
equal(id('min2').innerHTML, 0.60, 'Min result');
|
|
equal(id('max1').innerHTML, 1412, 'Max result');
|
|
equal(id('max2').innerHTML, 1.50, 'Max result');
|
|
equal(id('median1').innerHTML, 927, 'Median result');
|
|
equal(id('median2').innerHTML, 1.25, 'Median result');
|
|
equal(id('q1-1').innerHTML, 579, 'Q1 result');
|
|
equal(id('q1-2').innerHTML, 0.85, 'Q1 result');
|
|
equal(id('q3-1').innerHTML, 1197, 'Q3 result');
|
|
equal(id('q3-2').innerHTML, 1.45, 'Q3 result');
|
|
tf.clearFilters();
|
|
});
|
|
|
|
test('Column operations after page changed', function() {
|
|
var paging = tf.feature('paging');
|
|
|
|
// change page
|
|
paging.changePage(1);
|
|
|
|
equal(id('sum1').innerHTML, 6359, 'Sum result after page change');
|
|
equal(id('sum2').innerHTML, 7.25, 'Sum result after page change');
|
|
equal(id('mean1').innerHTML, 2120, 'Mean result after page change');
|
|
equal(id('mean2').innerHTML, 2.42, 'Mean result after page change');
|
|
equal(id('min1').innerHTML, 1533, 'Min result after page change');
|
|
equal(id('min2').innerHTML, 2.00, 'Min result after page change');
|
|
equal(id('max1').innerHTML, 2781, 'Max result after page change');
|
|
equal(id('max2').innerHTML, 3.10, 'Max result after page change');
|
|
equal(id('median1').innerHTML, 2045, 'Median result after page change');
|
|
equal(id('median2').innerHTML, 2.15, 'Median result after page change');
|
|
equal(id('q1-1').innerHTML, 1533, 'Q1 result after page change');
|
|
equal(id('q1-2').innerHTML, 2.00, 'Q1 result after page change');
|
|
equal(id('q3-1').innerHTML, 2781, 'Q3 result after page change');
|
|
equal(id('q3-2').innerHTML, 3.10, 'Q3 result after page change');
|
|
|
|
tf.destroy();
|
|
});
|