Patch by Joost de Valk <webkit@joostdevalk.nl>
[WebKit-https.git] / LayoutTests / fast / forms / access-key.html
1 <html>
2 <head>
3 <script>
4 function log(message)
5 {
6     var item = document.createElement("li");
7     item.appendChild(document.createTextNode(message));
8     document.getElementById("console").appendChild(item);
9 }
10 function pressKey(key)
11 {
12     var event = document.createEvent("KeyboardEvent");
13     event.initKeyboardEvent("keydown", true, true, document.defaultView, key, 0, true, false, false, false, false);
14     document.dispatchEvent(event);
15 }
16 function test()
17 {
18     if (window.layoutTestController)
19         layoutTestController.dumpAsText();
20
21         for(i = 1; i <= 9; i++) {
22                 pressKey(i);
23         }
24         pressKey("a");
25         pressKey("b");
26         pressKey("c");
27         pressKey("d");
28 }
29 </script>
30 </head>
31 <body onload="test()">
32 <p>This test checks to see if accesskey attributes works on the specified elements.</p>
33 <p>If this test passes you should see 1 - 9 and a, b and c clicked or focussed.</p>
34 <hr>
35 <p>
36 <button accesskey="1" onclick="log('1 button clicked')"></button>
37 <input type="button" value="Click me!" accesskey="2" onfocus="log('2 input type button focussed')"/>
38 <input type="checkbox" accesskey="3" onfocus="log('3 input type checkbox focussed')"/>
39 <input type="text" accesskey="4" onfocus="log('4 input type text focussed')"/>
40 <input type="submit" accesskey="5" onfocus="log('5 input type submit clicked')"/>
41 <input type="reset" accesskey="6" onfocus="log('6 input type reset clicked')"/>
42 <a href="#" accesskey="7" onclick="log('7 link clicked')"></a>
43 <fieldset><legend accesskey="8"></legend><input type="text" onfocus="log('8 input type associated to legend focussed')"/></fieldset>
44 <label accesskey="9" for="test1"><input type="text" id="test1" onfocus="log('9 input type associated to label around input focussed')"/></label>
45 <label accesskey="a" for="test2"></label><input type="text" id="test2" onfocus="log('a input type associated to label closed before input focussed')"/>
46 <map name="mymap">
47         <area accesskey="b" shape="rect" coords="0,0,5,10" alt="" href="#" onclick="log('b area 1 clicked')">
48         <area accesskey="c" shape="rect" coords="6,0,10,10" alt="" href="#" onclick="log('c area 2 clicked')">
49 </map>
50 <img usemap="#mymap" alt="pic" src="#" height="10" width="10"/>
51 </p>
52 <hr>
53 <ol id="console"></ol>
54 </body>
55 </html>