LayoutTests/scrollbars/scrollbar-drag-thumb-with-large-content.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   3 <html xmlns="http://www.w3.org/1999/xhtml">
   4     <head>
   5         <title>Bug 60737 test case</title>
   6         <style type="text/css">
   7             /* Use customized scrollbar to avoid platform differences. */
   8             <!--
   9             ::-webkit-scrollbar {
  10                     width: 20px;
  11                     height: 20px;
  12             }
  13             ::-webkit-scrollbar-button {
  14                 height: 20px;
  15                 width: 20px;
  16                 background-color: blue;
  17             }
  18
  19             ::-webkit-scrollbar-track-piece  {
  20                 background-color: gray;
  21             }
  22
  23             ::-webkit-scrollbar-thumb {
  24                 height: 20px;
  25                 width: 20px;
  26                 background-color: red;
  27             }
  28             -->
  29         </style>
  30     </head>
  31     <body style="margin:0px">
  32         <div id="container" style="border:1px solid black; height:150px; width:100px; overflow:auto;">
  33             <div id="expander" style="height:100px; width:5000px; background-color:green; border:2px solid red;">
  34             </div>
  35         </div>
  36         <p id="result">Test did not run.</p>
  37         <script>
  38             if (window.layoutTestController)
  39                 layoutTestController.dumpAsText();
  40             var container = document.getElementById("container");
  41             container.scrollLeft = 2;
  42             // Drag scrollbar thumber to left most:
  43             if (window.eventSender) {
  44                 eventSender.mouseMoveTo(30, 145);
  45                 eventSender.mouseDown();
  46                 eventSender.mouseMoveTo(0, 145);
  47                 eventSender.mouseUp();
  48             }
  49             if (window.layoutTestController)
  50                 document.getElementById("result").innerText = container.scrollLeft == 0 ? "PASS" : "FAIL";
  51         </script>
  52     </body>
  53 </html>