jquery-ui/tests/unit/button/button_tickets.js

60 lines
2.4 KiB
JavaScript
Raw Normal View History

2010-01-20 14:00:14 +00:00
/*
* button_tickets.js
*/
(function( $ ) {
2010-01-20 14:00:14 +00:00
module( "button: tickets" );
2010-01-20 14:00:14 +00:00
test( "#5946 - buttonset should ignore buttons that are not :visible", function() {
$( "#radio01" ).next().andSelf().hide();
2012-05-21 16:02:28 +00:00
var set = $( "#radio0" ).buttonset({ items: "input[type=radio]:visible" });
ok( set.find( "label:eq(0)" ).is( ":not(.ui-button):not(.ui-corner-left)" ) );
ok( set.find( "label:eq(1)" ).is( ".ui-button.ui-corner-left" ) );
});
2010-01-20 14:00:14 +00:00
test( "#6262 - buttonset not applying ui-corner to invisible elements", function() {
$( "#radio0" ).hide();
var set = $( "#radio0" ).buttonset();
ok( set.find( "label:eq(0)" ).is( ".ui-button.ui-corner-left" ) );
ok( set.find( "label:eq(1)" ).is( ".ui-button" ) );
ok( set.find( "label:eq(2)" ).is( ".ui-button.ui-corner-right" ) );
});
test( "#6711 Checkbox/Radiobutton do not Show Focused State when using Keyboard Navigation", function() {
var check = $( "#check" ).button(),
label = $( "label[for='check']" );
ok( !label.is( ".ui-state-focus" ) );
check.focus();
ok( label.is( ".ui-state-focus" ) );
});
test( "#7092 - button creation that requires a matching label does not find label in all cases", function() {
2011-08-04 01:43:52 +00:00
var group = $( "<span><label for='t7092a'></label><input type='checkbox' id='t7092a'></span>" );
2012-05-21 16:47:15 +00:00
group.find( "input[type=checkbox]" ).button();
ok( group.find( "label" ).is( ".ui-button" ) );
2011-08-04 01:43:52 +00:00
group = $( "<input type='checkbox' id='t7092b'><label for='t7092b'></label>" );
2012-05-21 16:47:15 +00:00
group.filter( "input[type=checkbox]" ).button();
ok( group.filter( "label" ).is( ".ui-button" ) );
2011-08-04 01:43:52 +00:00
group = $( "<span><input type='checkbox' id='t7092c'></span><label for='t7092c'></label>" );
2012-05-21 16:47:15 +00:00
group.find( "input[type=checkbox]" ).button();
ok( group.filter( "label" ).is( ".ui-button" ) );
2011-08-04 01:43:52 +00:00
group = $( "<span><input type='checkbox' id='t7092d'></span><span><label for='t7092d'></label></span>" );
2012-05-21 16:47:15 +00:00
group.find( "input[type=checkbox]" ).button();
ok( group.find( "label" ).is( ".ui-button" ) );
2011-08-04 01:43:52 +00:00
group = $( "<input type='checkbox' id='t7092e'><span><label for='t7092e'></label></span>" );
2012-05-21 16:47:15 +00:00
group.filter( "input[type=checkbox]" ).button();
ok( group.find( "label" ).is( ".ui-button" ) );
});
test( "#7534 - Button label selector works for ids with \":\"", function() {
var group = $( "<span><input type='checkbox' id='check:7534'><label for='check:7534'>Label</label></span>" );
group.find( "input" ).button();
ok( group.find( "label" ).is( ".ui-button" ), "Found an id with a :" );
});
})( jQuery );