tablefilter/test/test-status-bar.js

var tf = new TableFilter('demo', {
    base_path: '../dist/tablefilter/',
    status_bar: true
});
tf.init();

var statusBar = tf.feature('statusBar');
module('Sanity checks');
test('Status bar component', function() {
    deepEqual(typeof statusBar, 'object', 'StatusBar instantiated');
    notEqual(statusBar.container, null, 'container property');
});
test('Should not initialize if already initialized', function() {
    // setup
    var hit = 0;
    statusBar.initialized = true;
    var initialEmit = statusBar.emitter.emit;
    statusBar.emitter.emit = function() {
        hit++;
    };

    // act
    statusBar.init();

    // assert
    deepEqual(hit, 0, 'emitter.emit not called');

    statusBar.emitter.emit = initialEmit;
});
asyncTest('Can display message', function() {
    // act
    statusBar.message('hello world');

    // assert
    setTimeout(function(){
        start();
        deepEqual(statusBar.msgContainer.innerHTML,
            'hello world', 'Message displayed');
        statusBar.msgContainer.innerHTML = '';
    }, 2);
});
asyncTest('Should not display message if not enabled', function() {
    // setup
    statusBar.enabled = false;

    // act
    statusBar.message('hello world');

    // assert
    setTimeout(function(){
        start();
        deepEqual(statusBar.msgContainer.innerHTML,
            '', 'Message not displayed');
    }, 2);

    statusBar.enabled = true;
});

module('Feature interface');
test('Properties', function() {
    deepEqual(statusBar.tf instanceof TableFilter,
        true, 'TableFilter instance');
    deepEqual(statusBar.feature, 'statusBar', 'Feature name');
    deepEqual(statusBar.enabled, true, 'Feature enabled');
    deepEqual(statusBar.initialized, true, 'Feature enabled');
    deepEqual(typeof statusBar.emitter, 'object',
        'Feature has emitter instance');
    deepEqual(typeof statusBar.config, 'object', 'TF configuration object');
    deepEqual(typeof statusBar.init, 'function', 'Feature init method');
    deepEqual(typeof statusBar.destroy, 'function', 'Feature destroy method');
    deepEqual(typeof statusBar.reset, 'function', 'Feature reset method');
    deepEqual(typeof statusBar.enable, 'function', 'Feature enable method');
    deepEqual(typeof statusBar.disable, 'function', 'Feature enable method');
    deepEqual(typeof statusBar.isEnabled, 'function', 'Feature enable method');
});
test('Can destroy', function() {
    statusBar.destroy();
    deepEqual(statusBar.initialized, false, 'not initialised');
});
test('Can reset', function() {
    statusBar.reset();
    deepEqual(statusBar.enabled, true, 'enabled');
});
test('Can disable', function() {
    statusBar.disable();
    deepEqual(statusBar.enabled, false, 'disabled');
});
test('Can enable', function() {
    statusBar.enable();
    deepEqual(statusBar.enabled, true, 'enabled');
});
test('Can init', function() {
    statusBar.destroy();
    statusBar.enable();
    statusBar.init();
    deepEqual(statusBar.enabled, true, 'enabled');
});
test('Can check is enabled', function() {
    statusBar.isEnabled();
    deepEqual(statusBar.enabled, true, 'enabled');
});

module('UI elements');
test('Status bar  UI elements', function() {
    var container = statusBar.container,
        label = statusBar.msgContainer;
    deepEqual(container.nodeName, 'DIV', 'Status bar container');
    deepEqual(label.nodeName, 'SPAN', 'Status bar label');
});

module('Destroy');
test('Remove UI', function() {
    statusBar.destroy();
    var container = statusBar.container,
        label = statusBar.msgContainer;
    deepEqual(container, null, 'Status bar container removed');
    deepEqual(label, null, 'Status bar button removed');
});

module('Re-set UI');
test('Status text', function() {
    statusBar.text = '→←';
    statusBar.init();

    var label = statusBar.labelContainer;
    notEqual(
        label.innerHTML.indexOf('→←'), -1, 'Status bar text');
});
test('Custom container', function() {
    // setup
    statusBar.destroy();
    statusBar.targetId = 'custom-container';

    // act
    statusBar.init();

    // assert
    deepEqual(statusBar.msgContainer.nodeName,
        'SPAN', 'Custom container element');
});

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