jquery-ui/tests/unit/spinner/methods.js

212 lines
5.9 KiB
JavaScript
Raw Normal View History

define( [
"jquery",
2015-04-07 14:55:52 +00:00
"./helper",
"ui/widgets/spinner"
], function( $, testHelper ) {
2011-08-07 12:10:49 +00:00
var simulateKeyDownUp = testHelper.simulateKeyDownUp;
2011-08-07 12:10:49 +00:00
module( "spinner: methods" );
test( "destroy", function( assert ) {
expect( 1 );
assert.domEqual( "#spin", function() {
$( "#spin" ).spinner().spinner( "destroy" );
2015-08-24 12:57:40 +00:00
} );
} );
test( "disable", function( assert ) {
expect( 15 );
var element = $( "#spin" ).val( 2 ).spinner(),
2011-08-07 12:10:49 +00:00
wrapper = $( "#spin" ).spinner( "widget" );
assert.lacksClasses( wrapper, "ui-spinner-disabled" );
2011-08-07 12:10:49 +00:00
ok( !element.is( ":disabled" ), "before: input does not have disabled attribute" );
element.spinner( "disable" );
assert.hasClasses( wrapper, "ui-state-disabled ui-spinner-disabled" );
ok( !wrapper.attr( "aria-disabled" ), "after: wrapper does not have aria-disabled attr" );
2015-08-24 12:57:40 +00:00
ok( element.is( ":disabled" ), "after: input has disabled attribute" );
2011-08-07 12:10:49 +00:00
simulateKeyDownUp( element, $.ui.keyCode.UP );
equal( 2, element.val(), "keyboard - value does not change on key UP" );
2011-08-07 12:10:49 +00:00
simulateKeyDownUp( element, $.ui.keyCode.DOWN );
equal( 2, element.val(), "keyboard - value does not change on key DOWN" );
2011-08-07 12:10:49 +00:00
simulateKeyDownUp( element, $.ui.keyCode.PAGE_UP );
equal( 2, element.val(), "keyboard - value does not change on key PGUP" );
2011-08-07 12:10:49 +00:00
simulateKeyDownUp( element, $.ui.keyCode.PAGE_DOWN );
equal( 2, element.val(), "keyboard - value does not change on key PGDN" );
2011-08-07 12:10:49 +00:00
wrapper.find( ".ui-spinner-up" ).trigger( "mousedown" ).trigger( "mouseup" );
equal( 2, element.val(), "mouse - value does not change on clicking up button" );
2011-08-07 12:10:49 +00:00
wrapper.find( ".ui-spinner-down" ).trigger( "mousedown" ).trigger( "mouseup" );
equal( 2, element.val(), "mouse - value does not change on clicking down button" );
2011-08-07 12:10:49 +00:00
element.spinner( "stepUp", 6 );
2015-08-24 12:57:40 +00:00
equal( 8, element.val(), "script - stepUp 6 steps changes value" );
2011-08-07 12:10:49 +00:00
element.spinner( "stepDown" );
equal( 7, element.val(), "script - stepDown 1 step changes value" );
2011-08-07 12:10:49 +00:00
element.spinner( "pageUp" );
equal( 17, element.val(), "script - pageUp 1 page changes value" );
2011-08-07 12:10:49 +00:00
element.spinner( "pageDown" );
equal( 7, element.val(), "script - pageDown 1 page changes value" );
2015-08-24 12:57:40 +00:00
} );
2011-08-07 12:10:49 +00:00
test( "enable", function( assert ) {
2011-08-07 12:10:49 +00:00
expect( 5 );
2015-08-24 12:57:40 +00:00
var element = $( "#spin" ).val( 1 ).spinner( { disabled: true } ),
2011-08-07 12:10:49 +00:00
wrapper = element.spinner( "widget" );
assert.hasClasses( wrapper, "ui-spinner-disabled" );
2011-08-07 12:10:49 +00:00
ok( element.is( ":disabled" ), "before: input has disabled attribute" );
element.spinner( "enable" );
assert.lacksClasses( wrapper, "ui-spinner-disabled" );
2011-08-07 12:10:49 +00:00
ok( !element.is( ":disabled" ), "after: input does not have disabled attribute" );
simulateKeyDownUp( element, $.ui.keyCode.UP );
equal( 2, element.val(), "keyboard - value changes on key UP" );
2015-08-24 12:57:40 +00:00
} );
2011-08-07 12:10:49 +00:00
test( "isValid", function() {
expect( 8 );
2015-08-24 12:57:40 +00:00
var element = $( "#spin" ).spinner( {
min: 0,
max: 10,
step: 2
2015-08-24 12:57:40 +00:00
} ),
spinner = element.spinner( "instance" );
ok( !spinner.isValid(), "initial state is invalid" );
element.val( "this is not a number" );
ok( !spinner.isValid(), "text string is not valid" );
element.val( "0" );
ok( spinner.isValid(), "min value is valid" );
element.val( "10" );
ok( spinner.isValid(), "max value is valid" );
element.val( "4" );
ok( spinner.isValid(), "inbetween step is valid" );
element.val( "-1" );
ok( !spinner.isValid(), "below min is invalid" );
element.val( "11" );
ok( !spinner.isValid(), "above max is invalid" );
element.val( "1" );
ok( !spinner.isValid(), "step mismatch is invalid" );
2015-08-24 12:57:40 +00:00
} );
2011-08-07 12:10:49 +00:00
test( "pageDown", function() {
expect( 4 );
2015-08-24 12:57:40 +00:00
var element = $( "#spin" ).val( -12 ).spinner( {
2011-08-07 12:10:49 +00:00
page: 20,
min: -100
2015-08-24 12:57:40 +00:00
} );
2011-08-07 12:10:49 +00:00
element.spinner( "pageDown" );
equal( element.val(), -32, "pageDown 1 page" );
2011-08-07 12:10:49 +00:00
element.spinner( "pageDown", 3 );
equal( element.val(), -92, "pageDown 3 pages" );
2011-08-07 12:10:49 +00:00
element.spinner( "pageDown" );
equal( element.val(), -100, "value close to min and pageDown 1 page" );
2011-08-07 12:10:49 +00:00
element.spinner( "pageDown", 10 );
equal( element.val(), -100, "value at min and pageDown 10 pages" );
2015-08-24 12:57:40 +00:00
} );
2011-08-07 12:10:49 +00:00
test( "pageUp", function() {
expect( 4 );
2015-08-24 12:57:40 +00:00
var element = $( "#spin" ).val( 12 ).spinner( {
2011-08-07 12:10:49 +00:00
page: 20,
max: 100
2015-08-24 12:57:40 +00:00
} );
2011-08-07 12:10:49 +00:00
element.spinner( "pageUp" );
equal( element.val(), 32, "pageUp 1 page" );
2011-08-07 12:10:49 +00:00
element.spinner( "pageUp", 3 );
equal( element.val(), 92, "pageUp 3 pages" );
2011-08-07 12:10:49 +00:00
element.spinner( "pageUp" );
equal( element.val(), 100, "value close to max and pageUp 1 page" );
2011-08-07 12:10:49 +00:00
element.spinner( "pageUp", 10 );
equal( element.val(), 100, "value at max and pageUp 10 pages" );
2015-08-24 12:57:40 +00:00
} );
2011-08-07 12:10:49 +00:00
test( "stepDown", function() {
expect( 4 );
2015-08-24 12:57:40 +00:00
var element = $( "#spin" ).val( 0 ).spinner( {
2011-08-07 12:10:49 +00:00
step: 2,
min: -15
2015-08-24 12:57:40 +00:00
} );
2011-08-07 12:10:49 +00:00
element.spinner( "stepDown" );
equal( element.val(), "-1", "stepDown 1 step" );
2011-08-07 12:10:49 +00:00
element.spinner( "stepDown", 5 );
equal( element.val(), "-11", "stepDown 5 steps" );
2011-08-07 12:10:49 +00:00
element.spinner( "stepDown", 4 );
equal( element.val(), "-15", "close to min and stepDown 4 steps" );
2011-08-07 12:10:49 +00:00
element.spinner( "stepDown" );
equal( element.val(), "-15", "at min and stepDown 1 step" );
2015-08-24 12:57:40 +00:00
} );
2011-08-07 12:10:49 +00:00
test( "stepUp", function() {
expect( 4 );
2015-08-24 12:57:40 +00:00
var element = $( "#spin" ).val( 0 ).spinner( {
2011-08-07 12:10:49 +00:00
step: 2,
max: 16
2015-08-24 12:57:40 +00:00
} );
2011-08-07 12:10:49 +00:00
element.spinner( "stepUp" );
equal( element.val(), 2, "stepUp 1 step" );
2011-08-07 12:10:49 +00:00
element.spinner( "stepUp", 5 );
equal( element.val(), 12, "stepUp 5 steps" );
2011-08-07 12:10:49 +00:00
element.spinner( "stepUp", 4 );
equal( element.val(), 16, "close to max and stepUp 4 steps" );
2011-08-07 12:10:49 +00:00
element.spinner( "stepUp" );
equal( element.val(), 16, "at max and stepUp 1 step" );
2015-08-24 12:57:40 +00:00
} );
2011-08-07 12:10:49 +00:00
test( "value", function() {
expect( 2 );
2015-08-24 12:57:40 +00:00
var element = $( "#spin" ).val( 0 ).spinner( {
step: 3
2015-08-24 12:57:40 +00:00
} );
2011-08-07 12:10:49 +00:00
element.spinner( "value", 10 );
equal( element.val(), 9, "change value via value method" );
2011-08-07 12:10:49 +00:00
equal( element.spinner( "value" ), 9, "get value via value method" );
2015-08-24 12:57:40 +00:00
} );
2011-08-07 12:10:49 +00:00
test( "widget", function() {
expect( 2 );
var element = $( "#spin" ).spinner(),
widgetElement = element.spinner( "widget" );
equal( widgetElement.length, 1, "one element" );
strictEqual( widgetElement[ 0 ], element.parent()[ 0 ], "parent element" );
2015-08-24 12:57:40 +00:00
} );
} );