Missing cursor/caret showing in search field on google.com
[WebKit-https.git] / LayoutTests / editing / selection / selection-across-shadow-boundaries-mixed-editability-3.html
1 <!DOCTYPE html>
2 <html>
3 <body>
4 <p>This tests selecting content starting in an editable region in a shadow tree to an editable region in the document tree.<br>
5 To manually test, select "hello world" below by a mouse drag from "h" to "d". WebKit should only select "hello".</p>
6 <div id="container" contenteditable>world</div>
7 <script>
8
9 const host = document.createElement('div');
10 container.prepend(host);
11 const shadowRoot = host.attachShadow({mode: 'closed'});
12 shadowRoot.innerHTML = '<div contenteditable>hello </div>';
13
14 if (window.eventSender) {
15     eventSender.dragMode = false;
16     eventSender.mouseMoveTo(container.offsetLeft + 1, container.offsetTop + 5);
17     eventSender.mouseDown();
18     eventSender.mouseMoveTo(container.offsetLeft + container.offsetWidth - 5, container.offsetTop + container.offsetHeight - 5);
19     eventSender.mouseUp();
20     if (getSelection().startContainer.getRootNode() != document)
21         document.write("The start container's root node was not the document");
22     if (getSelection().startContainer != getSelection().endContainer)
23         document.write("The end container was different from the start container");
24     if (getSelection().getRangeAt(0).startContainer.getRootNode() != document)
25         document.write("The range's start container's root node was not the document");
26     if (getSelection().getRangeAt(0).endContainer != getSelection().getRangeAt(0).startContainer)
27         document.write("The range's end container was different from its start container");
28 }
29
30 </script>
31 </body>
32 </html>