r1831 - trunk/tests/visual/slider
Author: rdworth
Date: Wed Jan 28 05:58:55 2009
New Revision: 1831
Added:
trunk/tests/visual/slider/slider_in_container_with_scrollbars.html
Log:
test visual slider: new test - Slider in container with scrollbars
Added: trunk/tests/visual/slider/slider_in_container_with_scrollbars.html
==============================================================================
--- (empty file)
+++ trunk/tests/visual/slider/slider_in_container_with_scrollbars.html Wed
Jan 28 05:58:55 2009
@@ -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>