button/tests/button-test.js

	button-test.js revision 8d2276a4a406c3a9565c3950d2bec8831f3bb6d9
YUI.add('button-test', function (Y) {

var Assert      = Y.Assert,
    ArrayAssert = Y.ArrayAssert,
    suite;

// -- Suite --------------------------------------------------------------------
suite = new Y.Test.Suite('Buttons');


// -- Widget ----------------------------------------------------------------
suite.add(new Y.Test.Case({
    name: 'button widget',

    setUp : function () {
        Y.one("#container").setContent('<button id="testButton">Hello</button><button id="testToggleButton">Hello</button><button id="testCheckButton">Hello</button>');
        this.button = new Y.Button({
            srcNode: '#testButton'
        }).render();
        this.toggleButton = new Y.ToggleButton({
            srcNode: '#testToggleButton'
        }).render();
        this.checkButton = new Y.ToggleButton({
            srcNode: '#testCheckButton',
            type: 'checkbox'
        }).render();
    },

    tearDown: function () {
        delete this.button;
        delete this.toggleButton;
        delete this.checkButton;
    },

    'Changing the label atrribute should trigger labelChange': function () {
        var button = this.button;
        var eventsTriggered = 0;

        button.on('labelChange', function(){
            eventsTriggered+=1;
        });

        Assert.areEqual(0, eventsTriggered);

        button.set('label', 'foobar');
        Assert.areEqual(1, eventsTriggered);
    },

    'ToggleButton should have `toggle` role': function () {
        var button = this.button;
        var toggleButton = this.toggleButton;

        var role = toggleButton.get('contentBox').get('role');
        Assert.areEqual('toggle', role);
    },

    'Selecting a toggleButton should add class `yui3-button-selected`': function () {
        var button = this.button;
        var toggleButton = this.toggleButton;
        var cb = toggleButton.get('contentBox');

        Assert.isFalse(cb.hasClass('yui3-button-selected'));

        cb.simulate('click');
        Assert.isTrue(cb.hasClass('yui3-button-selected'));

        // Simulate the button click
        cb.simulate('click');
        Assert.isFalse(cb.hasClass('yui3-button-selected'));

        cb.simulate('click');
        Assert.isTrue(cb.hasClass('yui3-button-selected'));

        cb.simulate('click');
        Assert.isFalse(cb.hasClass('yui3-button-selected'));
    },

    'Select toggling a button should fire selectedChange': function () {
        var toggleButton = this.toggleButton;
        var cb = toggleButton.get('contentBox');
        var eventsTriggered = 0;

        toggleButton.on('selectedChange', function(){
            eventsTriggered+=1;
        });

        Assert.areEqual(0, eventsTriggered);

        cb.simulate('click');
        Assert.areEqual(1, eventsTriggered);

        cb.simulate('click');
        Assert.areEqual(2, eventsTriggered);
    },

    'disable() should set the disabled attribute to true': function () {
        var button = this.button;

        Assert.isFalse(button.get('disabled'));

        button.disable();
        Assert.isTrue(button.get('disabled'));
    },

    'enable() should set the disabled attribute to false': function () {
        var button = this.button;

        Assert.isFalse(button.get('disabled'));

        button.disable();
        Assert.isTrue(button.get('disabled'));

        button.enable();
        Assert.isFalse(button.get('disabled'));
    },

    'Setting `pressed` should toggle the `pressed` attribute': function () {
        var button = this.toggleButton;

        Assert.isFalse(button.get('pressed'));

        button.set('pressed', true);
        Assert.isTrue(button.get('pressed'));

        button.set('pressed', false);
        Assert.isFalse(button.get('pressed'));
    },

    'Setting `checked` should toggle the `checked` attribute': function () {
        var button = this.checkButton;

        Assert.isFalse(button.get('checked'));

        button.set('checked', true);
        Assert.isTrue(button.get('checked'));

        button.set('checked', false);
        Assert.isFalse(button.get('checked'));
    },

    'Toggle buttons should have proper ARIA data': function () {
        var button = this.toggleButton;
        var cb = button.get('contentBox');

        Assert.areSame('toggle', cb.get('role'));
        Assert.areSame('false', cb.get('aria-pressed'));

        cb.simulate('click');

        Assert.areSame('true', cb.get('aria-pressed'));
    },

    'Toggle buttons should have proper ARIA data': function () {
        var button = this.checkButton;
        var cb = button.get('contentBox');

        Assert.areSame('checkbox', cb.get('role'));
        Assert.areSame('false', cb.get('aria-checked'));

        cb.simulate('click');

        Assert.areSame('true', cb.get('aria-checked'));
    }
}));

Y.Test.Runner.add(suite);

}, '@VERSION@', {
    requires: ['button', 'test', 'node-event-simulate']
});