var tf = new TableFilter('demo', { base_path: '../dist/tablefilter/', loader: true }); tf.init(); var loader = tf.feature('loader'); module('Sanity checks'); test('Loader component', function() { notEqual(loader, null, 'Loader instanciated'); equal(loader.cont.nodeName, 'DIV', 'Loader DOM container'); }); test('Does not init if initialised', function() { // setup var show = loader.show; var hit = 0; loader.show = function() { hit++; }; // act loader.init(); // assert deepEqual(hit, 0, 'does not initialise'); loader.show = show; }); module('Feature interface'); test('Properties', function() { deepEqual(loader.tf instanceof TableFilter, true, 'TableFilter instance'); deepEqual(loader.feature, 'loader', 'Feature name'); deepEqual(loader.enabled, true, 'Feature enabled'); deepEqual(loader.initialized, true, 'Feature enabled'); deepEqual(typeof loader.config, 'object', 'TF configuration object'); deepEqual(typeof loader.init, 'function', 'Feature init method'); deepEqual(typeof loader.destroy, 'function', 'Feature destroy method'); deepEqual(typeof loader.reset, 'function', 'Feature reset method'); deepEqual(typeof loader.enable, 'function', 'Feature enable method'); deepEqual(typeof loader.disable, 'function', 'Feature enable method'); deepEqual(typeof loader.isEnabled, 'function', 'Feature enable method'); }); test('Can destroy', function() { loader.destroy(); deepEqual(loader.initialized, false, 'not initialised'); }); test('Can reset', function() { loader.reset(); deepEqual(loader.enabled, true, 'enabled'); }); test('Can disable', function() { loader.disable(); deepEqual(loader.enabled, false, 'disabled'); }); test('Can enable', function() { loader.enable(); deepEqual(loader.enabled, true, 'enabled'); }); test('Can init', function() { loader.destroy(); loader.enable(); loader.init(); deepEqual(loader.enabled, true, 'enabled'); }); test('Can check is enabled', function() { loader.isEnabled(); deepEqual(loader.enabled, true, 'enabled'); }); module('Behaviour'); test('Can show loader', function() { loader.show(''); deepEqual(loader.cont.style.display, '', 'Loader is displayed'); }); test('Does not show loader if feature not enabled', function() { // setup var isEnabled = loader.isEnabled; var hit = 0; loader.isEnabled = function() { hit++; }; // act loader.show(''); // assert deepEqual(hit, 1, 'loader not shown'); loader.isEnabled = isEnabled; }); test('Can generate loader in target element', function() { // setup loader.destroy(); loader.targetId = 'my-loader'; var targetEl = document.getElementById('my-loader'); // act loader.init(); // assert deepEqual(targetEl.innerHTML, '
Loading...
', 'Loader injected in target element'); }); test('Can generate loader with custom html', function() { // setup loader.destroy(); loader.html = '

loading...

'; // act loader.init(); // assert deepEqual(loader.cont.innerHTML, '

loading...

', 'Loader with custom html'); }); test('Can show loader when known event is emitted', function() { // setup var show = loader.show; var hit = 0; loader.show = function() { hit++; }; // act tf.emitter.emit('before-clearing-filters', tf); // assert deepEqual(hit, 1, 'show method is called'); loader.show = show; }); test('Can hide loader when known event is emitted', function() { // setup var show = loader.show; var hit = 0; var arg = null; loader.show = function() { hit++; arg = arguments[0]; }; // act tf.emitter.emit('after-clearing-filters', tf); // assert deepEqual(hit, 1, 'show method is called'); deepEqual(arg, 'none', 'with `none` argument'); loader.show = show; }); module('Tear-down'); test('can destroy TableFilter DOM elements', function() { tf.destroy(); deepEqual(tf.isInitialized(), false, 'Filters removed'); });