--- /dev/null
+<!doctype html>\r
+<html lang="en">\r
+<head>\r
+ <title>Slider Visual Test : Slider in container with scrollbars</title>\r
+ <link rel="stylesheet" href="../visual.css" type="text/css" />\r
+ <link rel="stylesheet" href="../../../themes/base/ui.all.css" type="text/css">\r
+ <script type="text/javascript" src="../../../jquery-1.3.1.js"></script>\r
+ <script type="text/javascript" src="../../../ui/ui.core.js"></script>\r
+ <script type="text/javascript" src="../../../ui/ui.slider.js"></script>\r
+ <script type="text/javascript">\r
+ $(function() {\r
+ $("#slider").slider({ value: 50 });\r
+ });\r
+ </script>\r
+</head>\r
+<body>\r
+\r
+<h1>\r
+TEST: press UP, DOWN, LEFT, RIGHT, HOME, END on a slider which is inside a container with scrollbars.\r
+</h1>\r
+\r
+<div style="width: 200px; height: 150px; overflow:scroll;">\r
+\r
+<div style="width: 220px; height: 180px;">\r
+\r
+<div style="width: 100px; margin-left: 40px; margin-top: 60px;" id="slider"></div>\r
+\r
+</div>\r
+\r
+</div>\r
+\r
+<h2>\r
+ASSERT: the scrollbars do not move when the focus is on the slider handle and an arrow key or HOME or END are pressed.\r
+</h2>\r
+<h2>\r
+ASSERT: the scrollbars move when the focus is not on the slider handle and an arrow key or HOME or END are pressed.\r
+</h2>\r
+\r
+</body>\r
+</html>\r
projects / jquery-ui.git / commitdiff