deblan-mirror/TableFilter
1
0
Fork 0
mirror of https://github.com/koalyptus/TableFilter.git synced 2024-04-28 12:52:49 +02:00
Code Issues Releases Wiki Activity

Merge pull request #251 from koalyptus/issue-246-callback-fired-twice

Browse source 
Issue 246 callback fired twice
This commit is contained in:
koalyptus 2016-07-02 14:48:30 +10:00 committed by GitHub
parent 4134359406 fa271c5445
commit 49f55fc751
18 changed files with 130 additions and 105 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
dist/starter.html vendored
View file

@ -1,10 +1,10 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>tablefilter v0.2.40 - Starter</title>
<title>tablefilter v0.2.41 - Starter</title>
</head>
<body>
<h1>tablefilter v0.2.40</h1>
<h1>tablefilter v0.2.41</h1>

4
dist/tablefilter/style/colsVisibility.css vendored
View file

@ -1,6 +1,6 @@
/**
* tablefilter v0.2.40 by Max Guglielmi
* build date: 2016-06-25T12:02:45.838Z
* tablefilter v0.2.41 by Max Guglielmi
* build date: 2016-07-02T04:00:51.140Z
* MIT License
*/
span.colVisSpan{text-align:left;}span.colVisSpan a.colVis{display:inline-block;padding:7px 5px 0;font-size:inherit;font-weight:inherit;vertical-align:top}div.colVisCont{position:relative;background:#fff;-webkit-box-shadow:3px 3px 2px #888;-moz-box-shadow:3px 3px 2px #888;box-shadow:3px 3px 2px #888;position:absolute;display:none;border:1px solid #ccc;height:auto;width:250px;background-color:#fff;margin:35px 0 0 -100px;z-index:10000;padding:10px 10px 10px 10px;text-align:left;font-size:12px;}div.colVisCont:after,div.colVisCont:before{bottom:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}div.colVisCont:after{border-color:rgba(255,255,255,0);border-bottom-color:#fff;border-width:10px;margin-left:-10px}div.colVisCont:before{border-color:rgba(255,255,255,0);border-bottom-color:#ccc;border-width:12px;margin-left:-12px}div.colVisCont p{margin:6px auto 6px auto}div.colVisCont a.colVis{display:initial;font-weight:inherit}ul.cols_checklist{padding:0;margin:0;list-style:none;}ul.cols_checklist label{display:block}ul.cols_checklist input{vertical-align:middle;margin:2px 5px 2px 1px}li.cols_checklist_item{padding:4px;margin:0;}li.cols_checklist_item:hover{background-color:#335ea8;color:#fff}.cols_checklist_slc_item{background-color:#335ea8;color:#fff}

4
dist/tablefilter/style/filtersVisibility.css vendored
View file

@ -1,6 +1,6 @@
/**
* tablefilter v0.2.40 by Max Guglielmi
* build date: 2016-06-25T12:02:45.838Z
* tablefilter v0.2.41 by Max Guglielmi
* build date: 2016-07-02T04:00:51.140Z
* MIT License
*/
span.expClpFlt a.btnExpClpFlt{width:35px;height:35px;display:inline-block;}span.expClpFlt a.btnExpClpFlt:hover{background-color:#f4f4f4}span.expClpFlt img{padding:8px 11px 11px 11px}

4
dist/tablefilter/style/tablefilter.css vendored
View file

@ -1,6 +1,6 @@
/**
* tablefilter v0.2.40 by Max Guglielmi
* build date: 2016-06-25T12:02:45.838Z
* tablefilter v0.2.41 by Max Guglielmi
* build date: 2016-07-02T04:00:51.140Z
* MIT License
*/
.activeHeader{background-color:#66afe9 !important;color:#fff !important}

4
dist/tablefilter/style/themes/default/default.css vendored
View file

@ -1,6 +1,6 @@
/**
* tablefilter v0.2.40 by Max Guglielmi
* build date: 2016-06-25T12:02:45.838Z
* tablefilter v0.2.41 by Max Guglielmi
* build date: 2016-07-02T04:00:51.140Z
* MIT License
*/
table.TF{border-left:1px solid #ccc;border-top:none;border-right:none;border-bottom:none;}table.TF th{background:#ebecee url("images/bg_th.jpg") left top repeat-x;border-bottom:1px solid #d0d0d0;border-right:1px solid #d0d0d0;border-left:1px solid #fff;border-top:1px solid #fff;color:#333}table.TF td{border-bottom:1px dotted #999;padding:5px}.fltrow{background-color:#ebecee !important;}.fltrow th,.fltrow td{border-bottom:1px dotted #666 !important;padding:1px 3px 1px 3px !important}.flt,select.flt,select.flt_multi,.flt_s,.single_flt,.div_checklist{border:1px solid #999 !important}input.flt{width:99% !important}.inf{height:$min-height;background:#d7d7d7 url("images/bg_infDiv.jpg") 0 0 repeat-x !important}input.reset{background:transparent url("images/btn_eraser.gif") center center no-repeat !important}.helpBtn:hover{background-color:transparent}.nextPage{background:transparent url("images/btn_next_page.gif") center center no-repeat !important;}.nextPage:hover{background:transparent url("images/btn_over_next_page.gif") center center no-repeat !important}.previousPage{background:transparent url("images/btn_previous_page.gif") center center no-repeat !important;}.previousPage:hover{background:transparent url("images/btn_over_previous_page.gif") center center no-repeat !important}.firstPage{background:transparent url("images/btn_first_page.gif") center center no-repeat !important;}.firstPage:hover{background:transparent url("images/btn_over_first_page.gif") center center no-repeat !important}.lastPage{background:transparent url("images/btn_last_page.gif") center center no-repeat !important;}.lastPage:hover{background:transparent url("images/btn_over_last_page.gif") center center no-repeat !important}div.grd_Cont{background-color:#ebecee !important;border:1px solid #ccc !important;padding:0 !important;}div.grd_Cont .even{background-color:#fff}div.grd_Cont .odd{background-color:#d5d5d5}div.grd_headTblCont{background-color:#ebecee !important;border-bottom:none !important;}div.grd_headTblCont table{border-right:none !important}div.grd_tblCont table th,div.grd_headTblCont table th,div.grd_headTblCont table td{background:#ebecee url("images/bg_th.jpg") left top repeat-x !important;border-bottom:1px solid #d0d0d0 !important;border-right:1px solid #d0d0d0 !important;border-left:1px solid #fff !important;border-top:1px solid #fff !important}div.grd_tblCont table td{border-bottom:1px solid #999 !important}.grd_inf{background:#d7d7d7 url("images/bg_infDiv.jpg") 0 0 repeat-x !important;border-top:1px solid #d0d0d0 !important}.loader{border:1px solid #999}.defaultLoader{width:32px;height:32px;background:transparent url("images/img_loading.gif") 0 0 no-repeat !important}.even{background-color:#fff}.odd{background-color:#d5d5d5}span.expClpFlt a.btnExpClpFlt:hover{background-color:transparent !important}.activeHeader{background:#999 !important}

4
dist/tablefilter/style/themes/mytheme/mytheme.css vendored
View file

@ -1,6 +1,6 @@
/**
* tablefilter v0.2.40 by Max Guglielmi
* build date: 2016-06-25T12:02:45.838Z
* tablefilter v0.2.41 by Max Guglielmi
* build date: 2016-07-02T04:00:51.140Z
* MIT License
*/
table.TF{border-left:1px dotted #81963b;border-top:none;border-right:0;border-bottom:none;}table.TF th{background:#39424b url("images/bg_headers.jpg") left top repeat-x;border-bottom:0;border-right:1px dotted #d0d0d0;border-left:0;border-top:0;color:#fff}table.TF td{border-bottom:1px dotted #81963b;border-right:1px dotted #81963b;padding:5px}.fltrow{background-color:#81963b !important;}.fltrow th,.fltrow td{border-bottom:1px dotted #39424b !important;border-right:1px dotted #fff !important;border-left:0 !important;border-top:0 !important;padding:1px 3px 1px 3px !important}.flt,select.flt,select.flt_multi,.flt_s,.single_flt,.div_checklist{border:1px solid #687830 !important}input.flt{width:99% !important}.inf{background:#d8d8d8;height:$min-height}input.reset{width:53px;background:transparent url("images/btn_filter.png") center center no-repeat !important}.helpBtn:hover{background-color:transparent}.nextPage{background:transparent url("images/btn_next_page.gif") center center no-repeat !important}.previousPage{background:transparent url("images/btn_previous_page.gif") center center no-repeat !important}.firstPage{background:transparent url("images/btn_first_page.gif") center center no-repeat !important}.lastPage{background:transparent url("images/btn_last_page.gif") center center no-repeat !important}div.grd_Cont{background:#81963b url("images/bg_headers.jpg") left top repeat-x !important;border:1px solid #ccc !important;padding:0 1px 1px 1px !important;}div.grd_Cont .even{background-color:#bccd83}div.grd_Cont .odd{background-color:#fff}div.grd_headTblCont{background-color:#ebecee !important;border-bottom:none !important}div.grd_tblCont table{border-right:none !important;}div.grd_tblCont table td{border-bottom:1px dotted #81963b;border-right:1px dotted #81963b}div.grd_tblCont table th,div.grd_headTblCont table th{background:transparent url("images/bg_headers.jpg") 0 0 repeat-x !important;border-bottom:0 !important;border-right:1px dotted #d0d0d0 !important;border-left:0 !important;border-top:0 !important;padding:0 4px 0 4px !important;color:#fff !important;height:35px !important}div.grd_headTblCont table td{border-bottom:1px dotted #39424b !important;border-right:1px dotted #fff !important;border-left:0 !important;border-top:0 !important;background-color:#81963b !important;padding:1px 3px 1px 3px !important}.grd_inf{background-color:#d8d8d8;border-top:1px solid #d0d0d0 !important}.loader{border:0 !important;background:#81963b !important}.defaultLoader{width:32px;height:32px;background:transparent url("images/img_loading.gif") 0 0 no-repeat !important}.even{background-color:#bccd83}.odd{background-color:#fff}span.expClpFlt a.btnExpClpFlt:hover{background-color:transparent !important}.activeHeader{background:#81963b !important}

4
dist/tablefilter/style/themes/skyblue/skyblue.css vendored
View file

@ -1,6 +1,6 @@
/**
* tablefilter v0.2.40 by Max Guglielmi
* build date: 2016-06-25T12:02:45.838Z
* tablefilter v0.2.41 by Max Guglielmi
* build date: 2016-07-02T04:00:51.140Z
* MIT License
*/
table.TF{padding:0;color:#000;border-right:1px solid #a4bed4;border-top:1px solid #a4bed4;border-left:1px solid #a4bed4;border-bottom:0;}table.TF th{margin:0;color:inherit;background:#d1e5fe url("images/bg_skyblue.gif") 0 0 repeat-x;border-color:#fdfdfd #a4bed4 #a4bed4 #fdfdfd;border-width:1px;border-style:solid}table.TF td{margin:0;padding:5px;color:inherit;border-bottom:1px solid #a4bed4;border-left:0;border-top:0;border-right:0}.fltrow{background-color:#d1e5fe !important;}.fltrow th,.fltrow td{padding:1px 3px 1px 3px !important}.flt,select.flt,select.flt_multi,.flt_s,.single_flt,.div_checklist{border:1px solid #a4bed4 !important}input.flt{width:99% !important}.inf{background-color:#e3efff !important;border:1px solid #a4bed4;height:$min-height;color:#004a6f}div.tot,div.status{border-right:0 !important}.helpBtn:hover{background-color:transparent}input.reset{background:transparent url("images/icn_clear_filters.png") center center no-repeat !important}.nextPage{background:transparent url("images/btn_next_page.gif") center center no-repeat !important;border:1px solid transparent !important;}.nextPage:hover{background:#ffe4ab url("images/btn_next_page.gif") center center no-repeat !important;border:1px solid #ffb552 !important}.previousPage{background:transparent url("images/btn_prev_page.gif") center center no-repeat !important;border:1px solid transparent !important;}.previousPage:hover{background:#ffe4ab url("images/btn_prev_page.gif") center center no-repeat !important;border:1px solid #ffb552 !important}.firstPage{background:transparent url("images/btn_first_page.gif") center center no-repeat !important;border:1px solid transparent !important;}.firstPage:hover{background:#ffe4ab url("images/btn_first_page.gif") center center no-repeat !important;border:1px solid #ffb552 !important}.lastPage{background:transparent url("images/btn_last_page.gif") center center no-repeat !important;border:1px solid transparent !important;}.lastPage:hover{background:#ffe4ab url("images/btn_last_page.gif") center center no-repeat !important;border:1px solid #ffb552 !important}.activeHeader{background:#ffe4ab !important;border:1px solid #ffb552 !important;color:inherit !important}div.grd_Cont{background-color:#d9eaed !important;border:1px solid #9cc !important;padding:0 !important;}div.grd_Cont .even{background-color:#fff}div.grd_Cont .odd{background-color:#e3efff}div.grd_headTblCont{background-color:#d9eaed !important;border-bottom:none !important}div.grd_tblCont table{border-right:none !important}div.grd_tblCont table th,div.grd_headTblCont table th,div.grd_headTblCont table td{background:#d9eaed url("images/bg_skyblue.gif") left top repeat-x;border-bottom:1px solid #a4bed4;border-right:1px solid #a4bed4 !important;border-left:1px solid #fff !important;border-top:1px solid #fff !important}div.grd_tblCont table td{border-bottom:1px solid #a4bed4 !important;border-right:0 !important;border-left:0 !important;border-top:0 !important}.grd_inf{background-color:#cce2fe;color:#004a6f;border-top:1px solid #9cc !important;}.grd_inf a{text-decoration:none;font-weight:bold}.loader{background-color:#2d8eef;border:1px solid #cce2fe;border-radius:5px}.even{background-color:#fff}.odd{background-color:#e3efff}span.expClpFlt a.btnExpClpFlt:hover{background-color:transparent !important}.ezActiveRow{background-color:#ffdc61 !important;color:inherit}.ezSelectedRow{background-color:#ffe4ab !important;color:inherit}.ezActiveCell{background-color:#fff !important;color:#000 !important;font-weight:bold}.ezETSelectedCell{background-color:#fff !important;font-weight:bold;color:#000 !important}

10
dist/tablefilter/tablefilter.js vendored
View file

File diff suppressed because one or more lines are too long

4
dist/tablefilter/tf-1.js vendored
View file

@ -1,6 +1,6 @@
/**
* tablefilter v0.2.40 by Max Guglielmi
* build date: 2016-06-25T12:02:45.822Z
* tablefilter v0.2.41 by Max Guglielmi
* build date: 2016-07-02T04:00:51.125Z
* MIT License
*/

4
package.json
View file

@ -1,6 +1,6 @@
{
"name": "tablefilter",
"version": "0.2.40",
"version": "0.2.41",
"description": "A Javascript library making HTML tables filterable and a bit more",
"license": "MIT",
"author": {
@ -28,7 +28,7 @@
"tag": "next"
},
"devDependencies": {
"babel-core": "^6.9.1",
"babel-core": "^6.10.4",
"babel-eslint": "6.1.0",
"babel-loader": "^6.0.1",
"babel-preset-es2015": "^6.9.0",

21
src/modules/checkList.js
View file

@ -116,23 +116,17 @@ export class CheckList extends Feature {
this.excludedOpts = [];
}
/**
* Checklist change event handler
* @param {Event} evt
*/
onChange(evt) {
let elm = targetEvt(evt);
let tf = this.tf;
this.emitter.emit('filter-focus', tf, elm);
tf.filter();
}
/**
* Checklist option click event handler
* @param {Event} evt
*/
optionClick(evt) {
this.setCheckListValues(evt.target);
let elm = targetEvt(evt);
let tf = this.tf;
this.emitter.emit('filter-focus', tf, elm);
this.setCheckListValues(elm);
tf.filter();
}
/**
@ -185,7 +179,7 @@ export class CheckList extends Feature {
this.emitter.on(
['build-checklist-filter'],
(tf, colIndex, isExternal) => this.build(colIndex, isExternal)
(tf, colIndex) => this.build(colIndex)
);
this.emitter.on(
@ -213,7 +207,6 @@ export class CheckList extends Feature {
let ul = createElm('ul', ['id', tf.fltIds[colIndex]],
['colIndex', colIndex]);
ul.className = this.filterCssClass;
addEvt(ul, 'change', (evt) => this.onChange(evt));
let rows = tf.tbl.rows;
let nbRows = tf.getRowsNb(true);

87
src/modules/clearButton.js
View file

@ -2,35 +2,66 @@ import {Feature} from '../feature';
import {createElm, createText, elm, removeElm} from '../dom';
import {addEvt} from '../event';
/**
* Clear button UI component
*/
export class ClearButton extends Feature {
/**
* Clear button component
* @param {Object} tf TableFilter instance
* Creates an instance of ClearButton
* @param {TableFilter} tf TableFilter instance
*/
constructor(tf) {
super(tf, 'btnReset');
// Configuration object
let f = this.config;
//id of container element
this.btnResetTgtId = f.btn_reset_target_id || null;
//reset button element
this.btnResetEl = null;
//defines reset text
this.btnResetText = f.btn_reset_text || 'Reset';
//defines reset button tooltip
this.btnResetTooltip = f.btn_reset_tooltip || 'Clear filters';
//defines reset button innerHtml
this.btnResetHtml = f.btn_reset_html ||
/**
* Container element ID
* @type {String}
*/
this.targetId = f.btn_reset_target_id || null;
/**
* Clear button element
* @type {DOMElement}
* @private
*/
this.element = null;
/**
* Text for the clear button
* @type {String}
*/
this.text = f.btn_reset_text || 'Reset';
/**
* Tooltip text for the clear button
* @type {String}
*/
this.tooltip = f.btn_reset_tooltip || 'Clear filters';
/**
* Custom Html string for the clear button
* @type {String}
*/
this.html = f.btn_reset_html ||
(!tf.enableIcons ? null :
'<input type="button" value="" class="' + tf.btnResetCssClass +
'" ' + 'title="' + this.btnResetTooltip + '" />');
//span containing reset button
this.prfxResetSpan = 'resetspan_';
'" ' + 'title="' + this.tooltip + '" />');
/**
* Prefix fot ID of container element
* @type {String}
* @private
*/
this.prfxCont = 'resetspan_';
}
/**
* Click event handler for clear button
* @private
*/
onClick() {
if (!this.isEnabled()) {
return;
@ -39,7 +70,7 @@ export class ClearButton extends Feature {
}
/**
* Build DOM elements
* Initialize clear button component
*/
init() {
let tf = this.tf;
@ -48,33 +79,33 @@ export class ClearButton extends Feature {
return;
}
let resetspan = createElm('span', ['id', this.prfxResetSpan + tf.id]);
let resetspan = createElm('span', ['id', this.prfxCont + tf.id]);
// reset button is added to defined element
if (!this.btnResetTgtId) {
if (!this.targetId) {
tf.setToolbar();
}
let targetEl = !this.btnResetTgtId ? tf.rDiv : elm(this.btnResetTgtId);
let targetEl = !this.targetId ? tf.rDiv : elm(this.targetId);
targetEl.appendChild(resetspan);
if (!this.btnResetHtml) {
let fltreset = createElm('a', ['href', 'javascript:voelm(0);']);
if (!this.html) {
let fltreset = createElm('a', ['href', 'javascript:void(0);']);
fltreset.className = tf.btnResetCssClass;
fltreset.appendChild(createText(this.btnResetText));
fltreset.appendChild(createText(this.text));
resetspan.appendChild(fltreset);
addEvt(fltreset, 'click', () => this.onClick());
} else {
resetspan.innerHTML = this.btnResetHtml;
resetspan.innerHTML = this.html;
let resetEl = resetspan.firstChild;
addEvt(resetEl, 'click', () => this.onClick());
}
this.btnResetEl = resetspan.firstChild;
this.element = resetspan.firstChild;
this.initialized = true;
}
/**
* Remove clear button UI
* Destroy ClearButton instance
*/
destroy() {
let tf = this.tf;
@ -83,11 +114,11 @@ export class ClearButton extends Feature {
return;
}
let resetspan = elm(this.prfxResetSpan + tf.id);
let resetspan = elm(this.prfxCont + tf.id);
if (resetspan) {
removeElm(resetspan);
}
this.btnResetEl = null;
this.element = null;
this.initialized = false;
}
}

4
src/tablefilter.js
View file

@ -1370,8 +1370,8 @@ export class TableFilter {
// already filtered rows display re-init
row[k].style.display = '';
let cells = row[k].cells,
nchilds = cells.length;
let cells = row[k].cells;
let nchilds = cells.length;
// checks if row has exact cell #
if (nchilds !== this.nbCells) {

8
test/test-checklist.js
View file

@ -25,13 +25,13 @@ test('CheckList UI elements', function() {
});
module('Behaviour');
test('Can filter on checkList change', function() {
var flt1 = id(tf.fltIds[3]);
test('Can filter on checkList item click', function() {
var flt3 = tf.getFilterElement(3);
var evObj = document.createEvent('HTMLEvents');
evObj.initEvent('change', true, true);
evObj.initEvent('click', true, true);
tf.setFilterValue(3, '1.1');
flt1.dispatchEvent(evObj);
flt3.querySelectorAll('input')[1].dispatchEvent(evObj);
deepEqual(tf.getValidRows().length, 1, 'Table filtered');
deepEqual(tf.getFilteredData()[0][1][3], '1.1', 'Matched value');

16
test/test-clear-button.js
View file

@ -9,7 +9,7 @@ var clearButton = tf.feature('clearButton');
module('Sanity checks');
test('Clear button component', function() {
deepEqual(typeof clearButton, 'object', 'ClearButton instanciated');
notEqual(clearButton.btnResetEl, null, 'btnResetEl property');
notEqual(clearButton.element, null, 'element property');
});
module('Feature interface');
@ -59,11 +59,11 @@ test('Can check is enabled', function() {
module('UI elements');
test('ClearButton UI elements', function() {
var container = clearButton.btnResetEl;
var container = clearButton.element;
deepEqual(container.nodeName, 'INPUT', 'Clear button container');
deepEqual(
container.parentNode.id,
clearButton.prfxResetSpan+tf.id,
clearButton.prfxCont+tf.id,
'Container id'
);
});
@ -71,18 +71,18 @@ test('ClearButton UI elements', function() {
module('Destroy and re-init');
test('Remove UI', function() {
clearButton.destroy();
var btnResetEl = tf.feature('clearButton').btnResetEl;
var btnResetEl = tf.feature('clearButton').element;
deepEqual(btnResetEl, null, 'Clear button is removed');
});
test('Re-set UI', function() {
clearButton.destroy();
tf.enableIcons = false;
clearButton = tf.feature('clearButton');
clearButton.btnResetHtml = null;
clearButton.btnResetText = 'Clear';
clearButton.html = null;
clearButton.text = 'Clear';
clearButton.init();
var btnResetEl = clearButton.btnResetEl;
var btnResetEl = clearButton.element;
deepEqual(btnResetEl.nodeName, 'A', 'Clear button tag changed');
deepEqual(btnResetEl.innerText, 'Clear', 'Clear button text');
});

25
test/test-linked-filters-disabled-options-grid-layout.js
View file

@ -1,7 +1,5 @@
(function (win, TableFilter) {
var id = function (id) { return document.getElementById(id); };
var tf = new TableFilter('demo', {
base_path: '../dist/tablefilter/',
grid_layout: true,
@ -12,7 +10,6 @@
});
tf.init();
tf.emitter.on(['after-populating-filter'], checkFilters);
triggerEvents();
module('Sanity checks');
@ -22,16 +19,20 @@
});
function triggerEvents() {
var flt0 = id(tf.fltIds[0]);
var flt1 = id(tf.fltIds[1]);
tf.emitter.on(['after-populating-filter'], checkFilters);
var flt0 = tf.getFilterElement(0);
var flt1 = tf.getFilterElement(1);
var evObj = document.createEvent('HTMLEvents');
evObj.initEvent('change', true, true);
var evObj1 = document.createEvent('HTMLEvents');
evObj1.initEvent('click', false, true);
tf.setFilterValue(0, 'Sydney');
flt0.dispatchEvent(evObj);
tf.setFilterValue(1, 'Adelaide');
flt1.dispatchEvent(evObj);
flt1.querySelectorAll('input')[1].dispatchEvent(evObj1);
}
function checkFilters(tf, colIndex, flt) {
@ -46,29 +47,27 @@
testClearFilters();
}
});
}
// Tests for https://github.com/koalyptus/TableFilter/pull/42 issue
function testClearFilters() {
tf.emitter.off(['after-populating-filter'], checkFilters);
test('Check clear filters functionality', function () {
tf.clearFilters();
deepEqual(tf.getFilterableRowsNb(), 7,
deepEqual(tf.getValidRows().length, 7,
'Nb of valid rows after filters are cleared');
});
testDestroy();
tearDown();
});
}
function testDestroy() {
function tearDown() {
test('Tear down', function () {
tf.destroy();
deepEqual(tf.isInitialized(), false, 'Filters removed');
});
tf.emitter.off(['after-populating-filter'], checkFilters);
}
})(window, TableFilter);

15
test/test-linked-filters-grid-layout.js
View file

@ -1,7 +1,5 @@
(function (win, TableFilter) {
var id = function (id) { return document.getElementById(id); };
var tf = new TableFilter('demo', {
base_path: '../dist/tablefilter/',
grid_layout: true,
@ -11,7 +9,6 @@
});
tf.init();
tf.emitter.on(['after-populating-filter'], checkFilters);
triggerEvents();
module('Sanity checks');
@ -21,16 +18,20 @@
});
function triggerEvents() {
var flt0 = id(tf.fltIds[0]);
var flt1 = id(tf.fltIds[1]);
tf.emitter.on(['after-populating-filter'], checkFilters);
var flt0 = tf.getFilterElement(0);
var flt1 = tf.getFilterElement(1);
var evObj = document.createEvent('HTMLEvents');
evObj.initEvent('change', true, true);
var evObj1 = document.createEvent('HTMLEvents');
evObj1.initEvent('click', false, true);
tf.setFilterValue(0, 'Sydney');
flt0.dispatchEvent(evObj);
tf.setFilterValue(1, 'Adelaide');
flt1.dispatchEvent(evObj);
flt1.querySelectorAll('input')[1].dispatchEvent(evObj1);
}
function checkFilters(tf, colIndex, flt) {
@ -53,7 +54,7 @@
tf.clearFilters();
deepEqual(tf.getFilterableRowsNb(), 7,
'Nb of valid rows after filters are cleared');
'Nb of filterable rows after filters are cleared');
});
testDestroy();

13
test/test-linked-filters.js
View file

@ -97,15 +97,17 @@
});
tf.init();
var flt0 = id(tf.fltIds[0]);
var flt1 = id(tf.fltIds[1]);
var flt0 = tf.getFilterElement(0);
var flt1 = tf.getFilterElement(1);
var evObj = document.createEvent('HTMLEvents');
evObj.initEvent('change', true, true);
evObj.initEvent('click', true, true);
tf.setFilterValue(0, 'Sydney');
flt0.dispatchEvent(evObj);
flt0.querySelectorAll('input')[1].dispatchEvent(evObj);
tf.setFilterValue(1, 'Adelaide');
flt1.dispatchEvent(evObj);
flt1.querySelectorAll('input')[0].dispatchEvent(evObj);
setTimeout(testWithChecklistFilters.call(null, tf), 50);
}
@ -116,7 +118,6 @@
deepEqual(flt0.getElementsByTagName('li').length, 2, 'Nb of options');
deepEqual(flt1.getElementsByTagName('li').length, 2, 'Nb of options');
tf.clearFilters();
tf.destroy();
tf = null;
setExcludedOptions();