| <!DOCTYPE html> |
| <html> |
| <body> |
| <script src="../../resources/js-test.js"></script> |
| |
| <p>Elements distributed to Shadow DOM should be deleted correctly when pressing delete key.</p> |
| <p>To test manually, select somewhere in ABCDE from somehwere in 12345, and press delete, and check the selected text is deleted correctly.</p> |
| |
| <div id="container"> |
| <ol id="host" contenteditable> |
| <li id="list1">ABCDE</li> |
| <li id="list2">abcde</li> |
| <li id="list3">12345</li> |
| </ol> |
| </div> |
| <pre id="console"></pre> |
| |
| <script> |
| if (window.testRunner) |
| testRunner.dumpAsText(); |
| |
| var shadowRoot = host.createShadowRoot(); |
| var li = document.createElement('li'); |
| li.innerHTML = 'hogehoge'; |
| shadowRoot.appendChild(li); |
| var shadow = document.createElement('shadow'); |
| shadow.appendChild(document.createElement('content')); |
| shadowRoot.appendChild(shadow); |
| |
| if (window.eventSender) { |
| eventSender.mouseMoveTo(list1.offsetLeft + 20, list1.offsetTop + list1.offsetHeight / 2); |
| eventSender.mouseDown(); |
| eventSender.mouseMoveTo(list3.offsetLeft + 20, list3.offsetTop + list3.offsetHeight / 2); |
| eventSender.mouseUp(); |
| |
| eventSender.keyDown('delete'); |
| |
| var hostTextContent = host.textContent.replace(/^\s+|\s+$/g, ''); |
| shouldBe("hostTextContent", "'AB345'"); |
| container.innerHTML = ""; |
| } |
| </script> |
| |
| </body> |
| </html> |
