diff options
author | Scott González <scott.gonzalez@gmail.com> | 2015-04-07 10:55:52 -0400 |
---|---|---|
committer | Scott González <scott.gonzalez@gmail.com> | 2015-04-09 09:27:00 -0400 |
commit | bde431bb449b1d957d4e0b736111ff342f2a919d (patch) | |
tree | 27fd40037c30dbff8ef3b6113e90817ab96b53bf /tests/unit/slider/core.js | |
parent | dc4b015a8b9acdb5bff2d5dd89737b3d8b64097f (diff) | |
download | jquery-ui-bde431bb449b1d957d4e0b736111ff342f2a919d.tar.gz jquery-ui-bde431bb449b1d957d4e0b736111ff342f2a919d.zip |
Tests: Rename files
Ref gh-1528
Diffstat (limited to 'tests/unit/slider/core.js')
-rw-r--r-- | tests/unit/slider/core.js | 309 |
1 files changed, 309 insertions, 0 deletions
diff --git a/tests/unit/slider/core.js b/tests/unit/slider/core.js new file mode 100644 index 000000000..797d5525c --- /dev/null +++ b/tests/unit/slider/core.js @@ -0,0 +1,309 @@ +define( [ + "jquery", + "ui/slider" +], function( $ ) { + +var element, options; + +function handle() { + return element.find( ".ui-slider-handle" ); +} + +// Slider Tests +module( "slider: core" ); + +test( "markup structure", function( assert ) { + expect( 4 ); + var element = $( "<div>" ).slider({ range: true }), + handle = element.find( "span" ), + range = element.find( "div" ); + + assert.hasClasses( element, "ui-slider ui-slider-horizontal ui-widget ui-widget-content" ); + assert.hasClasses( range, "ui-slider-range ui-widget-header" ); + assert.hasClasses( handle[ 0 ], "ui-slider-handle" ); + assert.hasClasses( handle[ 1 ], "ui-slider-handle" ); +}); + +test( "keydown HOME on handle sets value to min", function() { + expect( 2 ); + element = $( "<div></div>" ); + options = { + max: 5, + min: -5, + orientation: "horizontal", + step: 1 + }; + element.slider( options ); + + element.slider( "value", 0 ); + + handle().simulate( "keydown", { keyCode: $.ui.keyCode.HOME } ); + equal(element.slider( "value" ), options.min ); + + element.slider( "destroy" ); + + element = $( "<div></div>" ); + options = { + max: 5, + min: -5, + orientation: "vertical", + step: 1 + }; + element.slider( options ); + + element.slider( "value", 0 ); + + handle().simulate( "keydown", { keyCode: $.ui.keyCode.HOME } ); + equal(element.slider( "value" ), options.min) ; + + element.slider( "destroy" ); +}); + +test( "keydown END on handle sets value to max", function() { + expect( 2 ); + element = $( "<div></div>" ); + options = { + max: 5, + min: -5, + orientation: "horizontal", + step: 1 + }; + element.slider( options ); + + element.slider( "value", 0 ); + + handle().simulate( "keydown", { keyCode: $.ui.keyCode.END } ); + equal(element.slider( "value" ), options.max) ; + + element.slider( "destroy" ); + + element = $( "<div></div>" ); + options = { + max: 5, + min: -5, + orientation: "vertical", + step: 1 + }; + element.slider( options ); + + element.slider( "value", 0 ); + + handle().simulate( "keydown", { keyCode: $.ui.keyCode.END } ); + equal(element.slider( "value" ), options.max ); + + element.slider( "destroy" ); +}); + +test( "keydown PAGE_UP on handle increases value by 1/5 range, not greater than max", function() { + expect( 4 ); + $.each( [ "horizontal", "vertical" ], function( i, orientation ) { + element = $( "<div></div>" ); + options = { + max: 100, + min: 0, + orientation: orientation, + step: 1 + }; + element.slider( options ); + + element.slider( "value", 70); + + handle().simulate( "keydown", { keyCode: $.ui.keyCode.PAGE_UP } ); + equal(element.slider( "value" ), 90); + + handle().simulate( "keydown", { keyCode: $.ui.keyCode.PAGE_UP } ); + equal(element.slider( "value" ), 100); + + element.slider( "destroy" ); + }); +}); + +test( "keydown PAGE_DOWN on handle decreases value by 1/5 range, not less than min", function() { + expect( 4 ); + $.each( [ "horizontal", "vertical" ], function( i, orientation ) { + element = $( "<div></div>" ); + options = { + max: 100, + min: 0, + orientation: orientation, + step: 1 + }; + element.slider( options ); + + element.slider( "value", 30); + + handle().simulate( "keydown", { keyCode: $.ui.keyCode.PAGE_DOWN } ); + equal(element.slider( "value" ), 10); + + handle().simulate( "keydown", { keyCode: $.ui.keyCode.PAGE_DOWN } ); + equal(element.slider( "value" ), 0 ); + + element.slider( "destroy" ); + }); +}); + +test( "keydown UP on handle increases value by step, not greater than max", function() { + expect( 4 ); + element = $( "<div></div>" ); + options = { + max: 5, + min: -5, + orientation: "horizontal", + step: 1 + }; + element.slider(options); + + element.slider( "value", options.max - options.step ); + + handle().simulate( "keydown", { keyCode: $.ui.keyCode.UP } ); + equal(element.slider( "value" ), options.max ); + + handle().simulate( "keydown", { keyCode: $.ui.keyCode.UP } ); + equal(element.slider( "value" ), options.max ); + + element.slider( "destroy" ); + + element = $( "<div></div>" ); + options = { + max: 5, + min: -5, + orientation: "vertical", + step: 1 + }; + element.slider( options ); + + element.slider( "value", options.max - options.step ); + + handle().simulate( "keydown", { keyCode: $.ui.keyCode.UP } ); + equal(element.slider( "value" ), options.max ); + + handle().simulate( "keydown", { keyCode: $.ui.keyCode.UP } ); + equal(element.slider( "value" ), options.max ); + + element.slider( "destroy" ); +}); + +test( "keydown RIGHT on handle increases value by step, not greater than max", function() { + expect( 4 ); + element = $( "<div></div>" ); + options = { + max: 5, + min: -5, + orientation: "horizontal", + step: 1 + }; + element.slider(options); + + element.slider( "value", options.max - options.step ); + + handle().simulate( "keydown", { keyCode: $.ui.keyCode.RIGHT } ); + equal(element.slider( "value" ), options.max); + + handle().simulate( "keydown", { keyCode: $.ui.keyCode.RIGHT } ); + equal(element.slider( "value" ), options.max ); + + element.slider( "destroy" ); + + element = $( "<div></div>" ); + options = { + max: 5, + min: -5, + orientation: "vertical", + step: 1 + }; + element.slider( options ); + + element.slider( "value", options.max - options.step ); + + handle().simulate( "keydown", { keyCode: $.ui.keyCode.RIGHT } ); + equal(element.slider( "value" ), options.max ); + + handle().simulate( "keydown", { keyCode: $.ui.keyCode.RIGHT } ); + equal(element.slider( "value" ), options.max ); + + element.slider( "destroy" ); +}); + +test( "keydown DOWN on handle decreases value by step, not less than min", function() { + expect( 4 ); + element = $( "<div></div>" ); + options = { + max: 5, + min: -5, + orientation: "horizontal", + step: 1 + }; + element.slider( options ); + + element.slider( "value", options.min + options.step ); + + handle().simulate( "keydown", { keyCode: $.ui.keyCode.DOWN } ); + equal(element.slider( "value" ), options.min); + + handle().simulate( "keydown", { keyCode: $.ui.keyCode.DOWN } ); + equal(element.slider( "value" ), options.min ); + + element.slider( "destroy" ); + + element = $( "<div></div>" ); + options = { + max: 5, + min: -5, + orientation: "vertical", + step: 1 + }; + element.slider( options ); + + element.slider( "value", options.min + options.step ); + + handle().simulate( "keydown", { keyCode: $.ui.keyCode.DOWN } ); + equal(element.slider( "value" ), options.min); + + handle().simulate( "keydown", { keyCode: $.ui.keyCode.DOWN } ); + equal(element.slider( "value" ), options.min ); + + element.slider( "destroy" ); +}); + +test( "keydown LEFT on handle decreases value by step, not less than min", function() { + expect( 4 ); + element = $( "<div></div>" ); + options = { + max: 5, + min: -5, + orientation: "horizontal", + step: 1 + }; + element.slider(options); + + element.slider( "value", options.min + options.step ); + + handle().simulate( "keydown", { keyCode: $.ui.keyCode.LEFT } ); + equal(element.slider( "value" ), options.min ); + + handle().simulate( "keydown", { keyCode: $.ui.keyCode.LEFT } ); + equal(element.slider( "value" ), options.min ); + + element.slider( "destroy" ); + + element = $( "<div></div>" ); + options = { + max: 5, + min: -5, + orientation: "vertical", + step: 1 + }; + element.slider( options ); + + element.slider( "value", options.min + options.step ); + + handle().simulate( "keydown", { keyCode: $.ui.keyCode.LEFT } ); + equal(element.slider( "value" ), options.min ); + + handle().simulate( "keydown", { keyCode: $.ui.keyCode.LEFT } ); + equal(element.slider( "value" ), options.min ); + + element.slider( "destroy" ); +}); + +} ); |