library-mirrors/jquery-ui
1
0
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2024-10-05 01:44:18 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Spinner: Added more tests.

Browse Source
This commit is contained in:
Scott González 2011-08-07 18:34:03 -04:00
parent b8976207f3
commit c6c957224f
1 changed files with 92 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

145
tests/unit/spinner/spinner_core.js
View File

@ -11,15 +11,15 @@ test( "keydown UP on input, increases value not greater than max", function() {
}); });
spinner_simulateKeyDownUp( element, $.ui.keyCode.UP ); spinner_simulateKeyDownUp( element, $.ui.keyCode.UP );
equals( element.val(), 80 ); equal( element.val(), 80 );
spinner_simulateKeyDownUp( element, $.ui.keyCode.UP ); spinner_simulateKeyDownUp( element, $.ui.keyCode.UP );
equals( element.val(), 90 ); equal( element.val(), 90 );
spinner_simulateKeyDownUp( element, $.ui.keyCode.UP ); spinner_simulateKeyDownUp( element, $.ui.keyCode.UP );
equals( element.val(), 100 ); equal( element.val(), 100 );
spinner_simulateKeyDownUp( element, $.ui.keyCode.UP ); spinner_simulateKeyDownUp( element, $.ui.keyCode.UP );
equals( element.val(), 100 ); equal( element.val(), 100 );
spinner_simulateKeyDownUp( element, $.ui.keyCode.UP ); spinner_simulateKeyDownUp( element, $.ui.keyCode.UP );
equals( element.val(), 100 ); equal( element.val(), 100 );
}); });
test( "keydown DOWN on input, decreases value not less than min", function() { test( "keydown DOWN on input, decreases value not less than min", function() {
@ -31,18 +31,18 @@ test( "keydown DOWN on input, decreases value not less than min", function() {
}); });
spinner_simulateKeyDownUp( element, $.ui.keyCode.DOWN ); spinner_simulateKeyDownUp( element, $.ui.keyCode.DOWN );
equals( element.val(), 40 ); equal( element.val(), 40 );
spinner_simulateKeyDownUp( element, $.ui.keyCode.DOWN ); spinner_simulateKeyDownUp( element, $.ui.keyCode.DOWN );
equals( element.val(), 30 ); equal( element.val(), 30 );
spinner_simulateKeyDownUp( element, $.ui.keyCode.DOWN ); spinner_simulateKeyDownUp( element, $.ui.keyCode.DOWN );
equals( element.val(), 20 ); equal( element.val(), 20 );
spinner_simulateKeyDownUp( element, $.ui.keyCode.DOWN ); spinner_simulateKeyDownUp( element, $.ui.keyCode.DOWN );
equals( element.val(), 20 ); equal( element.val(), 20 );
spinner_simulateKeyDownUp( element, $.ui.keyCode.DOWN ); spinner_simulateKeyDownUp( element, $.ui.keyCode.DOWN );
equals( element.val(), 20 ); equal( element.val(), 20 );
}); });
test( "keydown PGUP on input, increases value not greater than max", function() { test( "keydown PAGE_UP on input, increases value not greater than max", function() {
expect( 5 ); expect( 5 );
var element = $( "#spin" ).spinner({ var element = $( "#spin" ).spinner({
max: 100, max: 100,
@ -51,18 +51,18 @@ test( "keydown PGUP on input, increases value not greater than max", function()
}); });
spinner_simulateKeyDownUp( element, $.ui.keyCode.PAGE_UP ); spinner_simulateKeyDownUp( element, $.ui.keyCode.PAGE_UP );
equals( element.val(), 80 ); equal( element.val(), 80 );
spinner_simulateKeyDownUp( element, $.ui.keyCode.PAGE_UP ); spinner_simulateKeyDownUp( element, $.ui.keyCode.PAGE_UP );
equals( element.val(), 90 ); equal( element.val(), 90 );
spinner_simulateKeyDownUp( element, $.ui.keyCode.PAGE_UP ); spinner_simulateKeyDownUp( element, $.ui.keyCode.PAGE_UP );
equals( element.val(), 100 ); equal( element.val(), 100 );
spinner_simulateKeyDownUp( element, $.ui.keyCode.PAGE_UP ); spinner_simulateKeyDownUp( element, $.ui.keyCode.PAGE_UP );
equals( element.val(), 100 ); equal( element.val(), 100 );
spinner_simulateKeyDownUp( element, $.ui.keyCode.PAGE_UP ); spinner_simulateKeyDownUp( element, $.ui.keyCode.PAGE_UP );
equals( element.val(), 100 ); equal( element.val(), 100 );
}); });
test( "keydown PGDN on input, decreases value not less than min", function() { test( "keydown PAGE_DOWN on input, decreases value not less than min", function() {
expect( 5 ); expect( 5 );
var element = $( "#spin" ).spinner({ var element = $( "#spin" ).spinner({
min: 20, min: 20,
@ -71,70 +71,109 @@ test( "keydown PGDN on input, decreases value not less than min", function() {
}); });
spinner_simulateKeyDownUp( element, $.ui.keyCode.PAGE_DOWN ); spinner_simulateKeyDownUp( element, $.ui.keyCode.PAGE_DOWN );
equals( element.val(), 40 ); equal( element.val(), 40 );
spinner_simulateKeyDownUp( element, $.ui.keyCode.PAGE_DOWN ); spinner_simulateKeyDownUp( element, $.ui.keyCode.PAGE_DOWN );
equals( element.val(), 30 ); equal( element.val(), 30 );
spinner_simulateKeyDownUp( element, $.ui.keyCode.PAGE_DOWN ); spinner_simulateKeyDownUp( element, $.ui.keyCode.PAGE_DOWN );
equals( element.val(), 20 ); equal( element.val(), 20 );
spinner_simulateKeyDownUp( element, $.ui.keyCode.PAGE_DOWN ); spinner_simulateKeyDownUp( element, $.ui.keyCode.PAGE_DOWN );
equals( element.val(), 20 ); equal( element.val(), 20 );
spinner_simulateKeyDownUp( element, $.ui.keyCode.PAGE_DOWN ); spinner_simulateKeyDownUp( element, $.ui.keyCode.PAGE_DOWN );
equals( element.val(), 20 ); equal( element.val(), 20 );
}); });
test( "mouse click on buttons", function() { test( "mouse click on up button, increases value not greater than max", function() {
expect( 2 ); expect( 3 );
var element = $( "#spin" ).spinner(), var element = $( "#spin" ).spinner({
val = 0; max: 20,
value: 18
}),
button = element.spinner( "widget" ).find( ".ui-spinner-up" );
$( ".ui-spinner-up" ).trigger( "mousedown" ).trigger( "mouseup" ); button.trigger( "mousedown" ).trigger( "mouseup" );
equals( element.val(), ++val, "mouse click on up" ); equal( element.val(), 19 );
button.trigger( "mousedown" ).trigger( "mouseup" );
$( ".ui-spinner-down" ).trigger( "mousedown" ).trigger( "mouseup" ); equal( element.val(), 20 );
equals( element.val(), --val, "mouse click on down"); button.trigger( "mousedown" ).trigger( "mouseup" );
equal( element.val(), 20 );
}); });
test( "mouse wheel on input", function() { test( "mouse click on up button, increases value not greater than max", function() {
expect( 4 ); expect( 3 );
var element = $( "#spin" ).spinner({
var element = $( "#spin" ).spinner(); min: 0,
equal( element.val(), 0 ); value: 2
element.trigger( "mousewheel", 1 ); }),
button = element.spinner( "widget" ).find( ".ui-spinner-down" );
button.trigger( "mousedown" ).trigger( "mouseup" );
equal( element.val(), 1 ); equal( element.val(), 1 );
button.trigger( "mousedown" ).trigger( "mouseup" );
equal( element.val(), 0 );
button.trigger( "mousedown" ).trigger( "mouseup" );
equal( element.val(), 0 );
});
test( "mousewheel on input", function() {
expect( 5 );
var element = $( "#spin" ).spinner({
step: 2
});
element.trigger( "mousewheel", -1 );
equal( element.val(), 0 ); equal( element.val(), 0 );
element.trigger( "mousewheel", -1 ); element.trigger( "mousewheel" );
equal(element.val(), -1 ); equal( element.val(), 0, "mousewheel event without delta does not change value" );
element.trigger( "mousewheel", 1 );
equal( element.val(), 2 );
element.trigger( "mousewheel", -0.2 );
equal( element.val(), 0 );
element.trigger( "mousewheel", -15 );
equal(element.val(), -2 );
}); });
test( "reading HTML5 attributes", function() { test( "reading HTML5 attributes", function() {
expect( 4 ); expect( 8 );
var element = $( "<input id='spinner' type='number' min='-100' max='100' value='5' step='2'>" ).spinner(); var markup = "<input type='number' min='-100' max='100' value='5' step='2'>",
equals( element.spinner( "option", "value" ), 5, "value" ); element = $( markup ).spinner();
equals( element.spinner( "option", "max" ), 100, "max" ); equal( element.spinner( "option", "value" ), 5, "value from markup" );
equals( element.spinner( "option", "min" ), -100, "min" ); equal( element.spinner( "option", "min" ), -100, "min from markup" );
equals( element.spinner( "option", "step" ), 2, "step" ); equal( element.spinner( "option", "max" ), 100, "max from markup" );
equal( element.spinner( "option", "step" ), 2, "step from markup" );
element = $( markup ).spinner({
min: -200,
max: 200,
value: 20,
step: 5
});
equal( element.spinner( "option", "value" ), 20, "value from options" );
equal( element.spinner( "option", "min" ), -200, "min from options" );
equal( element.spinner( "option", "max" ), 200, "max from options" );
equal( element.spinner( "option", "step" ), 5, "stop from options" );
}); });
test( "ARIA attributes", function() { test( "ARIA attributes", function() {
expect( 7 ); expect( 7 );
var element = $( "#spin" ).spinner({ min: -5, max: 5, value: 2 }); var element = $( "#spin" ).spinner({ min: -5, max: 5, value: 2 });
equals( element.attr( "role" ), "spinbutton", "role" ); equal( element.attr( "role" ), "spinbutton", "role" );
equals( element.attr( "aria-valuemin" ), -5, "aria-valuemin" ); equal( element.attr( "aria-valuemin" ), -5, "aria-valuemin" );
equals( element.attr( "aria-valuemax" ), 5, "aria-valuemax" ); equal( element.attr( "aria-valuemax" ), 5, "aria-valuemax" );
equals( element.attr( "aria-valuenow" ), 2, "aria-valuenow" ); equal( element.attr( "aria-valuenow" ), 2, "aria-valuenow" );
element.spinner( "stepUp" ); element.spinner( "stepUp" );
equals( element.attr( "aria-valuenow" ), 3, "stepUp 1 step changes aria-valuenow" ); equal( element.attr( "aria-valuenow" ), 3, "stepUp 1 step changes aria-valuenow" );
element.spinner( "option", { min: -10, max: 10 } ); element.spinner( "option", { min: -10, max: 10 } );
equals( element.attr( "aria-valuemin" ), -10, "min option changed aria-valuemin changes" ); equal( element.attr( "aria-valuemin" ), -10, "min option changed aria-valuemin changes" );
equals( element.attr( "aria-valuemax" ), 10, "max option changed aria-valuemax changes" ); equal( element.attr( "aria-valuemax" ), 10, "max option changed aria-valuemax changes" );
}); });
})( jQuery ); })( jQuery );