accessible/tests/mochitest/test_aria_activedescendant.html

   1 <!DOCTYPE html>
   2 <html>
   3 <!--
   4 https://bugzilla.mozilla.org/show_bug.cgi?id=429547
   5 -->
   6 <head>
   7   <title>aria-activedescendant property chrome tests</title>
   8   <link rel="stylesheet" type="text/css" href="chrome://mochikit/content/tests/SimpleTest/test.css" />
   9
  10   <script type="application/javascript"
  11           src="chrome://mochikit/content/MochiKit/packed.js"></script>
  12   <script type="application/javascript"
  13           src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script>
  14
  15   <script type="application/javascript"
  16           src="chrome://mochikit/content/a11y/accessible/common.js"></script>
  17
  18   <script type="application/javascript">
  19     const ELEMENT_NODE = nsIDOMNode.ELEMENT_NODE;
  20
  21     var gContainerFocused = false;
  22
  23     function doTest()
  24     {
  25       var focusHandler = {
  26         handleEvent: function handleEvent(aEvent) {
  27           var target = aEvent.target;
  28           if (target.nodeType ==  ELEMENT_NODE &&
  29               target.getAttribute("id") == "container")
  30             gContainerFocused = true;
  31         }
  32       };
  33
  34       var container = document.getElementById("container");
  35       container.addEventListener("focus", focusHandler, false);
  36
  37       var item2Acc = getAccessible("item2");
  38       if (item2Acc) {
  39         item2Acc.takeFocus();
  40
  41         ok(gContainerFocused,
  42            "Container with active descendant didn't receive the focus.");
  43       }
  44
  45       container.removeEventListener("focus", focusHandler, false);
  46
  47       SimpleTest.finish();
  48     }
  49
  50     SimpleTest.waitForExplicitFinish();
  51     addLoadEvent(doTest);
  52   </script>
  53 </head>
  54 <body>
  55
  56   <a target="_blank"
  57      href="https://bugzilla.mozilla.org/show_bug.cgi?id=429547"
  58      title="Support aria-activedescendant usage in nsIAccesible::TakeFocus()">
  59     Mozilla Bug 429547
  60   </a>
  61   <p id="display"></p>
  62   <div id="content" style="display: none"></div>
  63   <pre id="test">
  64   </pre>
  65
  66   <div aria-activedescendant="item1" id="container" tabindex="1">
  67     <div id="item1">item1</div>
  68     <div id="item2">item2</div>
  69     <div id="item3">item3</div>
  70   </div>
  71 </body>
  72 </html>