LayoutTests/fast/events/click-focus-control.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4     <script src="../js/resources/js-test-pre.js"></script>
   5
   6     <script type="text/javascript">
   7
   8         var numberOfFocusedElements = 0;
   9         function test()
  10         {
  11             if (!window.testRunner)
  12                 return;
  13
  14             for (var i = 1; i <= 5; i++) {
  15                 var aElement = document.getElementById('a' + i);
  16                 aElement.onfocus = handleFocus;
  17                 eventSender.mouseMoveTo(aElement.offsetLeft + 2, aElement.offsetTop + 2);
  18                 eventSender.mouseDown();
  19                 eventSender.mouseUp();
  20             }
  21
  22             if(numberOfFocusedElements == 5)
  23                testPassed("All form elements got focus");
  24             else
  25                testFailed("Some form elements didn't get focus");
  26
  27             var tc = document.getElementById('test-container');
  28             tc.parentNode.removeChild(tc);
  29         };
  30
  31         function handleFocus(e)
  32         {
  33             var el = e.target;
  34             debug(el.id + ' received focus (' + el.title + ')');
  35             numberOfFocusedElements = numberOfFocusedElements + 1;
  36         }
  37
  38         if (window.testRunner) {
  39             testRunner.dumpAsText();
  40         }
  41
  42     </script>
  43 </head>
  44
  45 <body onLoad="test()">
  46
  47 <p>This test ensures that we can click to focus an a element.
  48 Click on the element below.
  49
  50 <p>The expected result is platform specific. Mac doesn't allow some form controls to be
  51 mouse focusable.
  52
  53 <div id=test-container>
  54 <form id="form1">
  55 <p>
  56 <strong>This is form1</strong><br/>
  57
  58 First name here<br/>
  59 <input type="text" name="name" title="input name" size="6" maxlength="10"/><br/>
  60
  61 Password:<br/>
  62 <input type="password" name="password" size="6" maxlength="10"/><br/>
  63
  64 comments:<br/>
  65 <textarea name="comments" title="textarea comments" rows="2" cols="20">anything form1 goes here</textarea><br/>
  66
  67 Select 1:<br/>
  68 <input id=a1 type="radio" name="radio1" value="radio1a"/><br/>
  69 <input id=a2 type="radio" name="radio1" value="radio1b"/><br/>
  70
  71 Check it:<br/>
  72 <input id=a3 type="checkbox" name="checkbox1" value="checkbox1"/><br/>
  73
  74 Select 1:<br/>
  75   <select id=a4 name="Select" size="2">
  76     <option>1</option>
  77     <option>2</option>
  78     <option selected="selected">3</option>
  79     <option>4</option>
  80   </select><br/>
  81 <input id=a5 type="button" name="button" value="Button 1"/>
  82 </p></form><p><strong>End form1</strong></p>
  83 </div>
  84
  85 <p>Result
  86
  87 <pre id=console></pre>
  88
  89 </body>
  90 </html>