michael@0: <?xml version="1.0"?>
michael@0: <?xml-stylesheet href="chrome://global/skin" type="text/css"?>
michael@0: <?xml-stylesheet href="chrome://mochikit/content/tests/SimpleTest/test.css"
michael@0:                  type="text/css"?>
michael@0: 
michael@0: <window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
michael@0:         title="menu tree and events">
michael@0: 
michael@0:   <script type="application/javascript"
michael@0:           src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js" />
michael@0:   <script type="application/javascript"
michael@0:           src="chrome://mochikit/content/tests/SimpleTest/EventUtils.js"/>
michael@0: 
michael@0:   <script type="application/javascript"
michael@0:           src="../common.js" />
michael@0:   <script type="application/javascript"
michael@0:           src="../events.js" />
michael@0:   <script type="application/javascript"
michael@0:           src="../role.js" />
michael@0: 
michael@0:   <script type="application/javascript">
michael@0:   <![CDATA[
michael@0: 
michael@0:     function openMenu(aID, aTree)
michael@0:     {
michael@0:       this.eventSeq = [
michael@0:         new invokerChecker(EVENT_MENUPOPUP_START, getNode(aID))
michael@0:       ];
michael@0: 
michael@0:       this.invoke = function openMenu_invoke()
michael@0:       {
michael@0:         var button = getNode("button");
michael@0:         getNode(aID).openPopup(button, "after_start", 0, 0, true, false);
michael@0:       }
michael@0: 
michael@0:       this.finalCheck = function openMenu_finalCheck(aEvent)
michael@0:       {
michael@0:         testAccessibleTree(aID, aTree);
michael@0:       }
michael@0: 
michael@0:       this.getID = function openMenu_getID()
michael@0:       {
michael@0:         return "open menu " + prettyName(aID);
michael@0:       }
michael@0:     }
michael@0: 
michael@0:     function selectNextMenuItem(aID)
michael@0:     {
michael@0:       this.eventSeq = [
michael@0:         new invokerChecker(EVENT_FOCUS, getNode(aID))
michael@0:       ];
michael@0: 
michael@0:       this.invoke = function selectMenuItem_invoke()
michael@0:       {
michael@0:         synthesizeKey("VK_DOWN", { });
michael@0:       }
michael@0: 
michael@0:       this.getID = function selectMenuItem_getID()
michael@0:       {
michael@0:         return "select menuitem " + prettyName(aID);
michael@0:       }
michael@0:     }
michael@0:     
michael@0:     function openSubMenu(aSubMenuID, aItemID, aMenuID, aTree)
michael@0:     {
michael@0:       this.eventSeq = [
michael@0:         new invokerChecker(EVENT_FOCUS, getNode(aItemID)),
michael@0:       ];
michael@0: 
michael@0:       this.invoke = function openSubMenu_invoke()
michael@0:       {
michael@0:         synthesizeKey("VK_RETURN", { });
michael@0:       }
michael@0: 
michael@0:       this.finalCheck = function openSubMenu_finalCheck(aEvent)
michael@0:       {
michael@0:         testAccessibleTree(aMenuID, aTree);
michael@0:       }
michael@0: 
michael@0:       this.getID = function openSubMenu_getID()
michael@0:       {
michael@0:         return "open submenu " + prettyName(aSubMenuID) + " focusing item " + prettyName(aItemID);
michael@0:       }
michael@0:     }
michael@0: 
michael@0:     function closeSubMenu(aSubMenuID, aItemID)
michael@0:     {
michael@0:       this.eventSeq = [
michael@0:         new invokerChecker(EVENT_FOCUS, getNode(aItemID)),
michael@0:       ];
michael@0: 
michael@0:       this.invoke = function closeSubMenu_invoke()
michael@0:       {
michael@0:         synthesizeKey("VK_ESCAPE", { });
michael@0:       }
michael@0: 
michael@0:       this.getID = function closeSubMenu_getID()
michael@0:       {
michael@0:         return "close submenu " + prettyName(aSubMenuID) + " focusing item " + prettyName(aItemID);
michael@0:       }
michael@0:     }
michael@0: 
michael@0:     function closeMenu(aID)
michael@0:     {
michael@0:       this.eventSeq = [
michael@0:         new invokerChecker(EVENT_MENUPOPUP_END, getNode(aID))
michael@0:       ];
michael@0: 
michael@0:       this.invoke = function closeMenu_invoke()
michael@0:       {
michael@0:         synthesizeKey("VK_ESCAPE", { });
michael@0:       }
michael@0: 
michael@0:       this.getID = function closeMenu_getID()
michael@0:       {
michael@0:         return "close menu " + prettyName(aID);
michael@0:       }
michael@0:     }
michael@0: 
michael@0:     //gA11yEventDumpID = "eventdump";
michael@0:     //gA11yEventDumpToConsole = true;
michael@0: 
michael@0:     var gQueue = null;
michael@0:     var gContextTree = {};
michael@0: 
michael@0:     // Linux and Windows menu trees discrepancy: bug 527646.
michael@0: 
michael@0:     /**
michael@0:      * Return the context menu tree before submenus were open.
michael@0:      */
michael@0:     function getMenuTree1()
michael@0:     {
michael@0:       if (LINUX || SOLARIS) {
michael@0:         var tree = {
michael@0:           role: ROLE_MENUPOPUP,
michael@0:           children: [
michael@0:             {
michael@0:               name: "item0",
michael@0:               role: ROLE_MENUITEM,
michael@0:               children: []
michael@0:             },
michael@0:             {
michael@0:               name: "item1",
michael@0:               role: ROLE_MENUITEM,
michael@0:               children: []
michael@0:             },
michael@0:             {
michael@0:               name: "item2",
michael@0:               role: ROLE_PARENT_MENUITEM,
michael@0:               children: [ ]
michael@0:             }
michael@0:           ]
michael@0:         };
michael@0:         return tree;
michael@0:       }
michael@0: 
michael@0:       // Windows
michael@0:       var tree = {
michael@0:         role: ROLE_MENUPOPUP,
michael@0:         children: [
michael@0:           {
michael@0:             name: "item0",
michael@0:             role: ROLE_MENUITEM,
michael@0:             children: []
michael@0:           },
michael@0:           {
michael@0:             name: "item1",
michael@0:             role: ROLE_MENUITEM,
michael@0:             children: []
michael@0:           },
michael@0:           {
michael@0:             name: "item2",
michael@0:             role: ROLE_PARENT_MENUITEM,
michael@0:             children: [
michael@0:               {
michael@0:                 name: "item2",
michael@0:                 role: ROLE_MENUPOPUP,
michael@0:                 children: [ ]
michael@0:               }
michael@0:             ]
michael@0:           }
michael@0:         ]
michael@0:       };
michael@0:       return tree;
michael@0:     }
michael@0: 
michael@0:     /**
michael@0:      * Return context menu tree when submenu was open.
michael@0:      */
michael@0:     function getMenuTree2()
michael@0:     {
michael@0:       var tree = getMenuTree1();
michael@0:       if (LINUX || SOLARIS) {
michael@0:         var submenuTree =
michael@0:         {
michael@0:           name: "item2.0",
michael@0:           role: ROLE_PARENT_MENUITEM,
michael@0:           children: [ ]
michael@0:         };
michael@0:         tree.children[2].children.push(submenuTree);
michael@0:         return tree;
michael@0:       }
michael@0: 
michael@0:       // Windows
michael@0:       var submenuTree =
michael@0:       {
michael@0:         name: "item2.0",
michael@0:         role: ROLE_PARENT_MENUITEM,
michael@0:         children: [
michael@0:           {
michael@0:             name: "item2.0",
michael@0:             role: ROLE_MENUPOPUP,
michael@0:             children: [ ]
michael@0:           }
michael@0:         ]
michael@0:       };
michael@0: 
michael@0:       tree.children[2].children[0].children.push(submenuTree);
michael@0:       return tree;
michael@0:     }
michael@0: 
michael@0:     /**
michael@0:      * Return context menu tree when subsub menu was open.
michael@0:      */
michael@0:     function getMenuTree3()
michael@0:     {
michael@0:       var tree = getMenuTree2();
michael@0:       var subsubmenuTree =
michael@0:       {
michael@0:         name: "item2.0.0",
michael@0:         role: ROLE_MENUITEM,
michael@0:         children: []
michael@0:       };
michael@0: 
michael@0:       if (LINUX || SOLARIS)
michael@0:         tree.children[2].children[0].children.push(subsubmenuTree);
michael@0:       else
michael@0:         tree.children[2].children[0].children[0].children[0].children.push(subsubmenuTree);
michael@0: 
michael@0:       return tree;
michael@0:     }
michael@0: 
michael@0: 
michael@0:     function doTests()
michael@0:     {
michael@0:       gQueue = new eventQueue();
michael@0: 
michael@0:       // Check initial empty tree
michael@0:       testAccessibleTree("context", { MENUPOPUP: [] });
michael@0: 
michael@0:       // Open context menu and check that menu item accesibles are created.
michael@0:       gQueue.push(new openMenu("context", getMenuTree1()));
michael@0: 
michael@0:       // Select items and check focus event on them.
michael@0:       gQueue.push(new selectNextMenuItem("item0"));
michael@0:       gQueue.push(new selectNextMenuItem("item1"));
michael@0:       gQueue.push(new selectNextMenuItem("item2"));
michael@0: 
michael@0:       // Open sub menu and check menu accessible tree and focus event.
michael@0:       gQueue.push(new openSubMenu("submenu2", "item2.0",
michael@0:                                   "context", getMenuTree2()));
michael@0:       gQueue.push(new openSubMenu("submenu2.0", "item2.0.0",
michael@0:                                   "context", getMenuTree3()));
michael@0: 
michael@0:       // Close submenus and check that focus goes to parent.
michael@0:       gQueue.push(new closeSubMenu("submenu2.0", "item2.0"));
michael@0:       gQueue.push(new closeSubMenu("submenu2", "item2"));
michael@0: 
michael@0:       gQueue.push(new closeMenu("context"));
michael@0: 
michael@0:       gQueue.invoke(); // Will call SimpleTest.finish();
michael@0:     }
michael@0: 
michael@0:     SimpleTest.waitForExplicitFinish();
michael@0:     addA11yLoadEvent(doTests);
michael@0:   ]]>
michael@0:   </script>
michael@0: 
michael@0:   <hbox flex="1" style="overflow: auto;">
michael@0:   <body xmlns="http://www.w3.org/1999/xhtml">
michael@0:     <a target="_blank"
michael@0:        href="https://bugzilla.mozilla.org/show_bug.cgi?id=630194"
michael@0:        title="Update accessible tree when opening the menu popup">
michael@0:       Mozilla Bug 630194
michael@0:     </a>
michael@0:     <a target="_blank"
michael@0:        href="https://bugzilla.mozilla.org/show_bug.cgi?id=630486"
michael@0:        title="Don't force accessible creation for popup children.">
michael@0:       Mozilla Bug 630486
michael@0:     </a>
michael@0:   <p id="display"></p>
michael@0:     <div id="content" style="display: none">
michael@0:     </div>
michael@0:     <pre id="test">
michael@0:     </pre>
michael@0:   </body>
michael@0: 
michael@0:     <vbox flex="1">
michael@0: 
michael@0:       <menupopup id="context">
michael@0:         <menuitem id="item0" label="item0"/>
michael@0:         <menuitem id="item1" label="item1"/>
michael@0:         <menu id="item2" label="item2">
michael@0:           <menupopup id="submenu2">
michael@0:             <menu id="item2.0" label="item2.0">
michael@0:               <menupopup id="submenu2.0">
michael@0:                 <menuitem id="item2.0.0" label="item2.0.0"/>
michael@0:               </menupopup>
michael@0:             </menu>
michael@0:           </menupopup>
michael@0:         </menu>
michael@0:       </menupopup>
michael@0: 
michael@0:       <button context="context" id="button">btn</button>
michael@0: 
michael@0:       <vbox id="eventdump" role="log"/>
michael@0:     </vbox>
michael@0:   </hbox>
michael@0: </window>