third_party/WebKit/LayoutTests/fast/images/drag-image.html

   1 <!DOCTYPE html>
   2 <style>
   3     #image {
   4         width: 22px;
   5         height: 22px;
   6         image-rendering: pixelated;
   7     }
   8 </style>
   9 <body>
  10     <!-- Simulate dragging an image and dump the generated drag image. -->
  11     <img id="image" src="resources/grid-small.png">
  12 </body>
  13 <script>
  14     function drag() {
  15         testRunner.dumpDragImage();
  16
  17         var image = document.getElementById('image');
  18         var startX = image.offsetLeft + image.offsetWidth / 2;
  19         var startY = image.offsetTop + image.offsetHeight / 2;
  20         var positionX = startX + image.offsetWidth;
  21         var positionY = startY + image.offsetHeight;
  22
  23         eventSender.dragMode = true;
  24         eventSender.mouseMoveTo(startX, startY);
  25         eventSender.mouseDown();
  26         eventSender.mouseMoveTo(positionX, positionY);
  27         eventSender.mouseUp();
  28     }
  29
  30     if (!window.testRunner || !window.eventSender) {
  31         document.write("This test does not work in manual mode.");
  32     } else {
  33         window.onload = drag;
  34     }
  35 </script>