| OLD | NEW |
| 1 <html> | 1 <html> |
| 2 <head> | 2 <head> |
| 3 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> | 3 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> |
| 4 <title>Search Field with Transform</title> | 4 <title>Search Field with Transform</title> |
| 5 <style type="text/css" media="screen"> | 5 <style type="text/css" media="screen"> |
| 6 html { | 6 html { |
| 7 zoom: 120%; | 7 zoom: 120%; |
| 8 } | 8 } |
| 9 </style> | 9 </style> |
| 10 <script src="../resources/common.js"></script> | 10 <script src="../resources/common.js"></script> |
| 11 </head> | 11 </head> |
| 12 <body> | 12 <body> |
| 13 <p> | 13 <p> |
| 14 Test for <a href="https://bugs.webkit.org/show_bug.cgi?id=24733">https:/
/bugs.webkit.org/show_bug.cgi?id=24733</a>:<br> | 14 Test for <a href="https://bugs.webkit.org/show_bug.cgi?id=24733">https:/
/bugs.webkit.org/show_bug.cgi?id=24733</a>:<br> |
| 15 Tests event handling on search fields with zoom. | 15 Tests event handling on search fields with zoom. |
| 16 </p> | 16 </p> |
| 17 <p> | 17 <p> |
| 18 <input type="search" id="target" results="5" value="Search me"> | 18 <input type="search" id="target" value="Search me"> |
| 19 </p> | 19 </p> |
| 20 <p id="result" style="margin-top: 60px"> | 20 <p id="result" style="margin-top: 60px"> |
| 21 Clicking the (x) button should clear the field. | 21 Clicking the (x) button should clear the field. |
| 22 </p> | 22 </p> |
| 23 <script> | 23 <script> |
| 24 if (window.testRunner) | 24 if (window.testRunner) |
| 25 testRunner.dumpAsText(); | 25 testRunner.dumpAsText(); |
| 26 if (window.eventSender) { | 26 if (window.eventSender) { |
| 27 var target = document.getElementById("target"); | 27 var target = document.getElementById("target"); |
| 28 var cancelPos = searchCancelButtonPosition(target); | 28 var cancelPos = searchCancelButtonPosition(target); |
| 29 eventSender.mouseMoveTo(cancelPos.x * 1.2, cancelPos.y * 1.2); | 29 eventSender.mouseMoveTo(cancelPos.x * 1.2, cancelPos.y * 1.2); |
| 30 eventSender.mouseDown(); | 30 eventSender.mouseDown(); |
| 31 eventSender.mouseUp(); | 31 eventSender.mouseUp(); |
| 32 var result = document.getElementById("result"); | 32 var result = document.getElementById("result"); |
| 33 if (target.value == "") | 33 if (target.value == "") |
| 34 result.innerText = "PASS"; | 34 result.innerText = "PASS"; |
| 35 else | 35 else |
| 36 result.innerText = "FAIL"; | 36 result.innerText = "FAIL"; |
| 37 | 37 |
| 38 target.value = "Some other text"; | 38 target.value = "Some other text"; |
| 39 } | 39 } |
| 40 </script> | 40 </script> |
| 41 </body> | 41 </body> |
| 42 </html> | 42 </html> |
| OLD | NEW |