mirror of
https://github.com/tuxis-ie/nsedit.git
synced 2025-05-24 00:24:07 +03:00
Merge commit 'd21ea7816e
' as 'jquery-ui'
This commit is contained in:
commit
e904a80717
629 changed files with 341074 additions and 0 deletions
159
jquery-ui/tests/unit/button/button_options.js
vendored
Normal file
159
jquery-ui/tests/unit/button/button_options.js
vendored
Normal file
|
@ -0,0 +1,159 @@
|
|||
/*
|
||||
* button_options.js
|
||||
*/
|
||||
(function($) {
|
||||
|
||||
module( "button: options" );
|
||||
|
||||
test( "disabled, explicit value", function() {
|
||||
expect( 9 );
|
||||
|
||||
var element = $( "#radio01" ).button({ disabled: false });
|
||||
deepEqual( element.button( "option", "disabled" ), false, "disabled option set to false" );
|
||||
deepEqual( element.prop( "disabled" ), false, "element is disabled" );
|
||||
|
||||
ok( !element.button( "widget" ).hasClass( "ui-state-disabled" ), "element gets ui-state-disabled" );
|
||||
ok( !element.button( "widget" ).hasClass( "ui-button-disabled" ), "element gets ui-button-disabled" );
|
||||
|
||||
element = $( "#radio02" ).button({ disabled: true });
|
||||
|
||||
ok( element.button( "widget" ).hasClass( "ui-state-disabled" ), "element gets ui-state-disabled" );
|
||||
ok( !element.button( "widget" ).attr( "aria-disabled" ), "element does not get aria-disabled" );
|
||||
ok( element.button( "widget" ).hasClass( "ui-button-disabled" ), "element gets ui-button-disabled" );
|
||||
|
||||
deepEqual( element.button( "option", "disabled" ), true, "disabled option set to true" );
|
||||
deepEqual( element.prop( "disabled" ), true, "element is not disabled" );
|
||||
});
|
||||
|
||||
test("disabled, null", function() {
|
||||
expect( 4 );
|
||||
$("#radio01").button({ disabled: null });
|
||||
deepEqual(false, $("#radio01").button("option", "disabled"),
|
||||
"disabled option set to false");
|
||||
deepEqual(false, $("#radio01").prop("disabled"), "element is disabled");
|
||||
|
||||
$("#radio02").prop("disabled", true).button({ disabled: null });
|
||||
deepEqual(true, $("#radio02").button("option", "disabled"),
|
||||
"disabled option set to true");
|
||||
deepEqual(true, $("#radio02").prop("disabled"), "element is not disabled");
|
||||
});
|
||||
|
||||
test( "disabled, ui-state-active is removed unless checkbox or radio", function() {
|
||||
expect( 12 );
|
||||
var elements = [
|
||||
$( "<input type='button'>" ),
|
||||
$( "<button></button>" ),
|
||||
$( "<a></a>" ),
|
||||
$( "<div></div>" ),
|
||||
$( "<input type='checkbox' id='checkbox' checked><label for='checkbox'></label>" ),
|
||||
$( "<input type='radio' id='radio' checked><label for='radio'></label>" )
|
||||
];
|
||||
|
||||
$.each( elements, function() {
|
||||
var element = $( this ).first().button(),
|
||||
buttonElement = element.button( "widget" ),
|
||||
elementType = element.prop( "nodeName" ).toLowerCase();
|
||||
|
||||
if ( element.is( "input" ) ) {
|
||||
elementType += ":" + element.attr( "type" );
|
||||
}
|
||||
|
||||
element.trigger( "mousedown" );
|
||||
ok( buttonElement.hasClass( "ui-state-active" ),
|
||||
"[" + elementType + "] has ui-state-active class after mousedown." );
|
||||
|
||||
element.button( "disable" );
|
||||
if ( element.is( "[type=checkbox], [type=radio]" ) ) {
|
||||
ok( buttonElement.hasClass( "ui-state-active" ),
|
||||
"Disabled [" + elementType + "] has ui-state-active class." );
|
||||
} else {
|
||||
ok( !buttonElement.hasClass( "ui-state-active" ),
|
||||
"Disabled [" + elementType + "] does not have ui-state-active class." );
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
test("text false without icon", function() {
|
||||
expect( 1 );
|
||||
$("#button").button({
|
||||
text: false
|
||||
});
|
||||
ok( $("#button").is(".ui-button-text-only:not(.ui-button-icon-only)") );
|
||||
|
||||
$("#button").button("destroy");
|
||||
});
|
||||
|
||||
test("text false with icon", function() {
|
||||
expect( 1 );
|
||||
$("#button").button({
|
||||
text: false,
|
||||
icons: {
|
||||
primary: "iconclass"
|
||||
}
|
||||
});
|
||||
ok( $("#button").is(".ui-button-icon-only:not(.ui-button-text):has(span.ui-icon.iconclass)") );
|
||||
|
||||
$("#button").button("destroy");
|
||||
});
|
||||
|
||||
test("label, default", function() {
|
||||
expect( 2 );
|
||||
$("#button").button();
|
||||
deepEqual( $("#button").text(), "Label" );
|
||||
deepEqual( $( "#button").button( "option", "label" ), "Label" );
|
||||
|
||||
$("#button").button("destroy");
|
||||
});
|
||||
|
||||
test("label", function() {
|
||||
expect( 2 );
|
||||
$("#button").button({
|
||||
label: "xxx"
|
||||
});
|
||||
deepEqual( $("#button").text(), "xxx" );
|
||||
deepEqual( $("#button").button( "option", "label" ), "xxx" );
|
||||
|
||||
$("#button").button("destroy");
|
||||
});
|
||||
|
||||
test("label default with input type submit", function() {
|
||||
expect( 2 );
|
||||
deepEqual( $("#submit").button().val(), "Label" );
|
||||
deepEqual( $("#submit").button( "option", "label" ), "Label" );
|
||||
});
|
||||
|
||||
test("label with input type submit", function() {
|
||||
expect( 2 );
|
||||
var label = $("#submit").button({
|
||||
label: "xxx"
|
||||
}).val();
|
||||
deepEqual( label, "xxx" );
|
||||
deepEqual( $("#submit").button( "option", "label" ), "xxx" );
|
||||
});
|
||||
|
||||
test("icons", function() {
|
||||
expect( 1 );
|
||||
$("#button").button({
|
||||
text: false,
|
||||
icons: {
|
||||
primary: "iconclass",
|
||||
secondary: "iconclass2"
|
||||
}
|
||||
});
|
||||
ok( $("#button").is(":has(span.ui-icon.ui-button-icon-primary.iconclass):has(span.ui-icon.ui-button-icon-secondary.iconclass2)") );
|
||||
|
||||
$("#button").button("destroy");
|
||||
});
|
||||
|
||||
test( "#5295 - button does not remove hoverstate if disabled" , function() {
|
||||
expect( 1 );
|
||||
var btn = $("#button").button();
|
||||
btn.hover( function() {
|
||||
btn.button( "disable" );
|
||||
});
|
||||
btn.trigger( "mouseenter" );
|
||||
btn.trigger( "mouseleave" );
|
||||
ok( !btn.is( ".ui-state-hover") );
|
||||
});
|
||||
|
||||
})(jQuery);
|
Loading…
Add table
Add a link
Reference in a new issue