| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| </head> | |
| <body> | |
| Test that input elements in shadow trees update when text is entered. | |
| <div id="parentDiv"> | |
| <input placeholder="distributed"><br> | |
| <textarea></textarea> | |
| </div> | |
| </body> | |
| <script> | |
| parentDiv.attachShadow({mode: 'open'}); | |
| var innerDiv = document.createElement('div'); | |
| innerDiv.appendChild(document.createElement('slot')) | |
| parentDiv.shadowRoot.appendChild(innerDiv); | |
| function enterText(selector, characters) | |
| { | |
| if (window.eventSender) { | |
| var input = document.querySelector(selector); | |
| input.focus(); | |
| for (c of characters) | |
| window.eventSender.keyDown(c); | |
| input.blur(); | |
| } | |
| } | |
| enterText("input", "one"); | |
| enterText("textarea", "two"); | |
| </script> | |
| </html> |