2009-08-21 11:47:28 -07:00
|
|
|
<?xml version="1.0"?>
|
|
|
|
|
<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
|
2011-06-24 09:39:13 -07:00
|
|
|
<?xml-stylesheet href="chrome://mochikit/content/tests/SimpleTest/test.css" type="text/css"?>
|
2009-08-21 11:47:28 -07:00
|
|
|
<!--
|
|
|
|
|
XUL Widget Test for listbox direction
|
|
|
|
|
-->
|
|
|
|
|
<window title="Listbox direction test"
|
|
|
|
|
onload="test_richlistbox()"
|
|
|
|
|
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
|
|
|
|
|
<script type="application/javascript"
|
2011-06-24 09:39:13 -07:00
|
|
|
src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script>
|
2009-08-21 11:47:28 -07:00
|
|
|
<script type="application/javascript"
|
2011-06-24 09:39:13 -07:00
|
|
|
src="chrome://mochikit/content/tests/SimpleTest/EventUtils.js"></script>
|
2009-08-21 11:47:28 -07:00
|
|
|
|
|
|
|
|
<richlistbox seltype="multiple" id="richlistbox" flex="1" minheight="80" maxheight="80" height="80" />
|
|
|
|
|
|
|
|
|
|
<!-- test results are displayed in the html:body -->
|
|
|
|
|
<body xmlns="http://www.w3.org/1999/xhtml" style="height: 300px; overflow: auto;"/>
|
|
|
|
|
|
|
|
|
|
<script type="application/javascript">
|
|
|
|
|
<![CDATA[
|
|
|
|
|
|
|
|
|
|
SimpleTest.waitForExplicitFinish();
|
|
|
|
|
|
|
|
|
|
var richListBox = document.getElementById("richlistbox");
|
|
|
|
|
|
|
|
|
|
function getScrollIndexAmount(aDirection) {
|
|
|
|
|
return (4 * aDirection + richListBox.currentIndex);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function test_richlistbox()
|
|
|
|
|
{
|
|
|
|
|
richListBox.minHeight = richListBox.maxHeight = richListBox.height =
|
|
|
|
|
80 + (80 - richListBox.scrollBoxObject.height);
|
|
|
|
|
var height = richListBox.scrollBoxObject.height;
|
|
|
|
|
var item;
|
|
|
|
|
do {
|
|
|
|
|
item = richListBox.appendItem("Test", "");
|
|
|
|
|
item.height = item.minHeight = item.maxHeight = Math.floor(height / 4);
|
|
|
|
|
} while (item.getBoundingClientRect().bottom < (height * 2))
|
|
|
|
|
richListBox.appendItem("Test", "");
|
|
|
|
|
richListBox.firstChild.nextSibling.id = "list-box-first";
|
|
|
|
|
richListBox.lastChild.previousSibling.id = "list-box-last";
|
|
|
|
|
|
|
|
|
|
// direction = "reverse", the values here are backwards due to the fact that
|
|
|
|
|
// richlistboxes respond differently when a user initiates a selection
|
|
|
|
|
richListBox.dir = "reverse";
|
|
|
|
|
var count = richListBox.itemCount;
|
2011-12-16 05:38:45 -08:00
|
|
|
richListBox.focus();
|
2009-08-21 11:47:28 -07:00
|
|
|
richListBox.selectedIndex = count - 1;
|
2011-12-16 05:38:45 -08:00
|
|
|
sendKey("DOWN");
|
2009-08-21 11:47:28 -07:00
|
|
|
is(richListBox.currentIndex, count - 2, "Selection should move to the next item");
|
2011-12-16 05:38:45 -08:00
|
|
|
sendKey("UP");
|
2009-08-21 11:47:28 -07:00
|
|
|
is(richListBox.currentIndex, count - 1, "Selection should move to the previous item");
|
2011-12-16 05:38:45 -08:00
|
|
|
sendKey("END");
|
2009-08-21 11:47:28 -07:00
|
|
|
is(richListBox.currentIndex, 0, "Selection should move to the last item");
|
2011-12-16 05:38:45 -08:00
|
|
|
sendKey("HOME");
|
2009-08-21 11:47:28 -07:00
|
|
|
is(richListBox.currentIndex, count - 1, "Selection should move to the first item");
|
|
|
|
|
var currentIndex = richListBox.currentIndex;
|
|
|
|
|
var index = getScrollIndexAmount(-1);
|
2011-12-16 05:38:45 -08:00
|
|
|
sendKey("PAGE_DOWN");
|
2009-08-21 11:47:28 -07:00
|
|
|
is(richListBox.currentIndex, index, "Selection should move to one page down");
|
|
|
|
|
ok(richListBox.currentIndex < currentIndex, "Selection should move downwards");
|
2011-12-16 05:38:45 -08:00
|
|
|
sendKey("END");
|
2009-08-21 11:47:28 -07:00
|
|
|
currentIndex = richListBox.currentIndex;
|
|
|
|
|
index = getScrollIndexAmount(1);
|
2011-12-16 05:38:45 -08:00
|
|
|
sendKey("PAGE_UP");
|
2009-08-21 11:47:28 -07:00
|
|
|
is(richListBox.currentIndex, index, "Selection should move to one page up");
|
|
|
|
|
ok(richListBox.currentIndex > currentIndex, "Selection should move upwards");
|
|
|
|
|
richListBox.selectedItem = richListBox.lastChild;
|
|
|
|
|
richListBox.focus();
|
|
|
|
|
synthesizeKey("VK_DOWN", {shiftKey: true, type: "keypress"}, window);
|
|
|
|
|
let items = [richListBox.selectedItems[0],
|
|
|
|
|
richListBox.selectedItems[1]];
|
|
|
|
|
is(items[0], richListBox.lastChild, "The last element should still be selected");
|
|
|
|
|
is(items[1], richListBox.lastChild.previousSibling, "Both elements should now be selected");
|
|
|
|
|
richListBox.clearSelection();
|
|
|
|
|
richListBox.selectedItem = richListBox.lastChild;
|
|
|
|
|
sendMouseEvent({type: "click", shiftKey: true, clickCount: 1},
|
|
|
|
|
"list-box-last",
|
|
|
|
|
window);
|
|
|
|
|
items = [richListBox.selectedItems[0],
|
|
|
|
|
richListBox.selectedItems[1]];
|
|
|
|
|
is(items[0], richListBox.lastChild, "The last element should still be selected");
|
|
|
|
|
is(items[1], richListBox.lastChild.previousSibling, "Both elements should now be selected");
|
|
|
|
|
richListBox.addEventListener("keypress", function(aEvent) {
|
|
|
|
|
richListBox.removeEventListener("keypress", arguments.callee, true);
|
|
|
|
|
aEvent.preventDefault();
|
|
|
|
|
}, true);
|
|
|
|
|
richListBox.selectedIndex = 1;
|
2011-12-16 05:38:45 -08:00
|
|
|
sendKey("HOME");
|
2009-08-21 11:47:28 -07:00
|
|
|
is(richListBox.selectedIndex, 1, "A stopped event should return indexing to normal");
|
|
|
|
|
|
|
|
|
|
// direction = "normal"
|
|
|
|
|
richListBox.dir = "normal";
|
|
|
|
|
richListBox.selectedIndex = 0;
|
2011-12-16 05:38:45 -08:00
|
|
|
sendKey("DOWN");
|
2009-08-21 11:47:28 -07:00
|
|
|
is(richListBox.currentIndex, 1, "Selection should move to the next item");
|
2011-12-16 05:38:45 -08:00
|
|
|
sendKey("UP");
|
2009-08-21 11:47:28 -07:00
|
|
|
is(richListBox.currentIndex, 0, "Selection should move to the previous item");
|
2011-12-16 05:38:45 -08:00
|
|
|
sendKey("END");
|
2009-08-21 11:47:28 -07:00
|
|
|
is(richListBox.currentIndex, count - 1, "Selection should move to the last item");
|
2011-12-16 05:38:45 -08:00
|
|
|
sendKey("HOME");
|
2009-08-21 11:47:28 -07:00
|
|
|
is(richListBox.currentIndex, 0, "Selection should move to the first item");
|
|
|
|
|
var currentIndex = richListBox.currentIndex;
|
|
|
|
|
var index = richListBox.scrollOnePage(1);
|
2011-12-16 05:38:45 -08:00
|
|
|
sendKey("PAGE_DOWN");
|
2009-08-21 11:47:28 -07:00
|
|
|
is(richListBox.currentIndex, index, "Selection should move to one page down");
|
|
|
|
|
ok(richListBox.currentIndex > currentIndex, "Selection should move downwards");
|
2011-12-16 05:38:45 -08:00
|
|
|
sendKey("END");
|
2009-08-21 11:47:28 -07:00
|
|
|
currentIndex = richListBox.currentIndex;
|
|
|
|
|
index = richListBox.scrollOnePage(-1) + richListBox.currentIndex;
|
2011-12-16 05:38:45 -08:00
|
|
|
sendKey("PAGE_UP");
|
2009-08-21 11:47:28 -07:00
|
|
|
is(richListBox.currentIndex, index, "Selection should move to one page up");
|
|
|
|
|
ok(richListBox.currentIndex < currentIndex, "Selection should move upwards");
|
|
|
|
|
richListBox.selectedItem = richListBox.firstChild;
|
|
|
|
|
richListBox.focus();
|
|
|
|
|
synthesizeKey("VK_DOWN", {shiftKey: true, type: "keypress"}, window);
|
|
|
|
|
items = [richListBox.selectedItems[0],
|
|
|
|
|
richListBox.selectedItems[1]];
|
|
|
|
|
is(items[0], richListBox.firstChild, "The last element should still be selected");
|
|
|
|
|
is(items[1], richListBox.firstChild.nextSibling, "Both elements should now be selected");
|
|
|
|
|
richListBox.clearSelection();
|
|
|
|
|
richListBox.selectedItem = richListBox.firstChild;
|
|
|
|
|
sendMouseEvent({type: "click", shiftKey: true, clickCount: 1},
|
|
|
|
|
"list-box-first",
|
|
|
|
|
window);
|
|
|
|
|
items = [richListBox.selectedItems[0],
|
|
|
|
|
richListBox.selectedItems[1]];
|
|
|
|
|
is(items[0], richListBox.firstChild, "The last element should still be selected");
|
|
|
|
|
is(items[1], richListBox.firstChild.nextSibling, "Both elements should now be selected");
|
|
|
|
|
SimpleTest.finish();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
]]>
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
</window>
|
