| OLD | NEW |
| 1 <html> | 1 <html> |
| 2 <head> | 2 <head> |
| 3 <title>Search Field with Transform</title> | 3 <title>Search Field with Transform</title> |
| 4 <script src="../resources/common.js"></script> | 4 <script src="../resources/common.js"></script> |
| 5 <script type="text/javascript" charset="utf-8"> | 5 <script type="text/javascript" charset="utf-8"> |
| 6 if (window.testRunner) | 6 if (window.testRunner) |
| 7 testRunner.dumpAsText(); | 7 testRunner.dumpAsText(); |
| 8 </script> | 8 </script> |
| 9 </head> | 9 </head> |
| 10 <body> | 10 <body> |
| 11 <p> | 11 <p> |
| 12 Test for <a href="https://bugs.webkit.org/show_bug.cgi?id=24503">https:/
/bugs.webkit.org/show_bug.cgi?id=24503</a>:<br> | 12 Test for <a href="https://bugs.webkit.org/show_bug.cgi?id=24503">https:/
/bugs.webkit.org/show_bug.cgi?id=24503</a>:<br> |
| 13 Can't click the clear button of an absolutely positioned search field. | 13 Can't click the clear button of an absolutely positioned search field. |
| 14 </p> | 14 </p> |
| 15 <input type="search" id="target" results="5" value="Search me" style="positi
on: absolute; left: 50px; top: 50px;"> | 15 <input type="search" id="target" value="Search me" style="position: absolute
; left: 50px; top: 50px;"> |
| 16 <p id="result" style="margin-top: 60px;"> | 16 <p id="result" style="margin-top: 60px;"> |
| 17 Clicking the (x) button should clear the field. | 17 Clicking the (x) button should clear the field. |
| 18 </p> | 18 </p> |
| 19 <script> | 19 <script> |
| 20 if (window.eventSender) { | 20 if (window.eventSender) { |
| 21 var target = document.getElementById("target"); | 21 var target = document.getElementById("target"); |
| 22 var cancelPos = searchCancelButtonPosition(target); | 22 var cancelPos = searchCancelButtonPosition(target); |
| 23 eventSender.mouseMoveTo(cancelPos.x, cancelPos.y); | 23 eventSender.mouseMoveTo(cancelPos.x, cancelPos.y); |
| 24 eventSender.mouseDown(); | 24 eventSender.mouseDown(); |
| 25 eventSender.mouseUp(); | 25 eventSender.mouseUp(); |
| 26 var result = document.getElementById("result"); | 26 var result = document.getElementById("result"); |
| 27 if (target.value == "") | 27 if (target.value == "") |
| 28 result.innerText = "PASS"; | 28 result.innerText = "PASS"; |
| 29 else | 29 else |
| 30 result.innerText = "FAIL"; | 30 result.innerText = "FAIL"; |
| 31 | 31 |
| 32 target.value = "Some other text"; | 32 target.value = "Some other text"; |
| 33 } | 33 } |
| 34 </script> | 34 </script> |
| 35 </body> | 35 </body> |
| 36 </html> | 36 </html> |
| OLD | NEW |