| OLD | NEW |
| (Empty) |
| 1 <!DOCTYPE html> | |
| 2 <html> | |
| 3 <head> | |
| 4 <script src="../../../resources/js-test.js"></script> | |
| 5 </head> | |
| 6 <body> | |
| 7 <dialog> | |
| 8 <content></content> | |
| 9 </dialog> | |
| 10 <div id="host"> | |
| 11 <button>Click me</button> | |
| 12 </div> | |
| 13 <script> | |
| 14 function clickOn(element) | |
| 15 { | |
| 16 if (!window.eventSender) | |
| 17 return; | |
| 18 var rect = element.getBoundingClientRect(); | |
| 19 eventSender.mouseMoveTo(rect.left + rect.width / 2, rect.top + rect.height /
2); | |
| 20 eventSender.mouseDown(); | |
| 21 eventSender.mouseUp(); | |
| 22 } | |
| 23 | |
| 24 jsTestIsAsync = true; | |
| 25 description('Tests that nodes transposed into the dialog are not inert. The test
passes if you can click the button.'); | |
| 26 | |
| 27 dialog = document.querySelector('dialog'); | |
| 28 root = document.querySelector('#host').createShadowRoot(); | |
| 29 root.appendChild(dialog); | |
| 30 dialog.showModal(); | |
| 31 | |
| 32 button = document.querySelector('button'); | |
| 33 dialog.addEventListener('click', function(event) { | |
| 34 if (event.target == button) | |
| 35 testPassed('button was clicked'); | |
| 36 else | |
| 37 testFailed('button was not clicked'); | |
| 38 finishJSTest(); | |
| 39 }); | |
| 40 clickOn(button); | |
| 41 </script> | |
| 42 </body> | |
| 43 </html> | |
| OLD | NEW |