LayoutTests/fast/css/resize-corner-tracking.html

   1 <html>
   2 <head>
   3     <title></title>
   4     <script type="text/javascript">
   5         function resize(id)
   6         {
   7             var target = document.getElementById(id);
   8             var x = document.body.offsetLeft + target.offsetLeft + target.offsetWidth;
   9             var y = document.body.offsetTop + target.offsetTop + target.offsetHeight;
  10             eventSender.mouseMoveTo(x - 6, y - 7);
  11             eventSender.mouseDown();
  12             eventSender.mouseMoveTo(x + 13, y + 14);
  13             eventSender.mouseUp();
  14         }
  15         function test()
  16         {
  17             if (!window.layoutTestController)
  18                 return;
  19             resize("div");
  20             resize("textarea1");
  21             resize("textarea2");
  22         }
  23     </script>
  24 <style>
  25 textarea {
  26         resize: both;
  27 }
  28 </style>
  29 </head>
  30 <body onload="test()">
  31     <hr>
  32     <p>
  33         Test for
  34         <i><a href="https://bugs.webkit.org/show_bug.cgi?id=9547">http://bugzilla.opendarwin.org/show_bug.cgi?id=9547</a>
  35         Resize corner does not track the mouse accurately</i>.
  36     </p>
  37     <hr>
  38     <div id="div" style="overflow: auto; resize: both; width: 150px; height: 100px; border: blue 2px solid;"></div>
  39     <textarea id="textarea1" style="width: 150px; height: 100px; border: blue 2px solid;"></textarea>
  40     <br>
  41     <textarea id="textarea2"></textarea>
  42 </body>