<!DOCTYPE html>
<html>
<body>
<p>This tests selecting content starting in one shadow tree and ending another shadow tree.<br>
To manually test, select "hello world" below by a mouse drag. WebKit should select the phrase.</p>
<div id="container"></div>
<script>

const host1 = document.createElement('div');
const shadowRoot1 = host1.attachShadow({mode: 'closed'});
shadowRoot1.textContent = 'hello ';

const host2 = document.createElement('div');
const shadowRoot2 = host2.attachShadow({mode: 'closed'});
shadowRoot2.textContent = 'world';
container.append(host1, host2);

if (window.eventSender) {
    eventSender.dragMode = false;
    eventSender.mouseMoveTo(container.offsetLeft - 2, container.offsetTop + 5);
    eventSender.mouseDown();
    eventSender.mouseMoveTo(container.offsetLeft + container.offsetWidth - 5, container.offsetTop + container.offsetHeight - 5);
    eventSender.mouseUp();
    if (getSelection().startContainer.getRootNode() != document)
        document.write("The start container's root node was not the document");
    if (getSelection().endContainer.getRootNode() != document)
        document.write("The end container's root node was not the document");
    if (getSelection().getRangeAt(0).startContainer.getRootNode() != document)
        document.write("The range's start container's root node was not the document");
    if (getSelection().getRangeAt(0).endContainer.getRootNode() != document)
        document.write("The range's end container's root node was not the document");
}

</script>
</body>
</html>