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="Accessibility Group Attributes ('level', 'setsize', 'posinset') Test.">
michael@0: 
michael@0:   <script type="application/javascript"
michael@0:           src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.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="../attributes.js" />
michael@0: 
michael@0:   <script type="application/javascript">
michael@0:   <![CDATA[
michael@0:     function openMenu(aID)
michael@0:     {
michael@0:       this.menuNode = getNode(aID);
michael@0: 
michael@0:       this.eventSeq = [
michael@0:         new invokerChecker(EVENT_FOCUS, this.menuNode)
michael@0:       ];
michael@0: 
michael@0:       this.invoke = function openMenu_invoke()
michael@0:       {
michael@0:         this.menuNode.open = true;
michael@0:       }
michael@0: 
michael@0:       this.finalCheck = function openMenu_finalCheck()
michael@0:       {
michael@0:         testGroupAttrs("menu_item1.1", 1, 1);
michael@0:         testGroupAttrs("menu_item1.2", 1, 3);
michael@0:         testGroupAttrs("menu_item1.4", 2, 3);
michael@0:         testGroupAttrs("menu_item2", 3, 3);
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 openSubMenu(aID)
michael@0:     {
michael@0:       this.menuNode = getNode(aID);
michael@0: 
michael@0:       this.eventSeq = [
michael@0:         new invokerChecker(EVENT_FOCUS, this.menuNode)
michael@0:       ];
michael@0: 
michael@0:       this.invoke = function openSubMenu_invoke()
michael@0:       {
michael@0:         this.menuNode.open = true;
michael@0:       }
michael@0: 
michael@0:       this.finalCheck = function openSubMenu_finalCheck()
michael@0:       {
michael@0:         testGroupAttrs("menu_item2.1", 1, 2, 1);
michael@0:         testGroupAttrs("menu_item2.2", 2, 2, 1);
michael@0:       }
michael@0: 
michael@0:       this.getID = function openSubMenu_getID()
michael@0:       {
michael@0:         return "open submenu " + prettyName(aID);
michael@0:       }
michael@0:     }
michael@0: 
michael@0:     //gA11yEventDumpToConsole = true; // debug stuff
michael@0: 
michael@0:     var gQueue = null;
michael@0:     function doTest()
michael@0:     {
michael@0:       //////////////////////////////////////////////////////////////////////////
michael@0:       // xul:listbox (bug 417317)
michael@0:       testGroupAttrs("listitem1", 1, 4);
michael@0:       testGroupAttrs("listitem2", 2, 4);
michael@0:       testGroupAttrs("listitem3", 3, 4);
michael@0:       testGroupAttrs("listitem4", 4, 4);
michael@0: 
michael@0:       //////////////////////////////////////////////////////////////////////////
michael@0:       // xul:tab
michael@0:       testGroupAttrs("tab1", 1, 2);
michael@0:       testGroupAttrs("tab2", 2, 2);
michael@0: 
michael@0:       //////////////////////////////////////////////////////////////////////////
michael@0:       // xul:radio
michael@0:       testGroupAttrs("radio1", 1, 2);
michael@0:       testGroupAttrs("radio2", 2, 2);
michael@0: 
michael@0:       //////////////////////////////////////////////////////////////////////////
michael@0:       // xul:menulist
michael@0:       testGroupAttrs("menulist1.1", 1);
michael@0:       testGroupAttrs("menulist1.2", 2);
michael@0:       testGroupAttrs("menulist1.3", 3);
michael@0:       testGroupAttrs("menulist1.4", 4);
michael@0: 
michael@0:       //////////////////////////////////////////////////////////////////////////
michael@0:       // ARIA menu (bug 441888)
michael@0:       testGroupAttrs("aria-menuitem", 1, 3);
michael@0:       testGroupAttrs("aria-menuitemcheckbox", 2, 3);
michael@0:       testGroupAttrs("aria-menuitemradio", 3, 3);
michael@0:       testGroupAttrs("aria-menuitem2", 1, 1);
michael@0: 
michael@0:       //////////////////////////////////////////////////////////////////////////
michael@0:       // xul:menu (bug 443881)
michael@0:       gQueue = new eventQueue();
michael@0:       gQueue.push(new openMenu("menu_item1"));
michael@0:       gQueue.push(new openSubMenu("menu_item2"));
michael@0:       gQueue.invoke(); // SimpleTest.finish();
michael@0:     }
michael@0: 
michael@0:     SimpleTest.waitForExplicitFinish();
michael@0:     addA11yLoadEvent(doTest);
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=417317"
michael@0:        title="Certain types of LISTITEM accessibles no longer get attributes set like 'x of y', regression from fix for bug 389926">
michael@0:       Mozilla Bug 417317
michael@0:     </a><br/>
michael@0:     <a target="_blank"
michael@0:        href="https://bugzilla.mozilla.org/show_bug.cgi?id=443881"
michael@0:        title="take into account separators in xul menus when group attributes are calculating">
michael@0:       Mozilla Bug 443881
michael@0:     </a><br/>
michael@0:     <a target="_blank"
michael@0:        href="https://bugzilla.mozilla.org/show_bug.cgi?id=441888"
michael@0:        title="ARIA checked menu items are not included in the total list of menu items">
michael@0:       Mozilla Bug 441888
michael@0:     </a><br/>
michael@0: 
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:   <listbox>
michael@0:     <listitem label="listitem1" id="listitem1"/>
michael@0:     <listitem label="listitem2" id="listitem2" type="checkbox"/>
michael@0:     <listitem label="listitem3" id="listitem3" type="checkbox"/>
michael@0:     <listitem label="listitem4" id="listitem4"/>
michael@0:   </listbox>
michael@0: 
michael@0:   <menubar>
michael@0:     <menu label="item1" id="menu_item1">
michael@0:       <menupopup>
michael@0:         <menuitem label="item1.1" id="menu_item1.1"/>
michael@0:         <menuseparator/>
michael@0:         <menuitem label="item1.2" id="menu_item1.2"/>
michael@0:         <menuitem label="item1.3" hidden="true"/>
michael@0:         <menuitem label="item1.4" id="menu_item1.4"/>
michael@0:         <menu label="item2" id="menu_item2">
michael@0:           <menupopup>
michael@0:             <menuitem label="item2.1" id="menu_item2.1"/>
michael@0:             <menuitem label="item2.2" id="menu_item2.2"/>
michael@0:           </menupopup>
michael@0:         </menu>
michael@0:       </menupopup>
michael@0:     </menu>
michael@0:   </menubar>
michael@0: 
michael@0:   <tabbox>
michael@0:     <tabs>
michael@0:       <tab id="tab1" label="tab1"/>
michael@0:       <tab id="tab2" label="tab3"/>
michael@0:     </tabs>
michael@0:     <tabpanels>
michael@0:       <tabpanel/>
michael@0:       <tabpanel/>
michael@0:     </tabpanels>
michael@0:   </tabbox>
michael@0: 
michael@0:   <radiogroup>
michael@0:     <radio id="radio1" label="radio1"/>
michael@0:     <radio id="radio2" label="radio2"/>
michael@0:   </radiogroup>
michael@0: 
michael@0:   <menulist id="menulist1" label="Vehicle">
michael@0:     <menupopup>
michael@0:       <menuitem id="menulist1.1" label="Car"/>
michael@0:       <menuitem id="menulist1.2" label="Taxi"/>
michael@0:       <menuitem id="menulist1.3" label="Bus" selected="true"/>
michael@0:       <menuitem id="menulist1.4" label="Train"/>
michael@0:     </menupopup>
michael@0:   </menulist>
michael@0: 
michael@0:   <vbox>
michael@0:     <description role="menuitem" id="aria-menuitem"
michael@0:                  value="conventional menuitem"/>
michael@0:     <description role="menuitemcheckbox" id="aria-menuitemcheckbox"
michael@0:                  value="conventional checkbox menuitem"/>
michael@0:     <description role="menuitem" hidden="true"/>
michael@0:     <description role="menuitemradio" id="aria-menuitemradio"
michael@0:                  value="conventional radio menuitem"/>
michael@0:     <description role="separator"
michael@0:                  value="conventional separator"/>
michael@0:     <description role="menuitem" id="aria-menuitem2"
michael@0:                  value="conventional menuitem"/>
michael@0:   </vbox>
michael@0: 
michael@0:   </vbox>
michael@0:   </hbox>
michael@0: </window>
michael@0: