You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
207 lines
6.4 KiB
207 lines
6.4 KiB
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" );
|
|
} );
|
|
|
|
} );
|