An <area> element remains focusable even though its associated <img> is not rendered.
[WebKit-https.git] / LayoutTests / fast / events / tab-test-not-visible-imagemap.html
1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
2 <html>
3 <head>
4 <script src="../js/resources/js-test-pre.js"></script>
5 <body id="body">
6
7 <form>
8 <table>
9 <tbody>
10     <tr><td><input id="input1" type="text"/></td></tr>
11     <tr style="display: none"><td>
12
13     <map name="mymap">
14         <area id="area1" shape="circle" coords="70,84,51" href="1">
15         <area id="area2" shape="rect" coords="25,180,125,280" href="2">
16         <area id="area3" shape="poly" coords="153,106,186,225,340,193,315,81,304,167" href="3">
17         <area id="area4" shape="rect" coords="420,19,478,278" nohref>
18         <area id="area5" shape="circle" coords="220,150,100" href="4">
19         <area id="area6" shape="default" coords="0,0,500,300" href="5">
20         <area id="area7" shape="rect" coords="1, 1, 10, 10" tabindex=-1 href="6">
21     </map>
22
23     <img src="resources/abe.png" width="500" height="300" alt="Image Map" usemap="#mymap" ismap>
24
25     </td></tr>
26     <tr><td><input id ="input2" type="text"/></td></tr>
27
28     <tr style="visibility: hidden"><td>
29
30     <map name="map">
31         <area id="area8" shape="rect" coords=coords="5,48,247,97" href="1">
32     </map>
33
34     <img src="resources/abe.png" width="500" height="300" alt="Image Map" usemap="#map" ismap>
35
36     </td></tr>
37     <tr><td><input id ="input3" type="text"/></td></tr>
38
39 </tbody>
40 </table>
41 </form>
42
43
44 <p id="description"></p>
45 <div id="console"></div>
46
47 <script>
48
49     description("Test that tabbing does not focus area element when its associated image is not rendered.");
50
51     eventSender.keyDown('\t');
52     shouldBe("document.activeElement.id", "'input1'");
53
54     eventSender.keyDown('\t');
55     shouldBe("document.activeElement.id", "'input2'");
56
57     eventSender.keyDown('\t');
58     shouldBe("document.activeElement.id", "'input3'");
59
60 </script>
61
62 <script src="../js/resources/js-test-post.js"></script>
63 </body>
64 </html>