| <html> |
| <head> |
| <script src="../../resources/js-test.js"></script> |
| </head> |
| <body> |
| <details id="d"> |
| <summary> |
| <input type="button" value="button" id="buttonControl"> |
| <input type="text" value="text" id="textControl"> |
| <textarea value="textarea" id="textareaControl"></textarea> |
| <div id="block">This is clickable summary text</div> |
| </summary> |
| This is a detail. |
| </details> |
| <script> |
| function clickOn(id) |
| { |
| var control = document.getElementById(id); |
| var x = control.offsetLeft; |
| var y = control.offsetTop; |
| var delta = 5; |
| eventSender.mouseMoveTo(x + delta, y + delta); |
| eventSender.mouseDown(); |
| eventSender.mouseUp(); |
| } |
| |
| if (window.eventSender) { |
| details = document.getElementById("d"); |
| shouldBeFalse("details.open"); |
| clickOn("buttonControl"); |
| shouldBeFalse("details.open"); |
| clickOn("textControl"); |
| shouldBeFalse("details.open"); |
| clickOn("textareaControl"); |
| shouldBeFalse("details.open"); |
| clickOn("block"); |
| shouldBeTrue("details.open"); |
| details.style.display = "none"; |
| } |
| |
| |
| </script> |
| </body> |
| </html> |
