third_party/WebKit/LayoutTests/fast/forms/search-zoomed.html

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