gecko-dev/toolkit/content/tests/widgets/window_menubar.xul

565 lines
22 KiB
XML

<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
<!-- the condition in the focus event handler is because pressing Tab
unfocuses and refocuses the window on Windows -->
<window title="Popup Tests"
xmlns:html="http://www.w3.org/1999/xhtml"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<title>Popup Tests</title>
<script type="application/javascript" src="/tests/SimpleTest/EventUtils.js"></script>
<script type="application/javascript" src="popup_shared.js"></script>
<!--
Need to investigate these tests a bit more. Some of the accessibility events
are firing multiple times or in different orders in different circumstances.
Note that this was also the case before bug 279703.
-->
<hbox style="margin-left: 275px; margin-top: 275px;">
<menubar id="menubar">
<menu id="filemenu" label="File" accesskey="F">
<menupopup id="filepopup">
<menuitem id="item1" label="Open" accesskey="O"/>
<menuitem id="item2" label="Save" accesskey="S"/>
<menuitem id="item3" label="Close" accesskey="C"/>
</menupopup>
</menu>
<menu id="secretmenu" label="Secret Menu" accesskey="S" disabled="true">
<menupopup>
<menuitem label="Secret Command" accesskey="S"/>
</menupopup>
</menu>
<menu id="editmenu" label="Edit" accesskey="E">
<menupopup id="editpopup">
<menuitem id="cut" label="Cut" accesskey="t" disabled="true"/>
<menuitem id="copy" label="Copy" accesskey="C"/>
<menuitem id="paste" label="Paste" accesskey="P"/>
</menupopup>
</menu>
<menu id="viewmenu" label="View" accesskey="V">
<menupopup id="viewpopup">
<menu id="toolbar" label="Toolbar" accesskey="T">
<menupopup id="toolbarpopup">
<menuitem id="navigation" label="Navigation" accesskey="N" disabled="true"/>
<menuitem label="Bookmarks" accesskey="B" disabled="true"/>
</menupopup>
</menu>
<menuitem label="Status Bar" accesskey="S"/>
<menu label="Sidebar" accesskey="d">
<menupopup>
<menuitem label="Bookmarks" accesskey="B"/>
<menuitem label="History" accesskey="H"/>
</menupopup>
</menu>
</menupopup>
</menu>
<menu id="helpmenu" label="Help" accesskey="H">
<menupopup id="helppopup" >
<label value="Unselectable"/>
<menuitem id="contents" label="Contents" accesskey="C"/>
<menuitem label="More Info" accesskey="I"/>
<menuitem id="amenu" label="A Menu" accesskey="M"/>
<menuitem label="Another Menu"/>
<menuitem id="one" label="One"/>
<menu id="only" label="Only Menu">
<menupopup>
<menuitem label="Test Submenu"/>
</menupopup>
</menu>
<menuitem label="Second Menu"/>
<menuitem id="other" disabled="true" label="Other Menu"/>
<menuitem id="third" label="Third Menu"/>
<menuitem label="One Other Menu"/>
<label value="Unselectable"/>
<menuitem id="about" label="About" accesskey="A"/>
</menupopup>
</menu>
</menubar>
</hbox>
<script class="testbody" type="application/javascript">
<![CDATA[
window.opener.SimpleTest.waitForFocus(function () {
gFilePopup = document.getElementById("filepopup");
document.getElementById("filemenu").focus();
startPopupTests(popupTests);
}, window);
var popupTests = [
{
testname: "press on menu",
events: [ "popupshowing filepopup", "DOMMenuBarActive menubar",
"DOMMenuItemActive filemenu", "popupshown filepopup" ],
test: function() { synthesizeMouse(document.getElementById("filemenu"), 8, 8, { }); },
result: function (testname) {
checkActive(gFilePopup, "", testname);
checkOpen("filemenu", testname);
}
},
{
// check that pressing cursor down while there is no selection
// highlights the first item
testname: "cursor down no selection",
events: [ "DOMMenuItemActive item1" ],
test: function() { synthesizeKey("VK_DOWN", { }); },
result: function(testname) { checkActive(gFilePopup, "item1", testname); }
},
{
// check that pressing cursor up wraps and highlights the last item
testname: "cursor up wrap",
events: [ "DOMMenuItemInactive item1", "DOMMenuItemActive item3" ],
test: function() { synthesizeKey("VK_UP", { }); },
result: function(testname) { checkActive(gFilePopup, "item3", testname); }
},
{
// check that pressing cursor down wraps and highlights the first item
testname: "cursor down wrap",
events: [ "DOMMenuItemInactive item3", "DOMMenuItemActive item1" ],
test: function() { synthesizeKey("VK_DOWN", { }); },
result: function(testname) { checkActive(gFilePopup, "item1", testname); }
},
{
// check that pressing cursor down highlights the second item
testname: "cursor down",
events: [ "DOMMenuItemInactive item1", "DOMMenuItemActive item2" ],
test: function() { synthesizeKey("VK_DOWN", { }); },
result: function(testname) { checkActive(gFilePopup, "item2", testname); }
},
{
// check that pressing cursor up highlights the second item
testname: "cursor up",
events: [ "DOMMenuItemInactive item2", "DOMMenuItemActive item1" ],
test: function() { synthesizeKey("VK_UP", { }); },
result: function(testname) { checkActive(gFilePopup, "item1", testname); }
},
{
// cursor right should skip the disabled menu and move to the edit menu
testname: "cursor right skip disabled",
events: function() {
var elist = [
// the file menu gets deactivated, the file menu gets hidden, then
// the edit menu is activated
"DOMMenuItemInactive filemenu", "DOMMenuItemActive editmenu",
"popuphiding filepopup", "popuphidden filepopup",
// the popupshowing event gets fired when showing the edit menu.
// The item from the file menu doesn't get deactivated until the
// next item needs to be selected
"popupshowing editpopup", "DOMMenuItemInactive item1",
// not sure why the menu inactivated event is firing so late
"DOMMenuInactive filepopup"
];
// finally, the first item is activated and popupshown is fired.
// On Windows, don't skip disabled items.
if (navigator.platform.indexOf("Win") == 0)
elist.push("DOMMenuItemActive cut");
else
elist.push("DOMMenuItemActive copy");
elist.push("popupshown editpopup");
return elist;
},
test: function() { synthesizeKey("VK_RIGHT", { }); },
result: function(testname) {
var expected = (navigator.platform.indexOf("Win") == 0) ? "cut" : "copy";
checkActive(document.getElementById("editpopup"), expected, testname);
checkClosed("filemenu", testname);
checkOpen("editmenu", testname);
}
},
{
// on Windows, a disabled item is selected, so pressing ENTER should close
// the menu but not fire a command event
testname: "enter on disabled",
events: function() {
if (navigator.platform.indexOf("Win") == 0)
return [ "popuphiding editpopup", "popuphidden editpopup",
"DOMMenuItemInactive cut", "DOMMenuInactive editpopup",
"DOMMenuBarInactive menubar",
"DOMMenuItemInactive editmenu", "DOMMenuItemInactive editmenu" ];
else
return [ "DOMMenuItemInactive copy", "DOMMenuInactive editpopup",
"DOMMenuBarInactive menubar",
"DOMMenuItemInactive editmenu", "DOMMenuItemInactive editmenu",
"command copy", "popuphiding editpopup", "popuphidden editpopup",
"DOMMenuItemInactive copy" ];
},
test: function() { synthesizeKey("VK_ENTER", { }); },
result: function(testname) { checkClosed("editmenu", testname); }
},
{
// pressing Alt + a key should open the corresponding menu
testname: "open with accelerator",
events: function() {
return [ "DOMMenuBarActive menubar",
"popupshowing viewpopup", "DOMMenuItemActive viewmenu",
"DOMMenuItemActive toolbar", "popupshown viewpopup" ];
},
test: function() { synthesizeKey("V", { altKey: true }); },
result: function(testname) { checkOpen("viewmenu", testname); }
},
{
// open the submenu with the cursor right key
testname: "open submenu with cursor right",
events: function() {
// on Windows, the disabled 'navigation' item can stll be highlihted
if (navigator.platform.indexOf("Win") == 0)
return [ "popupshowing toolbarpopup", "DOMMenuItemActive navigation",
"popupshown toolbarpopup" ];
else
return [ "popupshowing toolbarpopup", "popupshown toolbarpopup" ];
},
test: function() { synthesizeKey("VK_RIGHT", { }); },
result: function(testname) {
checkOpen("viewmenu", testname);
checkOpen("toolbar", testname);
}
},
{
// close the submenu with the cursor left key
testname: "close submenu with cursor left",
events: function() {
if (navigator.platform.indexOf("Win") == 0)
return [ "popuphiding toolbarpopup", "popuphidden toolbarpopup",
"DOMMenuItemInactive navigation", "DOMMenuInactive toolbarpopup",
"DOMMenuItemActive toolbar" ];
else
return [ "popuphiding toolbarpopup", "popuphidden toolbarpopup",
"DOMMenuInactive toolbarpopup",
"DOMMenuItemActive toolbar" ];
},
test: function() { synthesizeKey("VK_LEFT", { }); },
result: function(testname) {
checkOpen("viewmenu", testname);
checkClosed("toolbar", testname);
}
},
{
// open the submenu with the enter key
testname: "open submenu with enter",
events: function() {
// on Windows, the disabled 'navigation' item can stll be highlihted
if (navigator.platform.indexOf("Win") == 0)
return [ "popupshowing toolbarpopup", "DOMMenuItemActive navigation",
"popupshown toolbarpopup" ];
else
return [ "popupshowing toolbarpopup", "popupshown toolbarpopup" ];
},
test: function() { synthesizeKey("VK_ENTER", { }); },
result: function(testname) {
checkOpen("viewmenu", testname);
checkOpen("toolbar", testname);
},
},
{
// close the submenu with the escape key
testname: "close submenu with escape",
events: function() {
if (navigator.platform.indexOf("Win") == 0)
return [ "popuphiding toolbarpopup", "popuphidden toolbarpopup",
"DOMMenuItemInactive navigation", "DOMMenuInactive toolbarpopup",
"DOMMenuItemActive toolbar" ];
else
return [ "popuphiding toolbarpopup", "popuphidden toolbarpopup",
"DOMMenuInactive toolbarpopup",
"DOMMenuItemActive toolbar" ];
},
test: function() { synthesizeKey("VK_ESCAPE", { }); },
result: function(testname) {
checkOpen("viewmenu", testname);
checkClosed("toolbar", testname);
},
},
{
// close the main menu with the escape key
testname: "close menubar menu with escape",
events: [ "popuphiding viewpopup", "popuphidden viewpopup",
"DOMMenuItemInactive toolbar", "DOMMenuInactive viewpopup",
"DOMMenuBarInactive menubar",
"DOMMenuItemInactive viewmenu" ],
test: function() { synthesizeKey("VK_ESCAPE", { }); },
result: function(testname) { checkClosed("viewmenu", testname); },
},
{
// on Windows, pressing Alt should highlight the first menu but not open it
testname: "alt to activate menubar",
condition: function() { return (navigator.platform.indexOf("Win") == 0) },
events: [ "DOMMenuBarActive menubar", "DOMMenuItemActive filemenu" ],
test: function() { synthesizeKey("VK_ALT", { }); },
result: function(testname) { checkClosed("filemenu", testname); },
},
{
// pressing cursor left should select the previous menu but not open it
testname: "cursor left on active menubar",
condition: function() { return (navigator.platform.indexOf("Win") == 0) },
events: [ "DOMMenuItemInactive filemenu", "DOMMenuItemActive helpmenu" ],
test: function() { synthesizeKey("VK_LEFT", { }); },
result: function(testname) { checkClosed("helpmenu", testname); },
},
{
// pressing cursor right should select the previous menu but not open it
testname: "cursor right on active menubar",
condition: function() { return (navigator.platform.indexOf("Win") == 0) },
events: [ "DOMMenuItemInactive helpmenu", "DOMMenuItemActive filemenu" ],
test: function() { synthesizeKey("VK_RIGHT", { }); },
result: function(testname) { checkClosed("filemenu", testname); },
},
{
// pressing a character should act as an accelerator and open the menu
testname: "accelerator on active menubar",
condition: function() { return (navigator.platform.indexOf("Win") == 0) },
events: [ "popupshowing helppopup",
"DOMMenuItemInactive filemenu", "DOMMenuItemActive helpmenu",
"DOMMenuItemActive contents", "popupshown helppopup" ],
test: function() { synthesizeKey("H", { }); },
result: function(testname) { checkOpen("helpmenu", testname); },
},
{
testname: "open with accelerator again",
condition: function() { return (navigator.platform.indexOf("Win") == -1) },
events: [ "DOMMenuBarActive menubar", "popupshowing helppopup",
"DOMMenuItemActive helpmenu", "DOMMenuItemActive contents",
"popupshown helppopup" ],
test: function() { synthesizeKey("H", { altKey: true }); },
result: function(testname) { checkOpen("helpmenu", testname); },
},
{
// check that pressing cursor up skips non menuitems
testname: "cursor up wrap",
events: [ "DOMMenuItemInactive contents", "DOMMenuItemActive about" ],
test: function() { synthesizeKey("VK_UP", { }); },
result: function(testname) { }
},
{
// check that pressing cursor down skips non menuitems
testname: "cursor down wrap",
events: [ "DOMMenuItemInactive about", "DOMMenuItemActive contents" ],
test: function() { synthesizeKey("VK_DOWN", { }); },
result: function(testname) { }
},
{
// check that pressing a menuitem's accelerator selects it
testname: "menuitem accelerator",
events: [ "DOMMenuItemInactive contents", "DOMMenuItemActive amenu",
"DOMMenuItemInactive amenu", "DOMMenuInactive helppopup",
"DOMMenuBarInactive menubar", "DOMMenuItemInactive helpmenu",
"DOMMenuItemInactive helpmenu",
"command amenu", "popuphiding helppopup", "popuphidden helppopup",
"DOMMenuItemInactive amenu",
],
test: function() { synthesizeKey("M", { }); },
result: function(testname) { checkClosed("helpmenu", testname); }
},
{
// pressing F10 should highlight the first menu but not open it
testname: "F10 to activate menubar",
events: [ "DOMMenuBarActive menubar", "DOMMenuItemActive filemenu" ],
test: function() { synthesizeKey("VK_F10", { }); },
result: function(testname) { checkClosed("filemenu", testname); },
},
{
// pressing cursor down should open a menu
testname: "cursor down on menu",
events: [
"popupshowing helppopup",
"DOMMenuItemInactive filemenu", "DOMMenuItemActive helpmenu",
// This is in a different order than the
// "accelerator on active menubar" because menus opened from a
// shortcut key are fired asynchronously
"DOMMenuItemActive contents", "popupshown helppopup" ],
test: function() { synthesizeKey("VK_LEFT", { }); synthesizeKey("VK_DOWN", { }); },
},
{
// pressing a letter that doesn't correspond to an accelerator. The menu
// should not close because there is more than one item corresponding to
// that letter
testname: "menuitem with no accelerator",
events: [ "DOMMenuItemInactive contents", "DOMMenuItemActive one" ],
test: function() { synthesizeKey("O", { }); },
result: function(testname) { checkOpen("helpmenu", testname); }
},
{
// pressing the letter again should select the next one that starts with
// that letter
testname: "menuitem with no accelerator again",
events: [ "DOMMenuItemInactive one", "DOMMenuItemActive only" ],
test: function() { synthesizeKey("O", { }); },
result: function(testname) {
// 'only' is a menu but it should not be open
checkOpen("helpmenu", testname);
checkClosed("only", testname);
}
},
{
// pressing the letter again when the next item is disabled should still
// select the disabled item
testname: "menuitem with no accelerator disabled",
condition: function() { return (navigator.platform.indexOf("Win") == 0) },
events: [ "DOMMenuItemInactive only", "DOMMenuItemActive other" ],
test: function() { synthesizeKey("O", { }); },
result: function(testname) { }
},
{
// when only one menuitem starting with that letter exists, it should be
// selected and the menu closed
testname: "menuitem with no accelerator single",
events: function() {
var elist = [ "DOMMenuItemInactive other", "DOMMenuItemActive third",
"DOMMenuItemInactive third", "DOMMenuInactive helppopup",
"DOMMenuBarInactive menubar",
"DOMMenuItemInactive helpmenu",
"DOMMenuItemInactive helpmenu",
"command third", "popuphiding helppopup",
"popuphidden helppopup", "DOMMenuItemInactive third",
];
if (navigator.platform.indexOf("Win") == -1)
elist[0] = "DOMMenuItemInactive only";
return elist;
},
test: function() { synthesizeKey("T", { }); },
result: function(testname) { checkClosed("helpmenu", testname); }
},
{
// pressing F10 should highlight the first menu but not open it
testname: "F10 to activate menubar again",
condition: function() { return (navigator.platform.indexOf("Win") == 0) },
events: [ "DOMMenuBarActive menubar", "DOMMenuItemActive filemenu" ],
test: function() { synthesizeKey("VK_F10", { }); },
result: function(testname) { checkClosed("filemenu", testname); },
},
{
// pressing an accelerator for a disabled item should deactivate the menubar
testname: "accelerator for disabled menu",
condition: function() { return (navigator.platform.indexOf("Win") == 0) },
events: [ "DOMMenuItemInactive filemenu", "DOMMenuBarInactive menubar" ],
test: function() { synthesizeKey("S", { }); },
result: function(testname) { checkClosed("secretmenu", testname); },
},
{
testname: "press on disabled menu",
test: function() {
synthesizeMouse(document.getElementById("secretmenu"), 8, 8, { });
},
result: function (testname) {
checkClosed("secretmenu", testname);
}
},
{
testname: "press on second menu with shift",
events: [ "popupshowing editpopup", "DOMMenuBarActive menubar",
"DOMMenuItemActive editmenu", "popupshown editpopup" ],
test: function() {
synthesizeMouse(document.getElementById("editmenu"), 8, 8, { shiftKey : true });
},
result: function (testname) {
checkOpen("editmenu", testname);
checkActive(document.getElementById("menubar"), "editmenu", testname);
}
},
{
testname: "press on disabled menuitem",
test: function() {
synthesizeMouse(document.getElementById("cut"), 8, 8, { });
},
result: function (testname) {
checkOpen("editmenu", testname);
}
},
{
testname: "press on menuitem",
events: [ "DOMMenuInactive editpopup",
"DOMMenuBarInactive menubar",
"DOMMenuItemInactive editmenu",
"DOMMenuItemInactive editmenu",
"command copy", "popuphiding editpopup", "popuphidden editpopup",
"DOMMenuItemInactive copy",
],
test: function() {
synthesizeMouse(document.getElementById("copy"), 8, 8, { });
},
result: function (testname) {
checkClosed("editmenu", testname);
}
},
{
// this test ensures that the menu can still be opened by clicking after selecting
// a menuitem from the menu. See bug 399350.
testname: "press on menu after menuitem selected",
events: [ "popupshowing editpopup", "DOMMenuBarActive menubar",
"DOMMenuItemActive editmenu", "popupshown editpopup" ],
test: function() { synthesizeMouse(document.getElementById("editmenu"), 8, 8, { }); },
result: function (testname) {
checkActive(document.getElementById("editpopup"), "", testname);
checkOpen("editmenu", testname);
}
},
{ // try selecting a different command
testname: "press on menuitem again",
events: [ "DOMMenuInactive editpopup",
"DOMMenuBarInactive menubar",
"DOMMenuItemInactive editmenu",
"DOMMenuItemInactive editmenu",
"command paste", "popuphiding editpopup", "popuphidden editpopup",
"DOMMenuItemInactive paste",
],
test: function() {
synthesizeMouse(document.getElementById("paste"), 8, 8, { });
},
result: function (testname) {
checkClosed("editmenu", testname);
}
},
{
testname: "F10 to activate menubar for tab deactivation",
events: [ "DOMMenuBarActive menubar", "DOMMenuItemActive filemenu" ],
test: function() { synthesizeKey("VK_F10", { }); },
},
{
testname: "Deactivate menubar with tab key",
events: [ "DOMMenuBarInactive menubar", "DOMMenuItemInactive filemenu" ],
test: function() { synthesizeKey("VK_TAB", { }); },
},
{
testname: "F10 to activate menubar for escape deactivation",
events: [ "DOMMenuBarActive menubar", "DOMMenuItemActive filemenu" ],
test: function() { synthesizeKey("VK_F10", { }); },
},
{
testname: "Deactivate menubar with escape key",
events: [ "DOMMenuBarInactive menubar", "DOMMenuItemInactive filemenu" ],
test: function() { synthesizeKey("VK_ESCAPE", { }); },
},
{
testname: "F10 to activate menubar for f10 deactivation",
events: [ "DOMMenuBarActive menubar", "DOMMenuItemActive filemenu" ],
test: function() { synthesizeKey("VK_F10", { }); },
},
{
testname: "Deactivate menubar with f10 key",
events: [ "DOMMenuBarInactive menubar", "DOMMenuItemInactive filemenu" ],
test: function() { synthesizeKey("VK_F10", { }); },
},
{
testname: "F10 to activate menubar for alt deactivation",
condition: function() { return (navigator.platform.indexOf("Win") == 0) },
events: [ "DOMMenuBarActive menubar", "DOMMenuItemActive filemenu" ],
test: function() { synthesizeKey("VK_F10", { }); },
},
{
testname: "Deactivate menubar with alt key",
condition: function() { return (navigator.platform.indexOf("Win") == 0) },
events: [ "DOMMenuBarInactive menubar", "DOMMenuItemInactive filemenu" ],
test: function() { synthesizeKey("VK_ALT", { }); },
}
];
]]>
</script>
</window>