library-mirrors/jquery-ui
1
0
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2024-12-07 06:14:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity
91b6fc3f08
jquery-ui/tests/unit/spinner/core.js
Michał Gołębiowski-Owczarek e7a10c70ae
Tests: Ensure no timers are running at the end of each test (#1920) 
This helps fix issues that make tooltip tests sometimes fail when run against
jQuery 3.2 or newer due to timing differences.

Details:
* Add the `moduleAfterEach` function ensuring no timers are running.
* Attach this function via `common.testWidget`.
* Attach this function to most test suites.
* Add a tooltip test helper cleaning up leftover timers.
* Rename legacy `setup`/`teardown` hooks to `beforeEach`/`afterEach`.

Closes gh-1920
2020-05-16 09:16:24 +02:00

277 lines
8.8 KiB
JavaScript
Raw Blame History

define( [
"qunit",
"jquery",
"lib/helper",
"./helper",
"ui/widgets/spinner"
], function( QUnit, $, helper, testHelper ) {
var simulateKeyDownUp = testHelper.simulateKeyDownUp;
QUnit.module( "spinner: core", { afterEach: helper.moduleAfterEach } );
QUnit.test( "markup structure", function( assert ) {
assert.expect( 6 );
var element = $( "#spin" ).spinner(),
spinner = element.spinner( "widget" ),
up = spinner.find( ".ui-spinner-up" ),
down = spinner.find( ".ui-spinner-down" );
assert.hasClasses( element, "ui-spinner-input" );
assert.hasClasses( spinner, "ui-spinner ui-widget ui-widget-content" );
assert.hasClasses( up, "ui-spinner-button ui-spinner-up ui-widget" );
assert.equal( up.length, 1, "Spinner contains exactly one up button" );
assert.hasClasses( down, "ui-spinner-button ui-spinner-down ui-widget" );
assert.equal( down.length, 1, "Spinner contains exactly one down button" );
} );
QUnit.test( "keydown UP on input, increases value not greater than max", function( assert ) {
assert.expect( 5 );
var element = $( "#spin" ).val( 70 ).spinner( {
max: 100,
step: 10
} );
simulateKeyDownUp( element, $.ui.keyCode.UP );
assert.equal( element.val(), 80 );
simulateKeyDownUp( element, $.ui.keyCode.UP );
assert.equal( element.val(), 90 );
simulateKeyDownUp( element, $.ui.keyCode.UP );
assert.equal( element.val(), 100 );
simulateKeyDownUp( element, $.ui.keyCode.UP );
assert.equal( element.val(), 100 );
simulateKeyDownUp( element, $.ui.keyCode.UP );
assert.equal( element.val(), 100 );
} );
QUnit.test( "keydown DOWN on input, decreases value not less than min", function( assert ) {
assert.expect( 5 );
var element = $( "#spin" ).val( 50 ).spinner( {
min: 20,
step: 10
} );
simulateKeyDownUp( element, $.ui.keyCode.DOWN );
assert.equal( element.val(), 40 );
simulateKeyDownUp( element, $.ui.keyCode.DOWN );
assert.equal( element.val(), 30 );
simulateKeyDownUp( element, $.ui.keyCode.DOWN );
assert.equal( element.val(), 20 );
simulateKeyDownUp( element, $.ui.keyCode.DOWN );
assert.equal( element.val(), 20 );
simulateKeyDownUp( element, $.ui.keyCode.DOWN );
assert.equal( element.val(), 20 );
} );
QUnit.test( "keydown PAGE_UP on input, increases value not greater than max", function( assert ) {
assert.expect( 5 );
var element = $( "#spin" ).val( 70 ).spinner( {
max: 100,
page: 10
} );
simulateKeyDownUp( element, $.ui.keyCode.PAGE_UP );
assert.equal( element.val(), 80 );
simulateKeyDownUp( element, $.ui.keyCode.PAGE_UP );
assert.equal( element.val(), 90 );
simulateKeyDownUp( element, $.ui.keyCode.PAGE_UP );
assert.equal( element.val(), 100 );
simulateKeyDownUp( element, $.ui.keyCode.PAGE_UP );
assert.equal( element.val(), 100 );
simulateKeyDownUp( element, $.ui.keyCode.PAGE_UP );
assert.equal( element.val(), 100 );
} );
QUnit.test( "keydown PAGE_DOWN on input, decreases value not less than min", function( assert ) {
assert.expect( 5 );
var element = $( "#spin" ).val( 50 ).spinner( {
min: 20,
page: 10
} );
simulateKeyDownUp( element, $.ui.keyCode.PAGE_DOWN );
assert.equal( element.val(), 40 );
simulateKeyDownUp( element, $.ui.keyCode.PAGE_DOWN );
assert.equal( element.val(), 30 );
simulateKeyDownUp( element, $.ui.keyCode.PAGE_DOWN );
assert.equal( element.val(), 20 );
simulateKeyDownUp( element, $.ui.keyCode.PAGE_DOWN );
assert.equal( element.val(), 20 );
simulateKeyDownUp( element, $.ui.keyCode.PAGE_DOWN );
assert.equal( element.val(), 20 );
} );
QUnit.test( "blur input while spinning with UP", function( assert ) {
var ready = assert.async();
assert.expect( 3 );
var value,
element = $( "#spin" ).val( 10 ).spinner();
function step1() {
element.simulate( "keydown", { keyCode: $.ui.keyCode.UP } );
assert.equal( element.val(), 11 );
setTimeout( step2, 750 );
}
function step2() {
value = element.val();
assert.ok( value > 11, "repeating while key is down" );
element.on( "blur", function() {
value = element.val();
setTimeout( step3, 750 );
} )[ 0 ].blur();
}
function step3() {
assert.equal( element.val(), value, "stopped repeating on blur" );
ready();
}
element[ 0 ].focus();
setTimeout( step1 );
} );
QUnit.test( "mouse click on up button, increases value not greater than max", function( assert ) {
assert.expect( 3 );
var element = $( "#spin" ).val( 18 ).spinner( {
max: 20
} ),
button = element.spinner( "widget" ).find( ".ui-spinner-up" );
button.trigger( "mousedown" ).trigger( "mouseup" );
assert.equal( element.val(), 19 );
button.trigger( "mousedown" ).trigger( "mouseup" );
assert.equal( element.val(), 20 );
button.trigger( "mousedown" ).trigger( "mouseup" );
assert.equal( element.val(), 20 );
} );
QUnit.test( "mouse click on up button, increases value not greater than max", function( assert ) {
assert.expect( 3 );
var element = $( "#spin" ).val( 2 ).spinner( {
min: 0
} ),
button = element.spinner( "widget" ).find( ".ui-spinner-down" );
button.trigger( "mousedown" ).trigger( "mouseup" );
assert.equal( element.val(), 1 );
button.trigger( "mousedown" ).trigger( "mouseup" );
assert.equal( element.val(), 0 );
button.trigger( "mousedown" ).trigger( "mouseup" );
assert.equal( element.val(), 0 );
} );
QUnit.test( "mousewheel on input", function( assert ) {
var ready = assert.async();
assert.expect( 5 );
var element = $( "#spin" ).val( 0 ).spinner( {
step: 2
} );
element.simulate( "focus" );
setTimeout( step1 );
function step1() {
element.trigger( "mousewheel" );
assert.equal( element.val(), 0, "mousewheel event without delta does not change value" );
element.trigger( "mousewheel", 1 );
assert.equal( element.val(), 2, "delta 1" );
element.trigger( "mousewheel", -0.2 );
assert.equal( element.val(), 0, "delta -0.2" );
element.trigger( "mousewheel", -15 );
assert.equal( element.val(), -2, "delta -15" );
element.simulate( "blur" );
setTimeout( step2 );
}
function step2() {
element.trigger( "mousewheel", 1 );
assert.equal( element.val(), -2, "mousewheel when not focused" );
ready();
}
} );
QUnit.test( "reading HTML5 attributes", function( assert ) {
assert.expect( 6 );
var markup = "<input type='number' min='-100' max='100' value='5' step='2'>",
element = $( markup ).spinner();
assert.equal( element.spinner( "option", "min" ), -100, "min from markup" );
assert.equal( element.spinner( "option", "max" ), 100, "max from markup" );
assert.equal( element.spinner( "option", "step" ), 2, "step from markup" );
element = $( markup ).spinner( {
min: -200,
max: 200,
step: 5
} );
assert.equal( element.spinner( "option", "min" ), -200, "min from options" );
assert.equal( element.spinner( "option", "max" ), 200, "max from options" );
assert.equal( element.spinner( "option", "step" ), 5, "stop from options" );
} );
QUnit.test( "ARIA attributes", function( assert ) {
assert.expect( 9 );
var element = $( "#spin" ).val( 2 ).spinner( { min: -5, max: 5 } );
assert.equal( element.attr( "role" ), "spinbutton", "role" );
assert.equal( element.attr( "aria-valuemin" ), "-5", "aria-valuemin" );
assert.equal( element.attr( "aria-valuemax" ), "5", "aria-valuemax" );
assert.equal( element.attr( "aria-valuenow" ), "2", "aria-valuenow" );
element.spinner( "stepUp" );
assert.equal( element.attr( "aria-valuenow" ), "3", "stepUp 1 step changes aria-valuenow" );
element.spinner( "option", { min: -10, max: 10 } );
assert.equal( element.attr( "aria-valuemin" ), "-10", "min option changed aria-valuemin changes" );
assert.equal( element.attr( "aria-valuemax" ), "10", "max option changed aria-valuemax changes" );
element.spinner( "option", "min", null );
assert.equal( element.attr( "aria-valuemin" ), undefined, "aria-valuemin not set when no min" );
element.spinner( "option", "max", null );
assert.equal( element.attr( "aria-valuemax" ), undefined, "aria-valuemax not set when no max" );
} );
QUnit.test( "focus text field when pressing button", function( assert ) {
assert.expect( 2 );
var element = $( "#spin" ).spinner();
$( "body" ).trigger( "focus" );
assert.ok( element[ 0 ] !== document.activeElement, "not focused before" );
element.spinner( "widget" ).find( ".ui-spinner-up" ).trigger( "mousedown" );
assert.ok( element[ 0 ] === document.activeElement, "focused after" );
} );
QUnit.test( "don't clear invalid value on blur", function( assert ) {
assert.expect( 1 );
var element = $( "#spin" ).spinner();
element.trigger( "focus" ).val( "a" ).trigger( "blur" );
assert.equal( element.val(), "a" );
} );
QUnit.test( "precision", function( assert ) {
assert.expect( 2 );
var element = $( "#spin" ).val( 0.05 ).spinner( {
step: 0.0001
} );
element.spinner( "stepUp" );
assert.equal( element.val(), "0.0501", "precision from step" );
element.val( 1.05 ).spinner( "option", {
step: 1,
min: -9.95
} );
element.spinner( "stepDown" );
assert.equal( element.val(), "0.05", "precision from min" );
} );
} );
Reference in New Issue View Git Blame Copy Permalink