third_party/WebKit/ManualTests/autocompletion-fire-onchange.html

   1 <html>
   2 <head>
   3 <script>
   4 // This test case is based on the test case http://data.ici-bas.fr/chromiumissue10879/.
   5 window.changed = false;
   6 function checkForChange()
   7 {
   8     if (!location.search)
   9         return true;
  10
  11     if (!window.changed && document.getElementById("field").value != "")
  12         log("FAIL");
  13     else
  14         log("PASS");
  15     return false;
  16 }
  17
  18 function log(msg)
  19 {
  20     document.getElementById("log").appendChild(document.createTextNode(msg + "\n"));
  21 }
  22 </script>
  23 </head>
  24 <body>
  25 <p id="description">This test verifies that on autocompletion the 'onchange' event is fired.</p>
  26 <p>Steps to reproduce:</p>
  27 <ol>
  28   <li>In the input field, type the word &quot;apple&quot; (without quotes). Then click the button Submit or hit the return/enter
  29   key on your keyboard</li>
  30   <li>Once the page reloads, in the input field, type &quot;ap&quot; (without quotes) and let the browser autocomplete the word (or select
  31   &quot;apple&quot; from the autocompletion drop-down list contextual menu). Then click the button Submit or hit the return/enter
  32   key on your keyboard.</li>
  33 </ol>
  34 <form method="get" onsubmit="return checkForChange()">
  35     <p><input type="text" name="field" id="field" value="" onchange="window.changed = true"/></p>
  36     <p><input type="submit" value="Submit"/></p>
  37 </form>
  38 <pre id="log"></pre>
  39 </body>
  40 </html>