2007-07-23 10:08:10 -07:00
|
|
|
<?xml version="1.0"?>
|
|
|
|
|
<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
|
|
|
|
|
<?xml-stylesheet href="/tests/SimpleTest/test.css" type="text/css"?>
|
|
|
|
|
|
|
|
|
|
<window title="Menulist Key Navigation Tests"
|
|
|
|
|
onload="setTimeout(runTests, 0);"
|
|
|
|
|
xmlns:html="http://www.w3.org/1999/xhtml"
|
|
|
|
|
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
|
|
|
|
|
|
|
|
|
<title>Menulist Key Navigation Tests</title>
|
|
|
|
|
<script type="application/javascript" src="/MochiKit/packed.js"></script>
|
|
|
|
|
<script type="application/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
|
|
|
|
|
<script type="application/javascript" src="/tests/SimpleTest/EventUtils.js"></script>
|
|
|
|
|
|
2009-02-17 07:51:11 -08:00
|
|
|
<button id="button1" label="One"/>
|
2007-07-23 10:08:10 -07:00
|
|
|
<menulist id="list">
|
2009-05-04 13:16:05 -07:00
|
|
|
<menupopup id="popup" onpopupshowing="return false;">
|
2007-07-23 10:08:10 -07:00
|
|
|
<menuitem id="i1" label="One"/>
|
|
|
|
|
<menuitem id="i2" label="Two"/>
|
|
|
|
|
<menuitem id="i2b" disabled="true" label="Two and a Half"/>
|
|
|
|
|
<menuitem id="i3" label="Three"/>
|
|
|
|
|
<menuitem id="i4" label="Four"/>
|
|
|
|
|
</menupopup>
|
|
|
|
|
</menulist>
|
2009-02-17 07:51:11 -08:00
|
|
|
<button id="button2" label="Two"/>
|
2007-07-23 10:08:10 -07:00
|
|
|
|
|
|
|
|
<script class="testbody" type="application/javascript">
|
|
|
|
|
<![CDATA[
|
|
|
|
|
|
|
|
|
|
SimpleTest.waitForExplicitFinish();
|
|
|
|
|
|
2007-07-23 11:19:49 -07:00
|
|
|
var iswin = (navigator.platform.indexOf("Win") == 0);
|
|
|
|
|
|
2007-07-23 10:08:10 -07:00
|
|
|
function runTests()
|
|
|
|
|
{
|
|
|
|
|
var list = $("list");
|
|
|
|
|
list.focus();
|
|
|
|
|
// on Mac, up and cursor keys open the menu, but on other platforms, the
|
|
|
|
|
// cursor keys navigate between items without opening the menu
|
|
|
|
|
if (navigator.platform.indexOf("Mac") == -1) {
|
|
|
|
|
keyCheck(list, "VK_DOWN", 2, "cursor down");
|
2007-07-23 11:19:49 -07:00
|
|
|
keyCheck(list, "VK_DOWN", iswin ? "2b" : 3, "cursor down skip disabled");
|
2007-07-23 10:08:10 -07:00
|
|
|
keyCheck(list, "VK_UP", 2, "cursor up skip disabled");
|
|
|
|
|
keyCheck(list, "VK_UP", 1, "cursor up");
|
|
|
|
|
keyCheck(list, "VK_UP", 4, "cursor up wrap");
|
|
|
|
|
keyCheck(list, "VK_DOWN", 1, "cursor down wrap");
|
|
|
|
|
}
|
|
|
|
|
|
2009-05-04 13:16:05 -07:00
|
|
|
// check that attempting to open the menulist does not change the selection
|
|
|
|
|
synthesizeKey("VK_DOWN", { altKey: navigator.platform.indexOf("Mac") == -1 });
|
|
|
|
|
is(list.selectedItem, $("i1"), "open menulist down selectedItem");
|
|
|
|
|
synthesizeKey("VK_UP", { altKey: navigator.platform.indexOf("Mac") == -1 });
|
|
|
|
|
is(list.selectedItem, $("i1"), "open menulist up selectedItem");
|
|
|
|
|
|
2007-07-23 10:08:10 -07:00
|
|
|
synthesizeKey("G", { });
|
|
|
|
|
is(list.selectedItem, $("i1"), "letter pressed not found selectedItem");
|
|
|
|
|
|
|
|
|
|
keyCheck(list, "T", 2, "letter pressed");
|
|
|
|
|
keyCheck(list, "T", 2, "letter pressed");
|
|
|
|
|
setTimeout(pressedAgain, 1200);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function pressedAgain()
|
|
|
|
|
{
|
|
|
|
|
var list = $("list");
|
2007-07-23 11:19:49 -07:00
|
|
|
keyCheck(list, "T", iswin ? "2b" : 3, "letter pressed again");
|
2007-07-23 10:08:10 -07:00
|
|
|
keyCheck(list, "W", 2, "second letter pressed");
|
|
|
|
|
setTimeout(differentPressed, 1200);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function differentPressed()
|
|
|
|
|
{
|
|
|
|
|
keyCheck($("list"), "O", 1, "different letter pressed");
|
2009-02-17 07:51:11 -08:00
|
|
|
|
|
|
|
|
$("button1").focus();
|
|
|
|
|
synthesizeKeyExpectEvent("VK_TAB", { }, $("list"), "focus", "focus to menulist");
|
|
|
|
|
synthesizeKeyExpectEvent("VK_TAB", { }, $("button2"), "focus", "focus to button");
|
|
|
|
|
is(document.activeElement, $("button2"), "tab from menulist focused button");
|
|
|
|
|
|
2007-07-23 10:08:10 -07:00
|
|
|
SimpleTest.finish();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function keyCheck(list, key, index, testname)
|
|
|
|
|
{
|
|
|
|
|
var item = $("i" + index);
|
|
|
|
|
synthesizeKeyExpectEvent(key, { }, item, "command", testname);
|
|
|
|
|
is(list.selectedItem, item, testname + " selectedItem");
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
]]>
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<body xmlns="http://www.w3.org/1999/xhtml">
|
|
|
|
|
<p id="display">
|
|
|
|
|
</p>
|
|
|
|
|
<div id="content" style="display: none">
|
|
|
|
|
</div>
|
|
|
|
|
<pre id="test">
|
|
|
|
|
</pre>
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
</window>
|
