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" );
+});
+
+} );