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 <script src="resources/common.js"></script> | 5 <script src="resources/common.js"></script> |
6 </head> | 6 </head> |
7 <body> | 7 <body> |
8 <p> | 8 <p> |
9 Test for <a href="https://bugs.webkit.org/show_bug.cgi?id=22190">https:/
/bugs.webkit.org/show_bug.cgi?id=22190</a>:<br> | 9 Test for <a href="https://bugs.webkit.org/show_bug.cgi?id=22190">https:/
/bugs.webkit.org/show_bug.cgi?id=22190</a>:<br> |
10 Tests drawing and event handling on transformed search fields. | 10 Tests drawing and event handling on transformed search fields. |
11 </p> | 11 </p> |
12 <p style="-webkit-transform: translate(50px, 50px);"> | 12 <p style="transform: translate(50px, 50px);"> |
13 <input type="search" id="target" results="5" value="Search me"> | 13 <input type="search" id="target" results="5" value="Search me"> |
14 </p> | 14 </p> |
15 <p id="result" style="margin-top: 60px"> | 15 <p id="result" style="margin-top: 60px"> |
16 Clicking the (x) button should clear the field. | 16 Clicking the (x) button should clear the field. |
17 </p> | 17 </p> |
18 <script> | 18 <script> |
19 if (window.testRunner) | 19 if (window.testRunner) |
20 testRunner.dumpAsText(); | 20 testRunner.dumpAsText(); |
21 if (window.eventSender) { | 21 if (window.eventSender) { |
22 var target = document.getElementById("target"); | 22 var target = document.getElementById("target"); |
23 var translationAmount = 50; | 23 var translationAmount = 50; |
24 var cancelPos = searchCancelButtonPosition(target); | 24 var cancelPos = searchCancelButtonPosition(target); |
25 eventSender.mouseMoveTo(cancelPos.x + translationAmount, cancelPos.y
+ translationAmount); | 25 eventSender.mouseMoveTo(cancelPos.x + translationAmount, cancelPos.y
+ translationAmount); |
26 eventSender.mouseDown(); | 26 eventSender.mouseDown(); |
27 eventSender.mouseUp(); | 27 eventSender.mouseUp(); |
28 var result = document.getElementById("result"); | 28 var result = document.getElementById("result"); |
29 if (target.value == "") | 29 if (target.value == "") |
30 result.innerText = "PASS"; | 30 result.innerText = "PASS"; |
31 else | 31 else |
32 result.innerText = "FAIL"; | 32 result.innerText = "FAIL"; |
33 | 33 |
34 target.value = "Some other text"; | 34 target.value = "Some other text"; |
35 } | 35 } |
36 </script> | 36 </script> |
37 </body> | 37 </body> |
38 </html> | 38 </html> |
OLD | NEW |