gecko/accessible/tests/mochitest/test_nsIAccessible_actions.xul

<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
<?xml-stylesheet href="chrome://mochikit/content/tests/SimpleTest/test.css"
                 type="text/css"?>
<?xml-stylesheet href="chrome://mochikit/content/a11y/accessible/nsIAccessible_name.css"
                 type="text/css"?>


<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
        title="Accessibility Name Calculating Test.">

  <script type="application/javascript" 
          src="chrome://mochikit/content/MochiKit/packed.js"></script>
  <script type="application/javascript"
          src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js" />
  <script type="application/javascript">
  <![CDATA[
    const nsIAccessibleRetrieval = Components.interfaces.nsIAccessibleRetrieval;
    const nsIAccessibleRole = Components.interfaces.nsIAccessibleRole;

    // Event constants
    const MOUSEDOWN_EVENT = 1;
    const MOUSEUP_EVENT = 2;
    const CLICK_EVENT = 4;
    const COMMAND_EVENT = 8;

    const CLICK_EVENTS = MOUSEDOWN_EVENT | MOUSEUP_EVENT | CLICK_EVENT;
    const ALL_EVENTS = CLICK_EVENTS | COMMAND_EVENT;

    var gAccRetrieval = null;

    var gEventHandler = {
      initialize: function(aID, aElm, aExpectedEvents)
      {
        this.ID = aID,
        this.element = aElm;
        this.mExpectedEvents = aExpectedEvents;
        this.mFiredEvents = 0;

        if (this.mExpectedEvents & MOUSEDOWN_EVENT)
          aElm.addEventListener("mousedown", this, false);

        if (this.mExpectedEvents & MOUSEUP_EVENT)
          aElm.addEventListener("mouseup", this, false);

        if (this.mExpectedEvents & CLICK_EVENT)
          aElm.addEventListener("click", this, false);

        if (this.mExpectedEvents & COMMAND_EVENT)
          aElm.addEventListener("command", this, false);
      },

      checkEvents: function()
      {
        if (this.mExpectedEvents & MOUSEDOWN_EVENT) {
          ok(this.mFiredEvents & MOUSEDOWN_EVENT,
               "mousedown hasn't been fired for " + this.ID);
          this.element.removeEventListener("mousedown", this, false);
        }

        if (this.mExpectedEvents & MOUSEUP_EVENT) {
          ok(this.mFiredEvents & MOUSEUP_EVENT,
               "mouseup hasn't been fired for " + this.ID);
          this.element.removeEventListener("mouseup", this, false);
        }

        if (this.mExpectedEvents & CLICK_EVENT) {
          ok(this.mFiredEvents & CLICK_EVENT,
               "click hasn't been fired for " + this.ID);
          this.element.removeEventListener("click", this, false);
        }

        if (this.mExpectedEvents & COMMAND_EVENT) {
          ok(this.mFiredEvents & COMMAND_EVENT,
               "command hasn't been fired for " + this.ID);
          this.element.removeEventListener("command", this, false);
        }
      },

      ID: "",
      element: null,

      handleEvent : function(aEvent)
      {
        if (aEvent.type == "mousedown")
          this.mFiredEvents |= MOUSEDOWN_EVENT;
        else if(aEvent.type == "mouseup")
          this.mFiredEvents |= MOUSEUP_EVENT;
        else if(aEvent.type == "click")
          this.mFiredEvents |= CLICK_EVENT;
        else if(aEvent.type == "command")
          this.mFiredEvents |= COMMAND_EVENT;
      },

      mExpectedEvents: 0,
      mFiredEvents: 0
    };

    function testActions(aArray, aIndex)
    {
      if (!aIndex)
        aIndex = 0;

      if (aIndex == aArray.length) {
        SimpleTest.finish();
        return;
      }

      var ID = aArray[aIndex].ID;
      var actionName = aArray[aIndex].actionName;
      var events = aArray[aIndex].events;

      var elm = document.getElementById(ID);
      if (!elm) {
        ok(false, "There is no element with ID " + ID);
        SimpleTest.finish();
        return null;
      }

      var acc = null;
      try {
        acc = gAccRetrieval.getAccessibleFor(elm);
      } catch(e) {
      }

      if (!acc) {
        ok(false, "There is no accessible for " + ID);
        SimpleTest.finish();
        return null;
      }

      is(acc.getActionName(0), actionName,
         "Wrong action name of the accessible for " + ID);

      gEventHandler.initialize(ID, elm, events);

      acc.doAction(0);

      window.setTimeout(
        function()
        {
          gEventHandler.checkEvents();
          testActions(aArray, aIndex + 1);
        },
        200
      );
    }

    function doTest()
    {
      gAccRetrieval = Components.classes["@mozilla.org/accessibleRetrieval;1"].
                      getService(nsIAccessibleRetrieval);

      var actionsArray = [
        {
          ID: "menu",
          actionName: "click",
          events: CLICK_EVENTS
        },
        {
          ID: "submenu",
          actionName: "click",
          events: CLICK_EVENTS
        },
        {
          ID: "menuitem",
          actionName: "click",
          events: ALL_EVENTS
        },
        {
          ID: "button",
          actionName: "press",
          events: ALL_EVENTS
        },
        {
          ID: "buttonmenu",
          actionName: "press",
          events: CLICK_EVENTS
        },
        {
          ID: "buttonmenu_item",
          actionName: "click",
          events: CLICK_EVENTS
        }
      ];
      testActions(actionsArray);
    }

    SimpleTest.waitForExplicitFinish();
    addLoadEvent(doTest);
  ]]>
  </script>

  <body xmlns="http://www.w3.org/1999/xhtml">
    <a target="_blank"
       href="https://bugzilla.mozilla.org/show_bug.cgi?id=444279"
       title="mochitest for accessible name calculating">
      Mozilla Bug 444279
    </a>
    <p id="display"></p>
    <div id="content" style="display: none">
    </div>
    <pre id="test">
    </pre>
  </body>

  <menubar>
    <menu label="menu" id="menu">
      <menupopup>
        <menuitem label="menu item" id="menuitem"/>
        <menu label="submenu" id="submenu">
          <menupopup>
            <menuitem label="menu item"/>
          </menupopup>
        </menu>
      </menupopup>
    </menu>
  </menubar>

  <button label="button" id="button"/>

  <button type="menu" id="buttonmenu" label="button">
    <menupopup>
      <menuitem label="item1" id="buttonmenu_item"/>
      <menuitem label="item1"/>
    </menupopup>
  </button>
</window>