tablefilter/test/test-paging.js

var tf = new TableFilter('demo', {
    base_path: '../dist/tablefilter/',
    paging: {
        length: 2,
        results_per_page: ['Results per page ', [2, 4, 6]]
    }
});
tf.init();

var paging = tf.feature('paging');
module('Sanity checks');
test('Paging component', function() {
    notEqual(paging, null, 'Paging instanciated');
    deepEqual(paging.pageLength, 2, 'Paging length');
    deepEqual(paging.nbPages, 4, 'Number of pages');
});
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');
    deepEqual(typeof paging.emitter, 'object', 'Feature has emitter instance');
    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();
    deepEqual(paging.initialized, false, 'not initialized');
});
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');
});

module('UI elements');
test('Paging UI elements', function() {
    notEqual(paging.pageSlc, null, 'Paging drop-down element');
    notEqual(paging.pageLengthSlc, null,
        'Number of results per page drop-down element');
    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');
});

test('Destroy Paging component', function() {
    paging.destroy();
    deepEqual(paging.pageSlc, null, 'Paging drop-down element');
    deepEqual(paging.pageLengthSlc, null, 'Paging drop-down element');
    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');
    deepEqual(paging.nbPages, 0, 'Number of pages');
});

test('Reset Paging component', function() {
    paging.reset();
    paging.setPage(2);
    notEqual(paging.pageSlc, null, 'Paging drop-down element');
});

module('Behaviour');
test('Set page', function() {
    paging.setPage(1);
    deepEqual(paging.getPage(), 1, 'Expected page number');
    paging.setPage(3);
    deepEqual(paging.getPage(), 3, 'Expected page number');
    deepEqual(paging.pageSlc.selectedIndex, 2,
        'Expected page number in paging drop-down selector');
});

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`');
});

test('Set page via drop-down page selector', function() {
    paging.pageSlc.selectedIndex = 3;
    paging.changePage(paging.pageSlc.selectedIndex);
    deepEqual(paging.getPage(), 4, 'Expected page number');
});

test('Filter from non starting page', function() {
    tf.setFilterValue(1, 'Melbourne');
    tf.filter();
    deepEqual(tf.validRowsIndex.length,
        1, 'Expected valid rows after page change');
    deepEqual(tf.getValidRowsNb(),
        1, 'Expected visible rows after page change');
});

test('Filter with dummy value', function() {
    tf.clearFilters();
    tf.setFilterValue(0, 'dfsdf');
    tf.filter();
    deepEqual(tf.validRowsIndex.length, 0, 'Expected valid rows');
});

test('Set results per page', function() {
    tf.clearFilters();
    paging.changeResultsPerPage('4');
    deepEqual(paging.pageLength, 4, 'Expected page length');
    deepEqual(paging.nbPages, 2, 'Expected number of pages');
    paging.changeResultsPerPage('6');
    deepEqual(paging.pageLength, 6, 'Expected page length');
    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,
        paging: {
            length: 2,
            results_per_page: ['Results per page ', [2, 4, 6]]
        }
    });
    tf.init();

    paging = tf.feature('paging');

    notEqual(paging.pageSlc, null, 'Paging drop-down element');
    notEqual(paging.pageLengthSlc, null,
        'Number of results per page drop-down element');
    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');
});

module('Behaviour');
test('Set page', function() {
    paging.setPage(1);
    deepEqual(paging.getPage(), 1, 'Expected page number');
    paging.setPage(3);
    deepEqual(paging.getPage(), 3, 'Expected page number');
});

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`');
});

test('Set page via drop-down page selector', function() {
    paging.pageSlc.selectedIndex = 3;
    paging.changePage(paging.pageSlc.selectedIndex);
    deepEqual(paging.getPage(), 4, 'Expected page number');
});

test('Filter from non starting page', function() {
    tf.setFilterValue(1, 'Perth');
    tf.filter();
    deepEqual(tf.validRowsIndex.length,
        1, 'Expected valid rows after page change');
    deepEqual(tf.getValidRowsNb(),
        1, 'Expected visible rows after page change');
});

test('Filter with dummy value', function() {
    tf.clearFilters();
    tf.setFilterValue(0, 'dfsdf');
    tf.filter();
    deepEqual(tf.validRowsIndex.length, 0, 'Expected valid rows');
});

test('Set results per page', function() {
    tf.clearFilters();
    paging.changeResultsPerPage('4');
    deepEqual(paging.pageLength, 4, 'Expected page length');
    deepEqual(paging.nbPages, 2, 'Expected number of pages');
    paging.changeResultsPerPage('6');
    deepEqual(paging.pageLength, 6, 'Expected page length');
    deepEqual(paging.nbPages, 2, 'Expected number of pages');
});

// 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
    deepEqual(paging.pageLengthSlc.value, '4', 'Select page length option');
    deepEqual(paging.getPage(), 1, 'Expected page number');
});

module('Reset feature');
test('can destroy and init TableFilter', function() {
    tf.destroy();
    tf.init();
    notEqual(paging, null, 'Paging instanciated');
    deepEqual(paging.pageLength, 2, 'Paging length');
    deepEqual(paging.nbPages, 4, 'Number of pages');
});

module('Tear-down');
test('can destroy TableFilter DOM elements', function() {
    tf.destroy();
    deepEqual(tf.isInitialized(), false, 'Filters removed');
});