corrade-http-templates – Rev 62

?pathlinks?

Blame – Last modification – View Log – Download

define( [
        "qunit",
        "jquery",
        "ui/widgets/checkboxradio"
], function( QUnit, $ ) {

QUnit.module( "Checkboxradio: options" );

function assertDisabled( checkbox, assert ) {
        assert.hasClasses( checkbox.checkboxradio( "widget" ), "ui-state-disabled",
                "label gets ui-state-disabled" );
        assert.strictEqual( checkbox.is( ":disabled" ), true, "checkbox is disabled" );
}

function assertEnabled( checkbox, assert ) {
        assert.lacksClasses(  checkbox.checkboxradio( "widget" ), "ui-state-disabled",
                "label has ui-state-disabled removed when disabled set to false" );
        assert.strictEqual( checkbox.is( ":disabled" ), false,
                "checkbox has disabled prop removed when disabled set to false" );
}

QUnit.test( "disabled", function( assert ) {
        assert.expect( 6 );

        var checkbox = $( "#checkbox-option-disabled" );
        checkbox.checkboxradio( {
                disabled: true
        } );

        assertDisabled( checkbox, assert );

        checkbox.checkboxradio( "option", "disabled", false );
        assertEnabled( checkbox, assert  );

        checkbox.checkboxradio( "option", "disabled", true );
        assertDisabled( checkbox, assert );
} );

QUnit.test( "disabled - prop true on init", function( assert ) {
        assert.expect( 2 );
        var checkbox = $( "#checkbox-option-disabled" );

        checkbox.prop( "disabled", true );
        checkbox.checkboxradio();

        assertDisabled( checkbox, assert );
} );

QUnit.test( "disabled - explicit null value, checks the DOM", function( assert ) {
        assert.expect( 2 );
        var checkbox = $( "#checkbox-option-disabled" );

        checkbox.prop( "disabled", true );
        checkbox.checkboxradio( {
                disabled: null
        } );
        assertDisabled( checkbox, assert );
} );

function assertNoIcon( assert, checkbox ) {
        assert.strictEqual( checkbox.checkboxradio( "widget" ).find( "span.ui-icon" ).length, 0,
                "Label does not contain an icon" );
}

function assertIcon( checkbox, icon, assert ) {
        var iconElement = checkbox.checkboxradio( "widget" ).find( ".ui-icon" );

        icon = icon || "blank";
        assert.strictEqual( iconElement.length, 1,
                "Label contains icon" );
        assert.hasClasses( iconElement, "ui-checkboxradio-icon ui-corner-all ui-icon " +
                "ui-icon-background ui-icon-" + icon,
                "Icon has proper classes" );
        if ( icon === "blank" ) {
                assert.lacksClasses( iconElement, "ui-icon-check ui-state-checked" );
        }
}

QUnit.test( "icon - false on init", function( assert ) {
        var checkbox = $( "#checkbox-option-icon" );

        assert.expect( 1 );

        checkbox.checkboxradio( { icon: false } );
        assertNoIcon( assert, checkbox );
} );

QUnit.test( "icon - default unchecked", function( assert ) {
        var checkbox = $( "#checkbox-option-icon" );

        assert.expect( 3 );

        checkbox.checkboxradio();
        assertIcon( checkbox, false, assert );
} );

QUnit.test( "icon - default checked", function( assert ) {
        var checkbox = $( "#checkbox-option-icon" ).attr( "checked", true );

        assert.expect( 2 );

        checkbox.checkboxradio();
        assertIcon( checkbox, "check ui-state-checked", assert );
} );

QUnit.test( "icon", function( assert ) {
        var checkbox = $( "#checkbox-option-icon" );

        assert.expect( 9 );

        checkbox.prop( "checked", true );

        checkbox.checkboxradio();
        assertIcon( checkbox, "check ui-state-checked", assert );

        checkbox.checkboxradio( "option", "icon", false );
        assertNoIcon( assert, checkbox );

        checkbox.checkboxradio( "option", "icon", true );
        assertIcon( checkbox, "check ui-state-checked", assert );

        checkbox.checkboxradio( "option", "icon", false );
        assertNoIcon( assert, checkbox );

        checkbox.checkboxradio( "option", "icon", true );
        checkbox.prop( "checked", false ).checkboxradio( "refresh" );
        assertIcon( checkbox, false, assert );
} );

QUnit.test( "label - default", function( assert ) {
        var checkbox = $( "#checkbox-option-label" ),
                widget;

        assert.expect( 2 );

        checkbox.checkboxradio();
        widget = checkbox.checkboxradio( "widget" );
        assert.strictEqual( checkbox.checkboxradio( "option", "label" ),
                "checkbox label", "When no value passed on create text from dom is used for option" );
        assert.strictEqual( $.trim( widget.text() ),
                "checkbox label", "When no value passed on create text from dom is used in dom" );
} );

QUnit.test( "label - explicit value", function( assert ) {
        assert.expect( 5 );
        var checkbox = $( "#checkbox-option-label" ).checkboxradio( {
                        label: "foo"
                } ),
                widget = checkbox.checkboxradio( "widget" ),
                icon = widget.find( ".ui-icon" ),
                iconSpace = widget.find( ".ui-checkboxradio-icon-space" );

        assert.strictEqual( checkbox.checkboxradio( "option", "label" ),
                "foo", "When value is passed on create value is used for option" );
        assert.strictEqual( $.trim( widget.text() ),
                "foo", "When value is passed on create value is used in dom" );
        assert.strictEqual( icon.length, 1,
                "Icon is preserved when label is set on init when wrapped in label" );
        assert.strictEqual( iconSpace.length, 1,
                "Icon space is preserved when label is set on init when wrapped in label" );
        assert.strictEqual( $( "#checkbox-option-label" ).length, 1,
                "Element is preserved when label is set on init when wrapped in label" );
} );

QUnit.test( "label - explicit null value", function( assert ) {
        var checkbox = $( "#checkbox-option-label" ),
                widget;

        assert.expect( 2 );

        // The default null is a special value which means to check the DOM.
        // We need to make sure that the option never return null.
        // It should always be true or false after initialization.
        checkbox.checkboxradio( {
                label: null
        } );
        widget = checkbox.checkboxradio( "widget" );
        assert.strictEqual( checkbox.checkboxradio( "option", "label" ),
                "checkbox label", "When null is passed on create text from dom is used for option" );
        assert.strictEqual( $.trim( widget.text() ),
                "checkbox label", "When null is passed on create text from dom is used in dom" );

} );

QUnit.test( "label", function( assert ) {
        assert.expect( 4 );

        var checkbox = $( "#checkbox-option-label" ),
                widget;

        checkbox.checkboxradio();
        widget = checkbox.checkboxradio( "widget" );
        checkbox.checkboxradio( "option", "label", "bar" );
        assert.strictEqual( checkbox.checkboxradio( "option", "label" ),
                "bar", "When value is passed value is used for option" );
        assert.strictEqual( $.trim( widget.text() ),
                "bar", "When value is passed value is used in dom" );

        checkbox.checkboxradio( "option", "label", null );
        assert.strictEqual( checkbox.checkboxradio( "option", "label" ),
                "bar", "When null is passed text from dom is used for option" );
        assert.strictEqual( $.trim( widget.text() ),
                "bar", "When null is passed text from dom is used in dom" );
} );

} );