src/third_party/WebKit/LayoutTests/fast/regions/drag-scrollbars-of-content-expected.html

   1 <!DOCTYPE html>
   2 <html>
   3         <head>
   4                 <title>drag the scrollbars of content flowed in regions</title>
   5                 <style>
   6                         .content {
   7                                 width: 100px;
   8                                 height: 100px;
   9                                 overflow-y: scroll;
  10                                 overflow-x: none;
  11                                 font-size: 20px;
  12                                 line-height: 1em;
  13                                 padding: 0.5em;
  14                                 border: solid 1px #888;
  15                         }
  16                         #region {
  17                                 width: 200px;
  18                                 height: 200px;
  19                                 margin: 20px;
  20                                 background-color: rgb(241, 241, 241);
  21                         }
  22                 </style>
  23                 <script>
  24                         function myOnLoad() {
  25                                 if(!window.testRunner)
  26                                         return;
  27                                 var scrollable = document.querySelector('.content');
  28                                 var scrollBox = scrollable.getBoundingClientRect();
  29                                 var X = scrollBox.right - 3;
  30                                 var Y = scrollBox.bottom - 3;
  31
  32                                 eventSender.mouseMoveTo(X, Y);
  33                                 eventSender.mouseDown();
  34                                 eventSender.mouseUp();
  35                         }
  36                 </script>
  37         </head>
  38         <body onload="myOnLoad();">
  39                 <div id="region">
  40                         <div class="content">1xxxxx<br>2xxxxx<br>3xxxxx<br>4xxxxx<br>5xxxxx<br>6xxxxx<br>7xxxxx<br>8xxxxx</div>
  41                 </div>
  42                 <div>You should be able to drag the scrollbars</div>
  43         </body>
  44 </html>