define( [ "qunit", "jquery", "lib/helper", "ui/widgets/checkboxradio" ], function( QUnit, $, helper ) { "use strict"; QUnit.module( "Checkboxradio: core", { afterEach: helper.moduleAfterEach } ); QUnit.test( "Checkbox - Initial class structure", function( assert ) { assert.expect( 2 ); var input = $( "#check" ), label = $( "label[for=check]" ); input.checkboxradio(); assert.hasClasses( input, "ui-helper-hidden-accessible ui-checkboxradio" ); assert.hasClasses( label, "ui-button ui-widget ui-checkboxradio-label ui-corner-all" ); } ); QUnit.test( "Radios - Initial class structure", function( assert ) { assert.expect( 6 ); var inputs = $( "#radio0 input" ), labels = $( "#radio0 label" ); inputs.checkboxradio(); inputs.each( function() { assert.hasClasses( this, "ui-helper-hidden-accessible" ); } ); labels.each( function() { assert.hasClasses( this, "ui-button" ); } ); } ); QUnit.test( "Ensure checked after single click on checkbox label button", function( assert ) { assert.expect( 2 ); $( "#check2" ).checkboxradio().on( "change", function() { var label = $( this ).checkboxradio( "widget" ); assert.ok( this.checked, "checked ok" ); assert.hasClasses( label, "ui-state-active" ); } ); $( "#check2" ).checkboxradio( "widget" ).simulate( "click" ); } ); QUnit.test( "Handle form association via form attribute", function( assert ) { assert.expect( 4 ); var radio1 = $( "#crazy-form-1" ).checkboxradio(); var radio1Label = radio1.checkboxradio( "widget" ); var radio2 = $( "#crazy-form-2" ).checkboxradio(); var radio2Label = radio2.checkboxradio( "widget" ); radio2.on( "change", function() { assert.ok( this.checked, "#2 checked" ); assert.ok( !radio1[ 0 ].checked, "#1 not checked" ); assert.hasClasses( radio2Label, "ui-state-active" ); assert.lacksClasses( radio1Label, "ui-state-active" ); } ); radio2Label.simulate( "click" ); } ); QUnit.test( "Checkbox creation requires a label, and finds it in all cases", function( assert ) { assert.expect( 7 ); var groups = [ "", "", "", "", "", "", "" ]; $.each( groups, function( index, markup ) { var group = $( markup ); group.find( "input[type=checkbox]" ).checkboxradio(); assert.hasClasses( group.find( "label" ), "ui-button" ); } ); } ); QUnit.test( "Calling checkboxradio on an unsupported element throws an error", function( assert ) { assert.expect( 2 ); var error = new Error( "Can't create checkboxradio on element.nodeName=div and element.type=undefined" ); assert.raises( function() { $( "
" ).checkboxradio(); }, error, "Proper error thrown" ); error = new Error( "Can't create checkboxradio on element.nodeName=input and element.type=button" ); assert.raises( function() { $( "" ).checkboxradio(); }, error, "Proper error thrown" ); } ); QUnit.test( "Calling checkboxradio on an input with no label throws an error", function( assert ) { assert.expect( 1 ); var error = new Error( "No label found for checkboxradio widget" ); assert.raises( function() { $( "" ).checkboxradio(); }, error, "Proper error thrown" ); } ); QUnit.test( "Inheriting label from initial HTML", function( assert ) { var tests = [ { id: "label-with-no-for-with-html", expectedLabel: "Hi, I'm a label" }, { id: "label-with-no-for-with-text", expectedLabel: "Hi, I'm a label" }, { id: "label-with-no-for-with-html-like-text", expectedLabel: "<em>Hi, I'm a label</em>" } ]; assert.expect( tests.length ); tests.forEach( function( testData ) { var id = testData.id; var expectedLabel = testData.expectedLabel; var inputElem = $( "#" + id ); var labelElem = inputElem.parent(); inputElem.checkboxradio( { icon: false } ); var labelWithoutInput = labelElem.clone(); labelWithoutInput.find( "input" ).remove(); assert.strictEqual( labelWithoutInput.html().trim(), expectedLabel.trim(), "Label correct [" + id + "]" ); } ); } ); } );