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="Accessible focus event testing">
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="../role.js" />
michael@0:   <script type="application/javascript"
michael@0:           src="../states.js" />
michael@0:   <script type="application/javascript"
michael@0:           src="../events.js" />
michael@0: 
michael@0:   <script type="application/javascript">
michael@0:     //gA11yEventDumpID = "eventdump"; // debug stuff
michael@0:     gA11yEventDumpToConsole = true; // debug stuff
michael@0: 
michael@0:     var gQueue = null;
michael@0:     function doTests()
michael@0:     {
michael@0:       // Test focus events.
michael@0:       gQueue = new eventQueue();
michael@0: 
michael@0:       gQueue.push(new synthFocus("listbox", new focusChecker("lb_item1")));
michael@0:       gQueue.push(new synthDownKey("lb_item1", new focusChecker("lb_item2")));
michael@0:       gQueue.push(new synthTab("lb_item2", new focusChecker("mslb_item1")));
michael@0:       gQueue.push(new synthDownKey("mslb_item1", new focusChecker("mslb_item2"), { shiftKey: true }));
michael@0:       gQueue.push(new synthTab("mslb_item2", new focusChecker("emptylistbox")));
michael@0:       gQueue.push(new synthFocus("mcolumnlistbox", new focusChecker("mclb_item1")));
michael@0:       gQueue.push(new synthDownKey("mclb_item1", new focusChecker("mclb_item2")));
michael@0:       gQueue.push(new synthFocus("headerlistbox", new focusChecker("hlb_item1")));
michael@0:       gQueue.push(new synthDownKey("hlb_item1", new focusChecker("hlb_item2")));
michael@0: 
michael@0:       gQueue.push(new synthFocus("richlistbox", new focusChecker("rlb_item1")));
michael@0:       gQueue.push(new synthDownKey("rlb_item1", new focusChecker("rlb_item2")));
michael@0:       gQueue.push(new synthFocus("multiselrichlistbox", new focusChecker("msrlb_item1")));
michael@0:       gQueue.push(new synthDownKey("msrlb_item1", new focusChecker("msrlb_item2"), { shiftKey: true }));
michael@0:       gQueue.push(new synthFocus("emptyrichlistbox", new focusChecker("emptyrichlistbox")));
michael@0: 
michael@0:       gQueue.push(new synthFocus("menulist"));
michael@0:       gQueue.push(new synthClick("menulist", new focusChecker("ml_tangerine")));
michael@0:       gQueue.push(new synthDownKey("ml_tangerine", new focusChecker("ml_marmalade")));
michael@0:       gQueue.push(new synthEscapeKey("ml_marmalade", new focusChecker("menulist")));
michael@0: if (!MAC) {
michael@0:       gQueue.push(new synthDownKey("menulist", new nofocusChecker("ml_marmalade")));
michael@0:       gQueue.push(new synthOpenComboboxKey("menulist", new focusChecker("ml_marmalade")));
michael@0:       gQueue.push(new synthEnterKey("ml_marmalade", new focusChecker("menulist")));
michael@0: } else {
michael@0:       todo(false, "Bug 746531 - timeouts of last three menulist tests on OS X");
michael@0: }
michael@0: 
michael@0:       var textentry = getAccessible("emenulist").firstChild;
michael@0:       gQueue.push(new synthFocus("emenulist", new focusChecker(textentry)));
michael@0:       gQueue.push(new synthDownKey(textentry, new nofocusChecker("eml_tangerine")));
michael@0:       gQueue.push(new synthUpKey(textentry, new focusChecker("eml_marmalade")));
michael@0:       gQueue.push(new synthEnterKey("eml_marmalade", new focusChecker(textentry)));
michael@0:       gQueue.push(new synthOpenComboboxKey("emenulist", new focusChecker("eml_marmalade")));
michael@0:       gQueue.push(new synthEscapeKey("eml_marmalade", new focusChecker(textentry)));
michael@0: 
michael@0:       // no focus events for unfocused list controls when current item is
michael@0:       // changed.
michael@0:       gQueue.push(new synthFocus("emptylistbox"));
michael@0: 
michael@0:       gQueue.push(new changeCurrentItem("listbox", "lb_item1"));
michael@0:       gQueue.push(new changeCurrentItem("richlistbox", "rlb_item1"));
michael@0: if (!MAC) {
michael@0:       gQueue.push(new changeCurrentItem("menulist", "ml_tangerine"));
michael@0: }
michael@0:       gQueue.push(new changeCurrentItem("emenulist", "eml_tangerine"));
michael@0: 
michael@0:       gQueue.invoke(); // Will call SimpleTest.finish();
michael@0:     }
michael@0: 
michael@0:     SimpleTest.waitForExplicitFinish();
michael@0:     addA11yLoadEvent(doTests);
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=433418"
michael@0:          title="Accessibles for focused HTML Select elements are not getting focused state">
michael@0:         Mozilla Bug 433418
michael@0:       </a>
michael@0:       <a target="_blank"
michael@0:          href="https://bugzilla.mozilla.org/show_bug.cgi?id=474893"
michael@0:          title="List controls should fire a focus event on the selected child when tabbing or when the selected child changes while the list is focused">
michael@0:         Mozilla Bug 474893
michael@0:       </a>
michael@0:       <a target="_blank"
michael@0:          href="https://bugzilla.mozilla.org/show_bug.cgi?id=552368"
michael@0:          title=" fire focus event on document accessible whenever the root or body element is focused">
michael@0:         Mozilla Bug 552368
michael@0:       </a>
michael@0:       <p id="display"></p>
michael@0:       <div id="content" style="display: none"></div>
michael@0:       <pre id="test">
michael@0:       </pre>
michael@0:     </body>
michael@0: 
michael@0:     <vbox flex="1">
michael@0:       <listbox id="listbox" rows="3">
michael@0:         <listitem id="lb_item1" label="item1"/>
michael@0:         <listitem id="lb_item2" label="item1"/>
michael@0:       </listbox>
michael@0:       <listbox id="multisellistbox" rows="3" seltype="multiple">
michael@0:         <listitem id="mslb_item1" label="item1"/>
michael@0:         <listitem id="mslb_item2" label="item1"/>
michael@0:       </listbox>
michael@0:       <listbox id="emptylistbox" rows="3"/>
michael@0:       <listbox id="mcolumnlistbox" rows="3">
michael@0:         <listcols>
michael@0:           <listcol/>
michael@0:           <listcol/>
michael@0:         </listcols>
michael@0:         <listitem id="mclb_item1">
michael@0:           <listcell label="George"/>
michael@0:           <listcell label="House Painter"/>
michael@0:         </listitem>
michael@0:         <listitem id="mclb_item2">
michael@0:           <listcell label="Mary Ellen"/>
michael@0:           <listcell label="Candle Maker"/>
michael@0:         </listitem>
michael@0:       </listbox>
michael@0:       <listbox id="headerlistbox" rows="3">
michael@0:         <listhead>
michael@0:           <listheader label="Name"/>
michael@0:           <listheader label="Occupation"/>
michael@0:         </listhead>
michael@0:         <listcols>
michael@0:           <listcol/>
michael@0:           <listcol flex="1"/>
michael@0:         </listcols>
michael@0:         <listitem id="hlb_item1">
michael@0:           <listcell label="George"/>
michael@0:           <listcell label="House Painter"/>
michael@0:         </listitem>
michael@0:         <listitem id="hlb_item2">
michael@0:           <listcell label="Mary Ellen"/>
michael@0:           <listcell label="Candle Maker"/>
michael@0:         </listitem>
michael@0:       </listbox>
michael@0: 
michael@0:       <richlistbox id="richlistbox">
michael@0:         <richlistitem id="rlb_item1">
michael@0:           <description>A XUL Description!</description>
michael@0:         </richlistitem>
michael@0:         <richlistitem id="rlb_item2">
michael@0:           <button label="A XUL Button"/>
michael@0:         </richlistitem>
michael@0:       </richlistbox>
michael@0:       <richlistbox id="multiselrichlistbox" seltype="multiple">
michael@0:         <richlistitem id="msrlb_item1">
michael@0:           <description>A XUL Description!</description>
michael@0:         </richlistitem>
michael@0:         <richlistitem id="msrlb_item2">
michael@0:           <button label="A XUL Button"/>
michael@0:         </richlistitem>
michael@0:       </richlistbox>
michael@0:       <richlistbox id="emptyrichlistbox" seltype="multiple"/>
michael@0: 
michael@0:       <menulist id="menulist">
michael@0:         <menupopup>
michael@0:           <menuitem id="ml_tangerine" label="tangerine trees"/>
michael@0:           <menuitem id="ml_marmalade" label="marmalade skies"/>
michael@0:         </menupopup>
michael@0:       </menulist>
michael@0:       <menulist id="emenulist" editable="true">
michael@0:         <menupopup>
michael@0:           <menuitem id="eml_tangerine" label="tangerine trees"/>
michael@0:           <menuitem id="eml_marmalade" label="marmalade skies"/>
michael@0:         </menupopup>
michael@0:       </menulist>
michael@0: 
michael@0:       <vbox id="eventdump"/>
michael@0:     </vbox>
michael@0:   </hbox>
michael@0: </window>