Python 3: Add support in webkitpy.common.net.bugzilla
[WebKit-https.git] / LayoutTests / fast / events / click-focus-control.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4     <script src="../../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>