tablefilter/test/test-linked-filters.js

(function(win, TableFilter){

    var id = function (id){ return document.getElementById(id); };

    var tf = new TableFilter('demo', {
        base_path: '../dist/tablefilter/',
        linked_filters: true,
        col_0: 'checklist',
        col_1: 'checklist',
        on_after_reset: testClearFilters
    });

    var ct = 0;
    tf.emitter.on(['after-filtering'], function() {
        ct++;
    });

    tf.init();

    tf.setFilterValue(0, 'Sydney');
    tf.getFilterElement(0).focus();

    tf.filter();

    module('Sanity checks');
    test('Linked filters feature', function() {
        deepEqual(tf instanceof TableFilter, true, 'TableFilter instantiated');
        deepEqual(tf.linkedFilters, true, 'Linked filters enabled');

        tf.activateFilter(0);
        tf.clearFilters();

        deepEqual(ct, 2,
            'after-filtering event emitted after filtering');
        tf.onAfterFilter = null;
        tf.destroy();
        tf = null;
        setWithChecklistFilters();
    });

    // function testLinked(tf) {
    //     test('Check filters are linked', function() {
    //         // var filter0 = tf.getFilterElement(0);
    //         deepEqual(tf.activeFilterId, 'flt1_demo_1', 'Active filter');
    //         // deepEqual(filter0.options.length, 2,
    //         //     'Linked filter expected options number'
    //         // );
    //     });
    //     tf._clearFilters();
    //     tf.onAfterFilter = null;
    //     tf.destroy();
    //     tf = null;
    //     setExcludedOptions();
    // }

    function setExcludedOptions(){
        tf = new TableFilter('demo', {
            base_path: '../dist/tablefilter/',
            linked_filters: true,
            disable_excluded_options: true,
            col_0: 'multiple',
            col_1: 'checklist',
            on_after_filter: testExcludedOptions,
            on_after_reset: testClearFilters
        });
        tf.init();
        tf.setFilterValue(0, 'Sydney');
        tf.getFilterElement(0).focus();
        tf.filter();
    }

    function testExcludedOptions(tf){
        var flt0 = tf.getFilterElement(0);

        test('Check filters are linked', function() {
            deepEqual(tf.activeFilterId, 'flt0_demo', 'Active filter');
            deepEqual(
                flt0.options[1].disabled,
                true,
                'Expected disabled option in master filter'
            );
            deepEqual(
                id('flt1_'+tf.id+'_2').disabled,
                true,
                'Expected disabled option in slave filter'
            );
        });

        tf.onAfterFilter = null;
        setTimeout(tf.clearFilters, 0);
    }

    // Tests for https://github.com/koalyptus/TableFilter/pull/42 issue
    function testClearFilters() {
        test('Check clear filters functionality', function() {
            deepEqual(tf.getFilterableRowsNb(), 7,
                'Nb of valid rows after filters are cleared');
        });

        tf.destroy();
    }

    function setWithChecklistFilters() {
        tf = new TableFilter('demo', {
            base_path: '../dist/tablefilter/',
            linked_filters: true,
            col_0: 'checklist',
            col_1: 'checklist'
        });
        tf.init();

        var flt0 = tf.getFilterElement(0);
        var flt1 = tf.getFilterElement(1);

        var evObj = document.createEvent('HTMLEvents');
        evObj.initEvent('click', true, true);

        tf.setFilterValue(0, 'Sydney');
        tf.setFilterValue(1, 'Adelaide');
        flt0.querySelectorAll('input')[1].dispatchEvent(evObj);
        flt1.querySelectorAll('input')[1].dispatchEvent(evObj);

        setTimeout(testWithChecklistFilters.call(null, tf), 50);
    }

    // Tests for issue 113
    function testWithChecklistFilters(tf){
        var flt0 = id(tf.fltIds[0]);
        var flt1 = id(tf.fltIds[1]);

        deepEqual(flt0.getElementsByTagName('li').length, 2, 'Nb of options');
        deepEqual(flt1.getElementsByTagName('li').length, 2, 'Nb of options');
        tf.destroy();
        tf = null;
        setExcludedOptions();
    }

})(window, TableFilter);