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 |