Hopiu/jquery-mobile
1
0
Fork 0
mirror of https://github.com/Hopiu/jquery-mobile.git synced 2026-04-02 14:00:22 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Coding standards

Browse source
This commit is contained in:
Ghislain Seguin 2011-06-24 09:18:24 -07:00 committed by scottjehl
parent 7a14f2ef15
commit 9cf884eabb
1 changed files with 45 additions and 45 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

90
tests/unit/checkboxradio/checkboxradio_core.js
View file

@ -2,87 +2,87 @@
* mobile checkboxradio unit tests
*/
(function($){
module('jquery.mobile.forms.checkboxradio.js');
module( 'jquery.mobile.forms.checkboxradio.js' );
test( "widget can be disabled and enabled", function(){
var input = $("#checkbox-1");
var button = input.parent().find(".ui-btn");
var input = $( "#checkbox-1" ),
button = input.parent().find( ".ui-btn" );
input.checkboxradio("disable");
input.checkboxradio("enable");
ok(!input.attr("disabled"), "start input as enabled");
ok(!input.parent().hasClass("ui-disabled"), "no disabled styles");
ok(!input.attr("checked"), "not checked before click");
button.trigger("click");
ok(input.attr("checked"), "checked after click");
ok(button.hasClass("ui-checkbox-on"), "active styles after click");
button.trigger("click");
input.checkboxradio( "disable" );
input.checkboxradio( "enable" );
ok( !input.attr( "disabled" ), "start input as enabled" );
ok( !input.parent().hasClass( "ui-disabled" ), "no disabled styles" );
ok( !input.attr( "checked" ), "not checked before click" );
button.trigger( "click" );
ok( input.attr( "checked" ), "checked after click" );
ok( button.hasClass( "ui-checkbox-on" ), "active styles after click" );
button.trigger( "click" );
input.checkboxradio("disable");
ok(input.attr("disabled"), "input disabled");
ok(input.parent().hasClass("ui-disabled"), "disabled styles");
ok(!input.attr("checked"), "not checked before click");
button.trigger("click");
ok(!input.attr("checked"), "not checked after click");
ok(!button.hasClass("ui-checkbox-on"), "no active styles after click");
input.checkboxradio( "disable" );
ok( input.attr( "disabled" ), "input disabled" );
ok( input.parent().hasClass( "ui-disabled" ), "disabled styles" );
ok( !input.attr( "checked" ), "not checked before click" );
button.trigger( "click" );
ok( !input.attr( "checked" ), "not checked after click" );
ok( !button.hasClass( "ui-checkbox-on" ), "no active styles after click" );
});
asyncTest( "change events fired on checkbox for both check and uncheck", function(){
var $checkbox = $("#checkbox-2"),
$checkboxLabel = $checkbox.parent().find(".ui-btn");
var $checkbox = $( "#checkbox-2" ),
$checkboxLabel = $checkbox.parent().find( ".ui-btn" );
$checkbox.unbind("change");
$checkbox.unbind( "change" );
expect( 2 );
$checkbox.change(function(){
ok(true, "change fired on click to check the box");
ok( true, "change fired on click to check the box" );
});
$checkboxLabel.trigger("click");
$checkboxLabel.trigger( "click" );
//test above will be triggered twice, and the start here once
$checkbox.change(function(){
$checkbox.change( function(){
start();
});
$checkboxLabel.trigger("click");
$checkboxLabel.trigger( "click" );
});
asyncTest( "radio button labels should update the active button class to last clicked and clear checked", function(){
var $radioBtns = $('#radio-active-btn-test input'),
singleActiveAndChecked = function(){
same($("#radio-active-btn-test .ui-radio-on").length, 1, "there should be only one active button");
same($("#radio-active-btn-test :checked").length, 1, "there should be only one checked");
};
var $radioBtns = $( '#radio-active-btn-test input' ),
singleActiveAndChecked = function(){
same( $( "#radio-active-btn-test .ui-radio-on" ).length, 1, "there should be only one active button" );
same( $( "#radio-active-btn-test :checked" ).length, 1, "there should be only one checked" );
};
$.testHelper.sequence([
function(){
$radioBtns.last().siblings('label').click();
$radioBtns.last().siblings( 'label' ).click();
},
function(){
ok($radioBtns.last().attr('checked'));
ok($radioBtns.last().siblings('label').hasClass('ui-radio-on'),
"last input label is an active button");
ok( $radioBtns.last().attr( 'checked' ) );
ok( $radioBtns.last().siblings( 'label' ).hasClass( 'ui-radio-on' ),
"last input label is an active button" );
ok(!$radioBtns.first().attr('checked'));
ok(!$radioBtns.first().siblings('label').hasClass('ui-radio-on'),
"first input label is not active");
ok( !$radioBtns.first().attr( 'checked' ) );
ok( !$radioBtns.first().siblings( 'label' ).hasClass( 'ui-radio-on' ),
"first input label is not active" );
singleActiveAndChecked();
$radioBtns.first().siblings('label').click();
$radioBtns.first().siblings( 'label' ).click();
},
function(){
ok($radioBtns.first().attr('checked'));
ok($radioBtns.first().siblings('label').hasClass('ui-radio-on'),
"first input label is an active button");
ok( $radioBtns.first().attr( 'checked' ));
ok( $radioBtns.first().siblings( 'label' ).hasClass( 'ui-radio-on' ),
"first input label is an active button" );
ok(!$radioBtns.last().attr('checked'));
ok(!$radioBtns.last().siblings('label').hasClass('ui-radio-on'),
"last input label is not active");
ok( !$radioBtns.last().attr( 'checked' ));
ok( !$radioBtns.last().siblings( 'label' ).hasClass( 'ui-radio-on' ),
"last input label is not active" );
singleActiveAndChecked();