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.
98 lines
2.9 KiB
98 lines
2.9 KiB
5 years ago
|
define( [
|
||
|
|
"qunit",
|
||
|
|
"jquery",
|
||
|
|
"ui/widgets/checkboxradio"
|
||
|
|
], function( QUnit, $ ) {
|
||
|
|
|
||
|
|
QUnit.module( "Checkboxradio: methods" );
|
||
|
|
|
||
|
|
$.each( [ "checkbox", "radio" ], function( index, value ) {
|
||
|
|
QUnit.test( value + ": refresh", function( assert ) {
|
||
|
|
var widget, icon,
|
||
|
|
checkbox = value === "checkbox",
|
||
|
|
input = $( "#" + value + "-method-refresh" );
|
||
|
|
|
||
|
|
assert.expect( checkbox ? 11 : 8 );
|
||
|
|
|
||
|
|
input.checkboxradio();
|
||
|
|
|
||
|
|
widget = input.checkboxradio( "widget" );
|
||
|
|
icon = widget.find( ".ui-icon" );
|
||
|
|
assert.strictEqual( icon.length, 1,
|
||
|
|
"There is initally one icon" );
|
||
|
|
|
||
|
|
icon.remove();
|
||
|
|
input.checkboxradio( "refresh" );
|
||
|
|
icon = widget.find( ".ui-icon" );
|
||
|
|
assert.strictEqual( icon.length, 1,
|
||
|
|
"Icon is recreated on refresh if absent" );
|
||
|
|
assert.hasClasses( icon, "ui-icon-blank" );
|
||
|
|
if ( checkbox ) {
|
||
|
|
assert.lacksClasses( icon, "ui-icon-check" );
|
||
|
|
}
|
||
|
|
assert.lacksClasses( widget, "ui-checkboxradio-checked" );
|
||
|
|
|
||
|
|
input.prop( "checked", true );
|
||
|
|
input.checkboxradio( "refresh" );
|
||
|
|
if ( checkbox ) {
|
||
|
|
assert.hasClasses( icon, "ui-icon-check" );
|
||
|
|
}
|
||
|
|
assert[ !checkbox ? "hasClasses" : "lacksClasses" ]( icon, "ui-icon-blank" );
|
||
|
|
assert.hasClasses( widget, "ui-checkboxradio-checked" );
|
||
|
|
|
||
|
|
input.prop( "checked", false );
|
||
|
|
input.checkboxradio( "refresh" );
|
||
|
|
assert.hasClasses( icon, "ui-icon-blank" );
|
||
|
|
if ( checkbox ) {
|
||
|
|
assert.lacksClasses( icon, "ui-icon-check" );
|
||
|
|
}
|
||
|
|
assert.lacksClasses( widget, "ui-checkboxradio-checked" );
|
||
|
|
} );
|
||
|
|
|
||
|
|
QUnit.test( value + ": destroy", function( assert ) {
|
||
|
|
assert.expect( 1 );
|
||
|
|
assert.domEqual( "#" + value + "-method-destroy", function() {
|
||
|
|
$( "#" + value + "-method-destroy" ).checkboxradio().checkboxradio( "destroy" );
|
||
|
|
} );
|
||
|
|
} );
|
||
|
|
|
||
|
|
QUnit.test( value + ": disable / enable", function( assert ) {
|
||
|
|
assert.expect( 4 );
|
||
|
|
var input = $( "#" + value + "-method-disable" ),
|
||
|
|
widget = input.checkboxradio().checkboxradio( "widget" );
|
||
|
|
|
||
|
|
input.checkboxradio( "disable" );
|
||
|
|
assert.hasClasses( widget, "ui-state-disabled" );
|
||
|
|
assert.strictEqual( input.is( ":disabled" ), true,
|
||
|
|
value + " is disabled when disable is called" );
|
||
|
|
|
||
|
|
input.checkboxradio( "enable" );
|
||
|
|
assert.lacksClasses( widget, "ui-state-disabled" );
|
||
|
|
assert.strictEqual( input.is( ":disabled" ), false,
|
||
|
|
value + " has disabled prop removed when enable is called" );
|
||
|
|
} );
|
||
|
|
|
||
|
|
QUnit.test( value + ": widget returns the label", function( assert ) {
|
||
|
|
assert.expect( 1 );
|
||
|
|
|
||
|
|
var input = $( "#" + value + "-method-refresh" ),
|
||
|
|
label = $( "#" + value + "-method-refresh-label" );
|
||
|
|
|
||
|
|
input.checkboxradio();
|
||
|
|
assert.strictEqual( input.checkboxradio( "widget" )[ 0 ], label[ 0 ],
|
||
|
|
"widget method returns label" );
|
||
|
|
} );
|
||
|
|
} );
|
||
|
|
|
||
|
|
QUnit.test( "Input wrapped in a label preserved on refresh", function( assert ) {
|
||
|
|
var input = $( "#label-with-no-for" ).checkboxradio(),
|
||
|
|
element = input.checkboxradio( "widget" );
|
||
|
|
|
||
|
|
assert.expect( 1 );
|
||
|
|
|
||
|
|
input.checkboxradio( "refresh" );
|
||
|
|
assert.strictEqual( input.parent()[ 0 ], element[ 0 ], "Input preserved" );
|
||
|
|
} );
|
||
|
|
|
||
|
|
} );
|