tor-browser

test_contextmenu.xhtml (8314B)

---

<?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"?>

<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
       title="menu tree and events">

 <script src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js" />
 <script src="chrome://mochikit/content/tests/SimpleTest/EventUtils.js"/>

 <script type="application/javascript"
         src="../common.js" />
 <script type="application/javascript"
         src="../events.js" />
 <script type="application/javascript"
         src="../role.js" />
 <script type="application/javascript"
         src="../states.js" />

 <script type="application/javascript">
 <![CDATA[

   function openMenu(aID, aTree)
   {
     this.eventSeq = [
       new invokerChecker(EVENT_MENUPOPUP_START, getNode(aID))
     ];

     this.invoke = function openMenu_invoke()
     {
       var button = getNode("button");
       getNode(aID).openPopup(button, "after_start", 0, 0, true, false);
     }

     this.finalCheck = function openMenu_finalCheck()
     {
       testStates(aID, STATE_FLOATING, 0, STATE_INVISIBLE | STATE_OFFSCREEN | STATE_COLLAPSED);
       testAccessibleTree(aID, aTree);
     }

     this.getID = function openMenu_getID()
     {
       return "open menu " + prettyName(aID);
     }
   }

   function selectNextMenuItem(aID)
   {
     this.eventSeq = [
       new invokerChecker(EVENT_FOCUS, getNode(aID))
     ];

     this.invoke = function selectMenuItem_invoke()
     {
       synthesizeKey("KEY_ArrowDown");
     }

     this.getID = function selectMenuItem_getID()
     {
       return "select menuitem " + prettyName(aID);
     }
   }

   function openSubMenu(aSubMenuID, aItemID, aMenuID, aTree)
   {
     this.eventSeq = [
       new invokerChecker(EVENT_FOCUS, getNode(aItemID)),
     ];

     this.invoke = function openSubMenu_invoke()
     {
       synthesizeKey("KEY_Enter");
     }

     this.finalCheck = function openSubMenu_finalCheck()
     {
       testAccessibleTree(aMenuID, aTree);
     }

     this.getID = function openSubMenu_getID()
     {
       return "open submenu " + prettyName(aSubMenuID) + " focusing item " + prettyName(aItemID);
     }
   }

   function closeSubMenu(aSubMenuID, aItemID)
   {
     this.eventSeq = [
       new invokerChecker(EVENT_FOCUS, getNode(aItemID)),
     ];

     this.invoke = function closeSubMenu_invoke()
     {
       synthesizeKey("KEY_Escape");
     }

     this.getID = function closeSubMenu_getID()
     {
       return "close submenu " + prettyName(aSubMenuID) + " focusing item " + prettyName(aItemID);
     }
   }

   function closeMenu(aID)
   {
     this.eventSeq = [
       new invokerChecker(EVENT_MENUPOPUP_END, getNode(aID))
     ];

     this.invoke = function closeMenu_invoke()
     {
       synthesizeKey("KEY_Escape");
     }

     this.getID = function closeMenu_getID()
     {
       return "close menu " + prettyName(aID);
     }

     this.finalCheck = function closeMenu_finalCheck()
     {
       testStates(aID, STATE_FLOATING | STATE_INVISIBLE | STATE_OFFSCREEN, 0);
     }
   }

   //gA11yEventDumpToConsole = true;
   //enableLogging("tree,verbose");

   var gQueue = null;
   var gContextTree = {};

   // Linux and Windows menu trees discrepancy: bug 527646.

   /**
    * Return the context menu tree before submenus were open.
    */
   function getMenuTree1()
   {
     if (LINUX || SOLARIS) {
       let tree = {
         role: ROLE_MENUPOPUP,
         children: [
           {
             name: "item0",
             role: ROLE_MENUITEM,
             children: []
           },
           {
             name: "item1",
             role: ROLE_MENUITEM,
             children: []
           },
           {
             name: "item2",
             role: ROLE_PARENT_MENUITEM,
             children: [ ]
           }
         ]
       };
       return tree;
     }

     // Windows
     let tree = {
       role: ROLE_MENUPOPUP,
       children: [
         {
           name: "item0",
           role: ROLE_MENUITEM,
           children: []
         },
         {
           name: "item1",
           role: ROLE_MENUITEM,
           children: []
         },
         {
           name: "item2",
           role: ROLE_PARENT_MENUITEM,
           children: [
             {
               name: "item2",
               role: ROLE_MENUPOPUP,
               children: [ ]
             }
           ]
         }
       ]
     };
     return tree;
   }

   /**
    * Return context menu tree when submenu was open.
    */
   function getMenuTree2()
   {
     var tree = getMenuTree1();
     if (LINUX || SOLARIS) {
       let submenuTree =
       {
         name: "item2.0",
         role: ROLE_PARENT_MENUITEM,
         children: [ ]
       };
       tree.children[2].children.push(submenuTree);
       return tree;
     }

     // Windows
     let submenuTree =
     {
       name: "item2.0",
       role: ROLE_PARENT_MENUITEM,
       children: [
         {
           name: "item2.0",
           role: ROLE_MENUPOPUP,
           children: [ ]
         }
       ]
     };

     tree.children[2].children[0].children.push(submenuTree);
     return tree;
   }

   /**
    * Return context menu tree when subsub menu was open.
    */
   function getMenuTree3()
   {
     var tree = getMenuTree2();
     var subsubmenuTree =
     {
       name: "item2.0.0",
       role: ROLE_MENUITEM,
       children: []
     };

     if (LINUX || SOLARIS)
       tree.children[2].children[0].children.push(subsubmenuTree);
     else
       tree.children[2].children[0].children[0].children[0].children.push(subsubmenuTree);

     return tree;
   }


   function doTests()
   {
     gQueue = new eventQueue();

     // Check initial empty tree
     testAccessibleTree("context", { MENUPOPUP: [] });

     // Open context menu and check that menu item accesibles are created.
     gQueue.push(new openMenu("context", getMenuTree1()));

     // Select items and check focus event on them.
     gQueue.push(new selectNextMenuItem("item0"));
     gQueue.push(new selectNextMenuItem("item1"));
     gQueue.push(new selectNextMenuItem("item2"));

     // Open sub menu and check menu accessible tree and focus event.
     gQueue.push(new openSubMenu("submenu2", "item2.0",
                                 "context", getMenuTree2()));
     gQueue.push(new openSubMenu("submenu2.0", "item2.0.0",
                                 "context", getMenuTree3()));

     // Close submenus and check that focus goes to parent.
     gQueue.push(new closeSubMenu("submenu2.0", "item2.0"));
     gQueue.push(new closeSubMenu("submenu2", "item2"));

     gQueue.push(new closeMenu("context"));

     gQueue.invoke(); // Will call SimpleTest.finish();
   }

   SimpleTest.waitForExplicitFinish();
   addA11yLoadEvent(doTests);
 ]]>
 </script>

 <hbox flex="1" style="overflow: auto;">
 <body xmlns="http://www.w3.org/1999/xhtml">
   <a target="_blank"
      href="https://bugzilla.mozilla.org/show_bug.cgi?id=630194"
      title="Update accessible tree when opening the menu popup">
     Mozilla Bug 630194
   </a>
   <a target="_blank"
      href="https://bugzilla.mozilla.org/show_bug.cgi?id=630486"
      title="Don't force accessible creation for popup children.">
     Mozilla Bug 630486
   </a>
 <p id="display"></p>
   <div id="content" style="display: none">
   </div>
   <pre id="test">
   </pre>
 </body>

   <vbox flex="1">

     <menupopup id="context">
       <menuitem id="item0" label="item0"/>
       <menuitem id="item1" label="item1"/>
       <menu id="item2" label="item2">
         <menupopup id="submenu2">
           <menu id="item2.0" label="item2.0">
             <menupopup id="submenu2.0">
               <menuitem id="item2.0.0" label="item2.0.0"/>
             </menupopup>
           </menu>
         </menupopup>
       </menu>
     </menupopup>

     <button context="context" id="button">btn</button>
   </vbox>
 </hbox>
</window>