LayoutTests/fast/events/mouse-focus-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 <img id="image" usemap="#map" src="data:image/gif;base64,R0lGODlhAQABAIAAAOTm7AAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" width="1000" height="1000" alt="" style="border:1px solid black;">
   8 <map name="map" id="map">
   9
  10     <area id="focusable-area" tabindex="0" shape="rect" coords="0,0,500,500" href="#" role="img" title="Example 1">
  11     <area id="nonfocusable-area" tabindex="-1" shape="rect" coords="500,500,1000,1000" href="#" role="img" title="Example 2">
  12 </map>
  13
  14 <p id="description"></p>
  15 <div id="console"></div>
  16
  17 <script>
  18
  19     description("This tests that a link in an image map with tabindex < 0 is not mouse focusable.");
  20
  21     // First try to focus on the <area> that is focusable.
  22     eventSender.mouseMoveTo(100, 100);
  23     eventSender.mouseDown();
  24     eventSender.mouseUp();
  25
  26     shouldBe("document.activeElement.id", "'focusable-area'");
  27
  28     // Try to focus on the <area> that is NOT focusable. Focus should still remain on focusable-area.
  29     eventSender.mouseMoveTo(700, 700);
  30     eventSender.mouseDown();
  31     eventSender.mouseUp();
  32
  33     // Some platforms (QT) set focus to the body if clicking on a non-focusable area.
  34     shouldBe("document.activeElement.id == 'focusable-area' || document.activeElement.id == 'body'", "true");
  35 </script>
  36
  37 <script src="../js/resources/js-test-post.js"></script>
  38 </body>
  39 </html>