LayoutTests/editing/pasteboard/drag-selected-image-to-contenteditable.html

   1 <html>
   2 <head>
   3 <script src=../editing.js language="JavaScript" type="text/JavaScript" ></script>
   4 <script>
   5 if (window.testRunner)
   6      testRunner.dumpEditingCallbacks();
   7 </script>
   8
   9 <script>
  10 function log(message) {
  11     var console = document.getElementById("console");
  12     var li = document.createElement("li");
  13     var text = document.createTextNode(message);
  14
  15     console.appendChild(li);
  16     li.appendChild(text);
  17 }
  18
  19 function runTest() {
  20     if (window.testRunner)
  21         testRunner.waitUntilDone();
  22     // Let the subframe come into being.
  23     window.setTimeout(step2, 100);
  24     e = document.getElementById("dragme");
  25     setSelectionCommand(e, 0, e, 1);
  26 }
  27
  28 function step2()
  29 {
  30     if (!window.testRunner) {
  31         log("This test uses the eventSender.  To run it manually, drag the selected image into the editable div and drop it.  It should appear inside the editable div.");
  32         return;
  33     }
  34
  35     log("Abe should appear twice, once inside the div and once outside it.");
  36
  37     e = document.getElementById("dragme");
  38     x = e.offsetLeft + e.offsetWidth / 2;
  39     y = e.offsetTop + e.offsetHeight / 2;
  40
  41     eventSender.mouseMoveTo(x, y);
  42     eventSender.mouseDown();
  43     e = document.getElementById("target");
  44     x = e.offsetLeft + e.offsetWidth / 2;
  45     y = e.offsetTop + e.offsetHeight / 2;
  46
  47     eventSender.mouseMoveTo(x, y);
  48     eventSender.mouseUp();
  49
  50     testRunner.notifyDone();
  51 }
  52 </script>
  53 </head>
  54
  55 <body style="padding:0; margin:0" onload="runTest();">
  56
  57 <div id="target" style="border: 1px solid black; width: 300px; height: 120px;" contenteditable="true"></div>
  58 <img id="dragme" src="../resources/abe.png">
  59
  60 <ul id="console"></ul>
  61 </body>