LayoutTests/fast/events/drag-display-none-element.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5 #dragme:-webkit-drag
   6 {
   7     display: none;
   8 }
   9 </style>
  10 <script>
  11 function runTest()
  12 {
  13     var dragme = document.getElementById('dragme');
  14     dragme.addEventListener('dragend', function () {
  15         if (window.testRunner)
  16             testRunner.notifyDone();
  17         document.getElementById('console').appendChild(document.createTextNode('PASS'));
  18     });
  19
  20     if (!window.testRunner)
  21         return;
  22
  23     testRunner.waitUntilDone();
  24     testRunner.dumpAsText();
  25
  26     eventSender.mouseMoveTo(dragme.offsetLeft + dragme.offsetWidth / 2, dragme.offsetTop + dragme.offsetHeight / 2);
  27     eventSender.mouseDown();
  28     eventSender.leapForward(100);
  29     eventSender.mouseMoveTo(0, 0);
  30     eventSender.mouseUp();
  31 }
  32 window.addEventListener('load', runTest);
  33 </script>
  34 </head>
  35 <body>
  36 <div id="dragme" draggable="true">To test, try dragging this div around. It shouldn't crash, and PASS should appear below when you end the drag.</div>
  37 <div id="console"></div>
  38 </body>
  39 </html>