LayoutTests/fast/images/imagemap-focus-ring-outline-color.html

   1 <html>
   2 <head>
   3 <style>
   4 area:focus { outline-color: green; }
   5 </style>
   6 <script>
   7 window.onload = function()
   8 {
   9     document.getElementById("area").focus();
  10 }
  11 </script>
  12 </head>
  13 <body>
  14 <p>Assuming the port-specific theme draws focus rings, this test can be used to ensure that a focus ring is drawn for an &lt;area&gt;. This test PASSED if a green-colored focus ring is drawn around the &lt;area&gt; in the imagemap (below).</p>
  15 <map name="imagemap">
  16     <area id="area" shape="rect" coords="0,0,128,128" href="#dummy"/>
  17 </map>
  18 <img src="imagemap.jpg" width="128" height="128" usemap="#imagemap" />
  19 </body>
  20 </head>
  21 </html>