r3040 committed - slider option visual tests
Revision: 3040
Author: rdworth
Date: Sat Aug 8 05:18:02 2009
Log: slider option visual tests
http://code.google.com/p/jquery-ui/source/detail?r=3040
Added:
/trunk/tests/visual/slider/slider_option_animate_false.html
/trunk/tests/visual/slider/slider_option_animate_true.html
/trunk/tests/visual/slider/slider_option_max_3.html
/trunk/tests/visual/slider/slider_option_max_30.html
/trunk/tests/visual/slider/slider_option_max_300.html
/trunk/tests/visual/slider/slider_option_min_-3.html
/trunk/tests/visual/slider/slider_option_min_-30.html
/trunk/tests/visual/slider/slider_option_min_-300.html
/trunk/tests/visual/slider/slider_option_orientation_horizontal.html
/trunk/tests/visual/slider/slider_option_orientation_vertical.html
/trunk/tests/visual/slider/slider_option_range_false.html
/trunk/tests/visual/slider/slider_option_range_max.html
/trunk/tests/visual/slider/slider_option_range_min.html
/trunk/tests/visual/slider/slider_option_range_true.html
/trunk/tests/visual/slider/slider_option_step_25.html
/trunk/tests/visual/slider/slider_option_step_5.html
/trunk/tests/visual/slider/slider_option_value_3.html
/trunk/tests/visual/slider/slider_option_value_30.html
/trunk/tests/visual/slider/slider_option_values_25_50_75.html
/trunk/tests/visual/slider/slider_option_values_25_75.html
/trunk/tests/visual/slider/slider_option_values_50.html
=======================================
--- /dev/null
+++ /trunk/tests/visual/slider/slider_option_animate_false.html Sat Aug 8
05:18:02 2009
@@ -0,0 +1,23 @@
+<!doctype html>
+<html lang="en">
+<head>
+ <title>Slider Visual Test : Slider option animate false</title>
+ <link rel="stylesheet" href="../visual.css" type="text/css" />
+ <link rel="stylesheet" href="../../../themes/base/ui.all.css"
type="text/css">
+ <script type="text/javascript" src="../../../jquery-1.3.2.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({
+ animate: false
+ });
+ });
+ </script>
+</head>
+<body>
+
+<div id="slider"></div>
+
+</body>
+</html>
=======================================
--- /dev/null
+++ /trunk/tests/visual/slider/slider_option_animate_true.html Sat Aug 8
05:18:02 2009
@@ -0,0 +1,23 @@
+<!doctype html>
+<html lang="en">
+<head>
+ <title>Slider Visual Test : Slider option animate true</title>
+ <link rel="stylesheet" href="../visual.css" type="text/css" />
+ <link rel="stylesheet" href="../../../themes/base/ui.all.css"
type="text/css">
+ <script type="text/javascript" src="../../../jquery-1.3.2.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({
+ animate: true
+ });
+ });
+ </script>
+</head>
+<body>
+
+<div id="slider"></div>
+
+</body>
+</html>
=======================================
--- /dev/null
+++ /trunk/tests/visual/slider/slider_option_max_3.html Sat Aug 8 05:18:02
2009
@@ -0,0 +1,23 @@
+<!doctype html>
+<html lang="en">
+<head>
+ <title>Slider Visual Test : Slider option max 3</title>
+ <link rel="stylesheet" href="../visual.css" type="text/css" />
+ <link rel="stylesheet" href="../../../themes/base/ui.all.css"
type="text/css">
+ <script type="text/javascript" src="../../../jquery-1.3.2.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({
+ max: 3
+ });
+ });
+ </script>
+</head>
+<body>
+
+<div id="slider"></div>
+
+</body>
+</html>
=======================================
--- /dev/null
+++ /trunk/tests/visual/slider/slider_option_max_30.html Sat Aug 8
05:18:02 2009
@@ -0,0 +1,23 @@
+<!doctype html>
+<html lang="en">
+<head>
+ <title>Slider Visual Test : Slider option max 30</title>
+ <link rel="stylesheet" href="../visual.css" type="text/css" />
+ <link rel="stylesheet" href="../../../themes/base/ui.all.css"
type="text/css">
+ <script type="text/javascript" src="../../../jquery-1.3.2.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({
+ max: 30
+ });
+ });
+ </script>
+</head>
+<body>
+
+<div id="slider"></div>
+
+</body>
+</html>
=======================================
--- /dev/null
+++ /trunk/tests/visual/slider/slider_option_max_300.html Sat Aug 8
05:18:02 2009
@@ -0,0 +1,23 @@
+<!doctype html>
+<html lang="en">
+<head>
+ <title>Slider Visual Test : Slider option max 300</title>
+ <link rel="stylesheet" href="../visual.css" type="text/css" />
+ <link rel="stylesheet" href="../../../themes/base/ui.all.css"
type="text/css">
+ <script type="text/javascript" src="../../../jquery-1.3.2.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({
+ max: 300
+ });
+ });
+ </script>
+</head>
+<body>
+
+<div id="slider"></div>
+
+</body>
+</html>
=======================================
--- /dev/null
+++ /trunk/tests/visual/slider/slider_option_min_-3.html Sat Aug 8
05:18:02 2009
@@ -0,0 +1,24 @@
+<!doctype html>
+<html lang="en">
+<head>
+ <title>Slider Visual Test : Slider option min -3</title>
+ <link rel="stylesheet" href="../visual.css" type="text/css" />
+ <link rel="stylesheet" href="../../../themes/base/ui.all.css"
type="text/css">
+ <script type="text/javascript" src="../../../jquery-1.3.2.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({
+ min: -3,
+ max: 0
+ });
+ });
+ </script>
+</head>
+<body>
+
+<div id="slider"></div>
+
+</body>
+</html>
=======================================
--- /dev/null
+++ /trunk/tests/visual/slider/slider_option_min_-30.html Sat Aug 8
05:18:02 2009
@@ -0,0 +1,24 @@
+<!doctype html>
+<html lang="en">
+<head>
+ <title>Slider Visual Test : Slider option min -30</title>
+ <link rel="stylesheet" href="../visual.css" type="text/css" />
+ <link rel="stylesheet" href="../../../themes/base/ui.all.css"
type="text/css">
+ <script type="text/javascript" src="../../../jquery-1.3.2.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({
+ min: -30,
+ max: 0
+ });
+ });
+ </script>
+</head>
+<body>
+
+<div id="slider"></div>
+
+</body>
+</html>
=======================================
--- /dev/null
+++ /trunk/tests/visual/slider/slider_option_min_-300.html Sat Aug 8
05:18:02 2009
@@ -0,0 +1,24 @@
+<!doctype html>
+<html lang="en">
+<head>
+ <title>Slider Visual Test : Slider option min -300</title>
+ <link rel="stylesheet" href="../visual.css" type="text/css" />
+ <link rel="stylesheet" href="../../../themes/base/ui.all.css"
type="text/css">
+ <script type="text/javascript" src="../../../jquery-1.3.2.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({
+ min: -300,
+ max: 0
+ });
+ });
+ </script>
+</head>
+<body>
+
+<div id="slider"></div>
+
+</body>
+</html>
=======================================
--- /dev/null
+++ /trunk/tests/visual/slider/slider_option_orientation_horizontal.html
Sat Aug 8 05:18:02 2009
@@ -0,0 +1,23 @@
+<!doctype html>
+<html lang="en">
+<head>
+ <title>Slider Visual Test : Slider option orientation 'horizontal'</title>
+ <link rel="stylesheet" href="../visual.css" type="text/css" />
+ <link rel="stylesheet" href="../../../themes/base/ui.all.css"
type="text/css">
+ <script type="text/javascript" src="../../../jquery-1.3.2.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({
+ orientation: 'horizontal'
+ });
+ });
+ </script>
+</head>
+<body>
+
+<div id="slider"></div>
+
+</body>
+</html>
=======================================
--- /dev/null
+++ /trunk/tests/visual/slider/slider_option_orientation_vertical.html Sat
Aug 8 05:18:02 2009
@@ -0,0 +1,23 @@
+<!doctype html>
+<html lang="en">
+<head>
+ <title>Slider Visual Test : Slider option orientation 'vertical'</title>
+ <link rel="stylesheet" href="../visual.css" type="text/css" />
+ <link rel="stylesheet" href="../../../themes/base/ui.all.css"
type="text/css">
+ <script type="text/javascript" src="../../../jquery-1.3.2.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({
+ orientation: 'vertical'
+ });
+ });
+ </script>
+</head>
+<body>
+
+<div id="slider"></div>
+
+</body>
+</html>
=======================================
--- /dev/null
+++ /trunk/tests/visual/slider/slider_option_range_false.html Sat Aug 8
05:18:02 2009
@@ -0,0 +1,24 @@
+<!doctype html>
+<html lang="en">
+<head>
+ <title>Slider Visual Test : Slider option range false</title>
+ <link rel="stylesheet" href="../visual.css" type="text/css" />
+ <link rel="stylesheet" href="../../../themes/base/ui.all.css"
type="text/css">
+ <script type="text/javascript" src="../../../jquery-1.3.2.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({
+ range: false,
+ value: 50
+ });
+ });
+ </script>
+</head>
+<body>
+
+<div id="slider"></div>
+
+</body>
+</html>
=======================================
--- /dev/null
+++ /trunk/tests/visual/slider/slider_option_range_max.html Sat Aug 8
05:18:02 2009
@@ -0,0 +1,24 @@
+<!doctype html>
+<html lang="en">
+<head>
+ <title>Slider Visual Test : Slider option range 'max'</title>
+ <link rel="stylesheet" href="../visual.css" type="text/css" />
+ <link rel="stylesheet" href="../../../themes/base/ui.all.css"
type="text/css">
+ <script type="text/javascript" src="../../../jquery-1.3.2.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({
+ range: 'max',
+ value: 40
+ });
+ });
+ </script>
+</head>
+<body>
+
+<div id="slider"></div>
+
+</body>
+</html>
=======================================
--- /dev/null
+++ /trunk/tests/visual/slider/slider_option_range_min.html Sat Aug 8
05:18:02 2009
@@ -0,0 +1,24 @@
+<!doctype html>
+<html lang="en">
+<head>
+ <title>Slider Visual Test : Slider option range 'min'</title>
+ <link rel="stylesheet" href="../visual.css" type="text/css" />
+ <link rel="stylesheet" href="../../../themes/base/ui.all.css"
type="text/css">
+ <script type="text/javascript" src="../../../jquery-1.3.2.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({
+ range: 'min',
+ value: 60
+ });
+ });
+ </script>
+</head>
+<body>
+
+<div id="slider"></div>
+
+</body>
+</html>
=======================================
--- /dev/null
+++ /trunk/tests/visual/slider/slider_option_range_true.html Sat Aug 8
05:18:02 2009
@@ -0,0 +1,24 @@
+<!doctype html>
+<html lang="en">
+<head>
+ <title>Slider Visual Test : Slider option range true</title>
+ <link rel="stylesheet" href="../visual.css" type="text/css" />
+ <link rel="stylesheet" href="../../../themes/base/ui.all.css"
type="text/css">
+ <script type="text/javascript" src="../../../jquery-1.3.2.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({
+ range: true,
+ values: [25, 75]
+ });
+ });
+ </script>
+</head>
+<body>
+
+<div id="slider"></div>
+
+</body>
+</html>
=======================================
--- /dev/null
+++ /trunk/tests/visual/slider/slider_option_step_25.html Sat Aug 8
05:18:02 2009
@@ -0,0 +1,23 @@
+<!doctype html>
+<html lang="en">
+<head>
+ <title>Slider Visual Test : Slider option step 25</title>
+ <link rel="stylesheet" href="../visual.css" type="text/css" />
+ <link rel="stylesheet" href="../../../themes/base/ui.all.css"
type="text/css">
+ <script type="text/javascript" src="../../../jquery-1.3.2.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({
+ step: 25
+ });
+ });
+ </script>
+</head>
+<body>
+
+<div id="slider"></div>
+
+</body>
+</html>
=======================================
--- /dev/null
+++ /trunk/tests/visual/slider/slider_option_step_5.html Sat Aug 8
05:18:02 2009
@@ -0,0 +1,23 @@
+<!doctype html>
+<html lang="en">
+<head>
+ <title>Slider Visual Test : Slider option step 5</title>
+ <link rel="stylesheet" href="../visual.css" type="text/css" />
+ <link rel="stylesheet" href="../../../themes/base/ui.all.css"
type="text/css">
+ <script type="text/javascript" src="../../../jquery-1.3.2.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({
+ step: 5
+ });
+ });
+ </script>
+</head>
+<body>
+
+<div id="slider"></div>
+
+</body>
+</html>
=======================================
--- /dev/null
+++ /trunk/tests/visual/slider/slider_option_value_3.html Sat Aug 8
05:18:02 2009
@@ -0,0 +1,23 @@
+<!doctype html>
+<html lang="en">
+<head>
+ <title>Slider Visual Test : Slider option value 3</title>
+ <link rel="stylesheet" href="../visual.css" type="text/css" />
+ <link rel="stylesheet" href="../../../themes/base/ui.all.css"
type="text/css">
+ <script type="text/javascript" src="../../../jquery-1.3.2.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({
+ value: 3
+ });
+ });
+ </script>
+</head>
+<body>
+
+<div id="slider"></div>
+
+</body>
+</html>
=======================================
--- /dev/null
+++ /trunk/tests/visual/slider/slider_option_value_30.html Sat Aug 8
05:18:02 2009
@@ -0,0 +1,23 @@
+<!doctype html>
+<html lang="en">
+<head>
+ <title>Slider Visual Test : Slider option value 30</title>
+ <link rel="stylesheet" href="../visual.css" type="text/css" />
+ <link rel="stylesheet" href="../../../themes/base/ui.all.css"
type="text/css">
+ <script type="text/javascript" src="../../../jquery-1.3.2.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({
+ value: 30
+ });
+ });
+ </script>
+</head>
+<body>
+
+<div id="slider"></div>
+
+</body>
+</html>
=======================================
--- /dev/null
+++ /trunk/tests/visual/slider/slider_option_values_25_50_75.html Sat Aug
8 05:18:02 2009
@@ -0,0 +1,23 @@
+<!doctype html>
+<html lang="en">
+<head>
+ <title>Slider Visual Test : Slider option values 25 50 75</title>
+ <link rel="stylesheet" href="../visual.css" type="text/css" />
+ <link rel="stylesheet" href="../../../themes/base/ui.all.css"
type="text/css">
+ <script type="text/javascript" src="../../../jquery-1.3.2.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({
+ values: [25, 50, 75]
+ });
+ });
+ </script>
+</head>
+<body>
+
+<div id="slider"></div>
+
+</body>
+</html>
=======================================
--- /dev/null
+++ /trunk/tests/visual/slider/slider_option_values_25_75.html Sat Aug 8
05:18:02 2009
@@ -0,0 +1,23 @@
+<!doctype html>
+<html lang="en">
+<head>
+ <title>Slider Visual Test : Slider option values 25 75</title>
+ <link rel="stylesheet" href="../visual.css" type="text/css" />
+ <link rel="stylesheet" href="../../../themes/base/ui.all.css"
type="text/css">
+ <script type="text/javascript" src="../../../jquery-1.3.2.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({
+ values: [25, 75]
+ });
+ });
+ </script>
+</head>
+<body>
+
+<div id="slider"></div>
+
+</body>
+</html>
=======================================
--- /dev/null
+++ /trunk/tests/visual/slider/slider_option_values_50.html Sat Aug 8
05:18:02 2009
@@ -0,0 +1,23 @@
+<!doctype html>
+<html lang="en">
+<head>
+ <title>Slider Visual Test : Slider option values 50</title>
+ <link rel="stylesheet" href="../visual.css" type="text/css" />
+ <link rel="stylesheet" href="../../../themes/base/ui.all.css"
type="text/css">
+ <script type="text/javascript" src="../../../jquery-1.3.2.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({
+ values: [50]
+ });
+ });
+ </script>
+</head>
+<body>
+
+<div id="slider"></div>
+
+</body>
+</html>