]> source.dussan.org Git - jquery-ui.git/commitdiff
projects / jquery-ui.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 41b2d7a)
slider visual tests: added horizontal and vertical default and range (true, min,...
authorRichard Worth <rdworth@gmail.com>
Thu, 29 Jan 2009 17:06:47 +0000 (17:06 +0000)
committerRichard Worth <rdworth@gmail.com>
Thu, 29 Jan 2009 17:06:47 +0000 (17:06 +0000)
tests/visual/slider/slider_horizontal.html [new file with mode: 0644] patch | blob
tests/visual/slider/slider_horizontal_range.html [new file with mode: 0644] patch | blob
tests/visual/slider/slider_horizontal_range_max.html [new file with mode: 0644] patch | blob
tests/visual/slider/slider_horizontal_range_min.html [new file with mode: 0644] patch | blob
tests/visual/slider/slider_vertical.html [new file with mode: 0644] patch | blob
tests/visual/slider/slider_vertical_range.html [new file with mode: 0644] patch | blob
tests/visual/slider/slider_vertical_range_max.html [new file with mode: 0644] patch | blob
tests/visual/slider/slider_vertical_range_min.html [new file with mode: 0644] patch | blob

diff --git a/tests/visual/slider/slider_horizontal.html b/tests/visual/slider/slider_horizontal.html
new file mode 100644 (file)
index 0000000..d72b1b0
--- /dev/null
+++ b/tests/visual/slider/slider_horizontal.html
@@ -0,0 +1,24 @@
+<!doctype html>
+<html lang="en">
+<head>
+       <title>Slider Visual Test : Slider 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.1.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-horizontal").slider({
+                       orientation: 'horizontal',
+                       value: 50
+               });
+       });
+       </script>
+</head>
+<body>
+
+<div id="slider-horizontal"></div>
+
+</body>
+</html>
diff --git a/tests/visual/slider/slider_horizontal_range.html b/tests/visual/slider/slider_horizontal_range.html
new file mode 100644 (file)
index 0000000..4616d70
--- /dev/null
+++ b/tests/visual/slider/slider_horizontal_range.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<html lang="en">
+<head>
+       <title>Slider Visual Test : Slider horizontal range</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.1.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-horizontal-range").slider({
+                       orientation: 'horizontal',
+                       range: true,
+                       values: [25, 75]
+               });
+       });
+       </script>
+</head>
+<body>
+
+<div id="slider-horizontal-range"></div>
+
+</body>
+</html>
diff --git a/tests/visual/slider/slider_horizontal_range_max.html b/tests/visual/slider/slider_horizontal_range_max.html
new file mode 100644 (file)
index 0000000..dde69e5
--- /dev/null
+++ b/tests/visual/slider/slider_horizontal_range_max.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<html lang="en">
+<head>
+       <title>Slider Visual Test : Slider horizontal 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.1.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-horizontal-range-max").slider({
+                       orientation: 'horizontal',
+                       range: 'max',
+                       value: 75
+               });
+       });
+       </script>
+</head>
+<body>
+
+<div id="slider-horizontal-range-max"></div>
+
+</body>
+</html>
diff --git a/tests/visual/slider/slider_horizontal_range_min.html b/tests/visual/slider/slider_horizontal_range_min.html
new file mode 100644 (file)
index 0000000..813d310
--- /dev/null
+++ b/tests/visual/slider/slider_horizontal_range_min.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<html lang="en">
+<head>
+       <title>Slider Visual Test : Slider horizontal 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.1.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-horizontal-range-min").slider({
+                       orientation: 'horizontal',
+                       range: 'min',
+                       value: 25
+               });
+       });
+       </script>
+</head>
+<body>
+
+<div id="slider-horizontal-range-min"></div>
+
+</body>
+</html>
diff --git a/tests/visual/slider/slider_vertical.html b/tests/visual/slider/slider_vertical.html
new file mode 100644 (file)
index 0000000..fcb10a3
--- /dev/null
+++ b/tests/visual/slider/slider_vertical.html
@@ -0,0 +1,24 @@
+<!doctype html>
+<html lang="en">
+<head>
+       <title>Slider Visual Test : Slider 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.1.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-vertical").slider({
+                       orientation: 'vertical',
+                       value: 50
+               });
+       });
+       </script>
+</head>
+<body>
+
+<div id="slider-vertical"></div>
+
+</body>
+</html>
diff --git a/tests/visual/slider/slider_vertical_range.html b/tests/visual/slider/slider_vertical_range.html
new file mode 100644 (file)
index 0000000..c3cb75c
--- /dev/null
+++ b/tests/visual/slider/slider_vertical_range.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<html lang="en">
+<head>
+       <title>Slider Visual Test : Slider vertical range</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.1.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-vertical-range").slider({
+                       orientation: 'vertical',
+                       range: true,
+                       values: [25, 75]
+               });
+       });
+       </script>
+</head>
+<body>
+
+<div id="slider-vertical-range"></div>
+
+</body>
+</html>
diff --git a/tests/visual/slider/slider_vertical_range_max.html b/tests/visual/slider/slider_vertical_range_max.html
new file mode 100644 (file)
index 0000000..e9ccc4d
--- /dev/null
+++ b/tests/visual/slider/slider_vertical_range_max.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<html lang="en">
+<head>
+       <title>Slider Visual Test : Slider vertical 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.1.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-vertical-range-max").slider({
+                       orientation: 'vertical',
+                       range: 'max',
+                       value: 75
+               });
+       });
+       </script>
+</head>
+<body>
+
+<div id="slider-vertical-range-max"></div>
+
+</body>
+</html>
diff --git a/tests/visual/slider/slider_vertical_range_min.html b/tests/visual/slider/slider_vertical_range_min.html
new file mode 100644 (file)
index 0000000..945c262
--- /dev/null
+++ b/tests/visual/slider/slider_vertical_range_min.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<html lang="en">
+<head>
+       <title>Slider Visual Test : Slider vertical 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.1.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-vertical-range-min").slider({
+                       orientation: 'vertical',
+                       range: 'min',
+                       value: 25
+               });
+       });
+       </script>
+</head>
+<body>
+
+<div id="slider-vertical-range-min"></div>
+
+</body>
+</html>
The official jQuery user interface library: https://github.com/jquery/jquery-ui