accessible/tests/mochitest/test_nsIAccessible_focus.html

   1 <html>
   2
   3 <head>
   4   <title>nsIAccessible::takeFocus testing</title>
   5
   6   <link rel="stylesheet" type="text/css"
   7         href="chrome://mochikit/content/tests/SimpleTest/test.css" />
   8
   9   <script type="application/javascript"
  10           src="chrome://mochikit/content/MochiKit/packed.js"></script>
  11   <script type="application/javascript"
  12           src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script>
  13   <script type="application/javascript"
  14           src="chrome://mochikit/content/a11y/accessible/common.js"></script>
  15
  16   <script type="application/javascript">
  17     ////////////////////////////////////////////////////////////////////////////
  18     // Test
  19
  20     function doTest()
  21     {
  22       // focus ARIA link
  23       var ID = "aria-link";
  24       var linkAcc = getAccessible(ID);
  25
  26       gFocusManager.listenElement(linkAcc, ID, doTest2);
  27       linkAcc.takeFocus();
  28     }
  29
  30     function doTest2()
  31     {
  32       // focus first child of ARIA link
  33       var ID = "aria-link2";
  34       var linkAcc = getAccessible(ID);
  35
  36       gFocusManager.listenElement(linkAcc, ID, doTest3);
  37       linkAcc.firstChild.takeFocus();
  38     }
  39
  40     function doTest3()
  41     {
  42       // focus html:a
  43       var ID = "link";
  44       var linkAcc = getAccessible(ID);
  45
  46       gFocusManager.listenElement(linkAcc, ID, finishTest);
  47       linkAcc.takeFocus();
  48     }
  49
  50     function finishTest()
  51     {
  52       SimpleTest.finish();
  53     }
  54
  55     SimpleTest.waitForExplicitFinish();
  56     addLoadEvent(doTest);
  57
  58     ////////////////////////////////////////////////////////////////////////////
  59     // Helpers
  60
  61     var gFocusManager =
  62     {
  63       // Public
  64       listenElement: function listenElement(aAccOrID, aPrettyName, aCallback)
  65       {
  66         registerA11yEventListener(nsIAccessibleEvent.EVENT_FOCUS, this);
  67
  68         var elmObj = {};
  69         this.mAcc = getAccessible(aAccOrID, null, elmObj);
  70         this.mElm = elmObj.value;
  71         this.mName = aPrettyName ? aPrettyName : aAccOrID;
  72         this.mCallback = aCallback;
  73
  74         window.setTimeout(
  75           function(aFocusMgr)
  76           {
  77             aFocusMgr.checkWasFocusHandled();
  78           }, 0, this);
  79       },
  80
  81       // Private
  82       handleEvent: function handleEvent(aAccEvent)
  83       {
  84         var node = aAccEvent.DOMNode;
  85         if (node == this.mElm)
  86             this.mIsFocusHandled = true;
  87       },
  88
  89       checkWasFocusHandled: function checkWasFocusHandled()
  90       {
  91         window.setTimeout(
  92           function(aFocusMgr)
  93           {
  94             unregisterA11yEventListener(nsIAccessibleEvent.EVENT_FOCUS, this);
  95
  96             ok(aFocusMgr.mIsFocusHandled,
  97                "Focus wasn't recieved for element with ID " + aFocusMgr.mName + ".");
  98
  99             var states = {}, extraStates = {};
 100             aFocusMgr.mAcc.getState(states, extraStates);
 101 // XXX see bug 455840. Only fails on aria-link, the other two are OK.
 102 // When fixing this bug, remove the if statement and else block and "todo" statement.
 103             if (states.value & nsIAccessibleStates.STATE_FOCUSED)
 104               ok(states.value & nsIAccessibleStates.STATE_FOCUSED,
 105                  "No focused state for element with ID " + aFocusMgr.mName + ".");
 106             else
 107               todo(states.value & nsIAccessibleStates.STATE_FOCUSED,
 108                    "No focused state for element with ID " + aFocusMgr.mName + ".");
 109
 110             aFocusMgr.mCallback();
 111           }, 0, this);
 112       },
 113
 114       mAcc: null,
 115       mElm: null,
 116       mName: "",
 117       mIsFocusHandled: false
 118     };
 119   </script>
 120 </head>
 121
 122 <body>
 123
 124   <a target="_blank"
 125      href="https://bugzilla.mozilla.org/show_bug.cgi?id=452710"
 126      title="nsIAccessible::takeFocus testing">
 127     Mozilla Bug 452710
 128   </a>
 129   <p id="display"></p>
 130   <div id="content" style="display: none"></div>
 131   <pre id="test">
 132   </pre>
 133
 134   <span id="aria-link" role="link" tabindex="0">link</span>
 135   <span id="aria-link2" role="link" tabindex="0">link</span>
 136
 137   <a id="link" href="">link</span>
 138
 139 </body>
 140 </html>