aboutsummaryrefslogtreecommitdiffstats
path: root/tests/visual/slider
diff options
context:
space:
mode:
authorRichard Worth <rdworth@gmail.com>2009-01-28 13:58:55 +0000
committerRichard Worth <rdworth@gmail.com>2009-01-28 13:58:55 +0000
commit43115285fc28bd9a29b53928a9008e7815bfe76c (patch)
treea8359387f628029f7189569282b9ef64aa83654d /tests/visual/slider
parentb80bf5aa06baadb0cce33514b8556de15d360fdb (diff)
downloadjquery-ui-43115285fc28bd9a29b53928a9008e7815bfe76c.tar.gz
jquery-ui-43115285fc28bd9a29b53928a9008e7815bfe76c.zip
test visual slider: new test - Slider in container with scrollbars
Diffstat (limited to 'tests/visual/slider')
-rw-r--r--tests/visual/slider/slider_in_container_with_scrollbars.html40
1 files changed, 40 insertions, 0 deletions
diff --git a/tests/visual/slider/slider_in_container_with_scrollbars.html b/tests/visual/slider/slider_in_container_with_scrollbars.html
new file mode 100644
index 000000000..9968c21d5
--- /dev/null
+++ b/tests/visual/slider/slider_in_container_with_scrollbars.html
@@ -0,0 +1,40 @@
+<!doctype html>
+<html lang="en">
+<head>
+ <title>Slider Visual Test : Slider in container with scrollbars</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").slider({ value: 50 });
+ });
+ </script>
+</head>
+<body>
+
+<h1>
+TEST: press UP, DOWN, LEFT, RIGHT, HOME, END on a slider which is inside a container with scrollbars.
+</h1>
+
+<div style="width: 200px; height: 150px; overflow:scroll;">
+
+<div style="width: 220px; height: 180px;">
+
+<div style="width: 100px; margin-left: 40px; margin-top: 60px;" id="slider"></div>
+
+</div>
+
+</div>
+
+<h2>
+ASSERT: the scrollbars do not move when the focus is on the slider handle and an arrow key or HOME or END are pressed.
+</h2>
+<h2>
+ASSERT: the scrollbars move when the focus is not on the slider handle and an arrow key or HOME or END are pressed.
+</h2>
+
+</body>
+</html>