Added simple slider test

rdworth · rdworth · commit 4a0df13665fd · 2008-06-09T07:40:29.000Z
diff --git a/tests/visual/all.css b/tests/visual/all.css
@@ -6,7 +6,7 @@ ul.plugins li { margin: 0 12px 12px 0;
 	color: white; border: 1px solid gray; text-align: center; font-weight: bold; }
 
 #accordion, #draggable, #droppable,
-#resizable, #selectable, #slider, #sortable, #tabs {
+#resizable, #selectable, #sortable, #tabs {
 	margin: 10px;
 	width: 190px; height: 180px;
 	text-align: center;
@@ -71,3 +71,6 @@ ul.plugins li { margin: 0 12px 12px 0;
 .ui-dialog .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: 0px; bottom: 0px; background: gray !important; border: none !important; }
 .ui-dialog .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 29px; left: 0px; top: 0px; background: gray !important; border: none !important; }
 .ui-dialog .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 29px; right: 0px; top: 0px; background: gray !important; border: none !important; }
+
+.ui-slider { margin: 10px; background: #FF9C08; height: 15px; }
+.ui-slider-handle { width: 10px; height: 15px; background: white; }
diff --git a/tests/visual/all.html b/tests/visual/all.html
@@ -23,6 +23,7 @@
 		$("#draggable").draggable();
 		$("#resizable").resizable();
 		$("#selectable").selectable();
+		$("#slider").slider();
 		$("#sortable").sortable();
 	});
 	</script>
@@ -64,6 +65,10 @@
 		<div>9</div>
 	</div>
 </li>
+<li>
+	Slider
+	<div id="slider"></div>
+</li>
 <li>
 	Sortable
 	<div id="sortable">
diff --git a/tests/visual/slider.html b/tests/visual/slider.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<title>Simple Slider</title>
+	<link rel="stylesheet" href="all.css" type="text/css" media="screen">
+	<script type="text/javascript" src="../../jquery-1.2.6.js"></script>
+	<script type="text/javascript" src="../../ui/ui.core.js"></script>
+	<script type="text/javascript" src="../../ui/ui.slider.js"></script>
+	<script type="text/javascript">
+	$(function() {
+		$("#slider").slider();
+	});
+	</script>
+</head>
+
+<body>
+
+<ul class="plugins">
+<li>
+	Slider
+	<div id="slider"></div>
+</li>
+</ul>
+
+</body>
+</html>
