aboutsummaryrefslogtreecommitdiffstats
path: root/tests/visual/slider
diff options
context:
space:
mode:
Diffstat (limited to 'tests/visual/slider')
-rw-r--r--tests/visual/slider/slider_horizontal.html24
-rw-r--r--tests/visual/slider/slider_horizontal_range.html25
-rw-r--r--tests/visual/slider/slider_horizontal_range_max.html25
-rw-r--r--tests/visual/slider/slider_horizontal_range_min.html25
-rw-r--r--tests/visual/slider/slider_vertical.html24
-rw-r--r--tests/visual/slider/slider_vertical_range.html25
-rw-r--r--tests/visual/slider/slider_vertical_range_max.html25
-rw-r--r--tests/visual/slider/slider_vertical_range_min.html25
8 files changed, 198 insertions, 0 deletions
diff --git a/tests/visual/slider/slider_horizontal.html b/tests/visual/slider/slider_horizontal.html
new file mode 100644
index 000000000..d72b1b08f
--- /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
index 000000000..4616d70e9
--- /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
index 000000000..dde69e5cc
--- /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
index 000000000..813d3102c
--- /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
index 000000000..fcb10a385
--- /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
index 000000000..c3cb75ca0
--- /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
index 000000000..e9ccc4d59
--- /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
index 000000000..945c26249
--- /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>