LayoutTests/fast/events/ondragenter.html

   1 <html>
   2 <head>
   3 <script>
   4 function dragEnter(div)
   5 {
   6     div.innerText = "Success: ";
   7 }
   8 </script>
   9 </head>
  10 <body contenteditable="true">
  11 <span id="elementToDrag">Text</p>
  12 <div id="dragTarget" class="dragTarget" ondragenter="dragEnter(this);" style="width: 300px; height: 300px; border: 1px solid gray;""></div>
  13 <p>This automated layout test checks to see that ondragenter events are being sent.</p>
  14 <script>
  15 function runTest()
  16 {
  17     if (!window.layoutTestController)
  18         return;
  19
  20     layoutTestController.waitUntilDone();
  21     layoutTestController.dumpAsText();
  22
  23     // Find the element to drag
  24     var elementToDrag = document.getElementById("elementToDrag");
  25     var x = elementToDrag.offsetLeft + elementToDrag.offsetWidth / 2;
  26     var y = elementToDrag.offsetTop + elementToDrag.offsetHeight / 2;
  27     // Double click on the element to select its text
  28     eventSender.mouseMoveTo(x, y);
  29     eventSender.mouseDown();
  30     eventSender.mouseUp();
  31     eventSender.mouseDown();
  32     eventSender.mouseUp();
  33
  34     // Wait a moment so that the next mouseDown will kick off a drag, instead of a triple-click
  35     eventSender.leapForward(1300);
  36     eventSender.mouseDown();
  37     // Wait a moment so that the mouseDown will kick off a drag instead of starting a new selection.
  38     eventSender.leapForward(400);
  39
  40     // Drag to the middle of the destination element
  41     var dragTarget = document.getElementById("dragTarget");
  42     x = dragTarget.offsetLeft + dragTarget.offsetWidth / 2;
  43     y = dragTarget.offsetTop + dragTarget.offsetHeight / 2;
  44     eventSender.mouseMoveTo(x, y);
  45     eventSender.mouseUp();
  46
  47     layoutTestController.notifyDone();
  48 }
  49
  50 runTest();
  51 </script>
  52
  53 </body>
  54 </html>