define( [ "qunit", "jquery", "lib/helper", "ui/widgets/checkboxradio" ], function( QUnit, $, helper ) { QUnit.module( "Checkboxradio: options", { afterEach: helper.moduleAfterEach } ); 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( String.prototype.trim.call( 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( String.prototype.trim.call( 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( String.prototype.trim.call( 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( String.prototype.trim.call( 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( String.prototype.trim.call( widget.text() ), "bar", "When null is passed text from dom is used in dom" ); } ); } );