Missing cursor/caret showing in search field on google.com
[WebKit-https.git] / LayoutTests / editing / selection / drag-to-contenteditable-iframe.html
1 <html>
2 <head>
3 <script>
4 if (window.testRunner) {
5      testRunner.dumpEditingCallbacks();
6      testRunner.waitUntilDone();
7 }
8
9 function log(message) {
10     var console = document.getElementById("console");
11     var li = document.createElement("li");
12     var text = document.createTextNode(message);
13     
14     console.appendChild(li);
15     li.appendChild(text);
16 }
17
18 function runTest() {
19     if (!window.testRunner) {
20         log("This test uses the eventSender.  To run it manually, drag the image into the editable frame and drop it.  It should appear inside the editable frame.");
21         return;
22     }
23     
24     log("Abe should be outside the frame and inside it.");
25     
26     e = document.getElementById("dragme");
27     x = e.offsetLeft + e.offsetWidth / 2;
28     y = e.offsetTop + e.offsetHeight / 2;
29
30     eventSender.mouseMoveTo(x, y);
31     eventSender.mouseDown();
32     eventSender.leapForward(1000);
33     
34     const frame = document.getElementById("frame");
35     x = frame.offsetLeft + frame.offsetWidth / 2;
36     y = frame.offsetTop + frame.offsetHeight / 2;
37     
38     eventSender.mouseMoveTo(x, y);
39     eventSender.mouseUp();
40
41     const img = frame.contentDocument.querySelector('img');
42     if (img.complete)
43         testRunner.notifyDone();
44     else
45         img.onload = () => testRunner.notifyDone();
46 }
47
48 window.onload = runTest;
49
50 </script>
51 </head>
52
53 <body style="padding:0; margin:0">  
54
55 <iframe id="frame" style="width: 200px; height: 200px; border: 4px solid black;" src="../resources/contenteditable-iframe-src.html"></iframe>
56 <img id="dragme" src="../resources/abe.png">
57
58 <ul id="console"></ul>
59 </body>