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>