| <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> |
| <html> |
| <head> |
| <script src="../../resources/js-test.js"></script> |
| <body id="body"> |
| |
| <form> |
| <table> |
| <tbody> |
| <tr><td><input id="input1" type="text"/></td></tr> |
| <tr style="display: none"><td> |
| |
| <map name="mymap"> |
| <area id="area1" shape="circle" coords="70,84,51" href="1"> |
| <area id="area2" shape="rect" coords="25,180,125,280" href="2"> |
| <area id="area3" shape="poly" coords="153,106,186,225,340,193,315,81,304,167" href="3"> |
| <area id="area4" shape="rect" coords="420,19,478,278" nohref> |
| <area id="area5" shape="circle" coords="220,150,100" href="4"> |
| <area id="area6" shape="default" coords="0,0,500,300" href="5"> |
| <area id="area7" shape="rect" coords="1, 1, 10, 10" tabindex=-1 href="6"> |
| </map> |
| |
| <img src="resources/abe.png" width="500" height="300" alt="Image Map" usemap="#mymap" ismap> |
| |
| </td></tr> |
| <tr><td><input id ="input2" type="text"/></td></tr> |
| |
| <tr style="visibility: hidden"><td> |
| |
| <map name="map"> |
| <area id="area8" shape="rect" coords=coords="5,48,247,97" href="1"> |
| </map> |
| |
| <img src="resources/abe.png" width="500" height="300" alt="Image Map" usemap="#map" ismap> |
| |
| </td></tr> |
| <tr><td><input id ="input3" type="text"/></td></tr> |
| |
| </tbody> |
| </table> |
| </form> |
| |
| |
| <p id="description"></p> |
| <div id="console"></div> |
| |
| <script> |
| |
| description("Test that tabbing does not focus area element when its associated image is not rendered."); |
| |
| eventSender.keyDown('\t'); |
| shouldBe("document.activeElement.id", "'input1'"); |
| |
| eventSender.keyDown('\t'); |
| shouldBe("document.activeElement.id", "'input2'"); |
| |
| eventSender.keyDown('\t'); |
| shouldBe("document.activeElement.id", "'input3'"); |
| |
| </script> |
| |
| </body> |
| </html> |
