LayoutTests/fast/events/drag-parent-node.html

   1 <html>
   2 <head>
   3 <style type="text/css">
   4 .bookmark {
   5     background-image:url(resources/bookmark.gif);
   6     text-indent:-1000px;
   7     display:block;
   8     height:25px;
   9     width:80px;
  10 }
  11 </style>
  12 </head>
  13 <script>
  14 var dragStarted = false;
  15 window.ondragstart = function() {
  16     dragStarted = true;
  17 }
  18
  19 window.ondragend = function() {
  20     if (!window.layoutTestController)
  21         return;
  22
  23     if (dragStarted) {
  24         document.getElementById('results').innerHTML = 'Test passed.';
  25     }
  26 }
  27
  28 function test() {
  29     if (!window.layoutTestController)
  30         return;
  31
  32     if (!window.eventSender)
  33         return;
  34
  35     document.getElementById('results').innerHTML = 'Test failed.';
  36
  37     layoutTestController.dumpAsText();
  38     layoutTestController.waitUntilDone();
  39
  40     var testBookmark = document.getElementById('testBookmark');
  41     var x = testBookmark.offsetLeft + testBookmark.offsetWidth / 2;
  42     var y = testBookmark.offsetTop + testBookmark.offsetHeight / 2;
  43
  44     eventSender.mouseMoveTo(x, y);
  45     eventSender.mouseDown();
  46     eventSender.mouseMoveTo(x + 100, y + 100);
  47     eventSender.mouseUp();
  48
  49     layoutTestController.notifyDone();
  50 }
  51 </script>
  52
  53 <body onload="test()">
  54 <p>This tests a parent node (has child nodes) is draggable.
  55 You should be able to drag the bookmark image below and drop it to bookmarks bar.
  56 </p>
  57 <a id="testBookmark" href="http://testbookmark" title="Bookmark" class="bookmark">Bookmark</a>
  58 <br>
  59 <div id="results"></div>
  60 </body>
  61 </html>