| <!DOCTYPE html> |
| <html> |
| <head> |
| <script src="../../../resources/js-test-pre.js"></script> |
| <script src="polyfill.js"></script> |
| </head> |
| <body> |
| |
| <div id="container"> |
| <div id="container1"><div id="host1"></div></div> |
| <div id="container2"><div id="host2"></div></div> |
| </div> |
| <pre id="console"></pre> |
| |
| <script> |
| var shadowRoot1 = host1.webkitCreateShadowRoot(); |
| shadowRoot1.innerHTML = '<div id="target1">Element in Shadow DOM</div>'; |
| |
| var shadowRoot2 = host2.webkitCreateShadowRoot(); |
| var host3 = document.createElement('div'); |
| var shadowRoot3 = host3.webkitCreateShadowRoot(); |
| shadowRoot2.appendChild(host3); |
| shadowRoot3.innerHTML = '<div id="target2">Element in nested Shadow DOM</div>'; |
| |
| var target1 = shadowRoot1.getElementById('target1'); |
| var target2 = shadowRoot3.getElementById('target2'); |
| |
| // non-nested ShadowDOM case. |
| debug('Select text in non-nested ShadowDOM and remove an element containing shadow host.'); |
| debug('Then the anchor node of the selection should become be the parent element of the removed element (container).'); |
| eventSender.mouseMoveTo(target1.offsetLeft + 2, target1.offsetTop + target1.offsetHeight / 2); |
| eventSender.mouseDown(); |
| eventSender.mouseMoveTo(target1.offsetLeft + target1.offsetWidth - 2, target1.offsetTop + target1.offsetHeight / 2); |
| eventSender.mouseUp(); |
| container.removeChild(container1); |
| shouldBe('window.getSelection().anchorNode', 'container'); |
| debug(''); |
| |
| // nested ShadowDOM case. |
| debug('Select text in nested ShadowDOM and remove an element containing shadow host.'); |
| debug('In this case, the anchor node of the selection should also become be the parent element of the removed element (container).'); |
| eventSender.mouseMoveTo(target2.offsetLeft + 2, target2.offsetTop + target2.offsetHeight / 2); |
| eventSender.mouseDown(); |
| eventSender.mouseMoveTo(target2.offsetLeft + target2.offsetWidth - 2, target2.offsetTop + target2.offsetHeight / 2); |
| eventSender.mouseUp(); |
| container.removeChild(container2); |
| shouldBe('window.getSelection().anchorNode', 'container'); |
| debug(''); |
| </script> |
| |
| <script src="../../../resources/js-test-post.js"></script> |
| </body> |
| |
| </html> |
