1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
|
<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
<?xml-stylesheet href="chrome://mochikit/content/tests/SimpleTest/test.css" type="text/css"?>
<!--
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 src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script>
<script src="chrome://mochikit/content/tests/SimpleTest/EventUtils.js"></script>
<richlistbox seltype="multiple" id="richlistbox" flex="1" style="min-height: 80px; max-height: 80px; height: 80px"/>
<!-- 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()
{
var height = richListBox.clientHeight;
var item;
do {
item = richListBox.appendItem("Test", "");
item.style.height = item.style.minHeight = item.style.maxHeight = Math.floor(height / 4) + "px";
} while (item.getBoundingClientRect().bottom < (height * 2))
richListBox.appendItem("Test", "");
richListBox.firstChild.nextSibling.id = "list-box-first";
richListBox.lastChild.previousSibling.id = "list-box-last";
var count = richListBox.itemCount;
richListBox.focus();
// Test that dir="reverse" is ignored and behaves the same as dir="normal".
for (let dir of ["reverse", "normal"]) {
richListBox.style.MozBoxDirection = dir;
richListBox.selectedIndex = 0;
sendKey("DOWN");
is(richListBox.currentIndex, 1, "Selection should move to the next item");
sendKey("UP");
is(richListBox.currentIndex, 0, "Selection should move to the previous item");
sendKey("END");
is(richListBox.currentIndex, count - 1, "Selection should move to the last item");
sendKey("HOME");
is(richListBox.currentIndex, 0, "Selection should move to the first item");
var currentIndex = richListBox.currentIndex;
var index = richListBox.scrollOnePage(1);
sendKey("PAGE_DOWN");
is(richListBox.currentIndex, index, "Selection should move to one page down");
ok(richListBox.currentIndex > currentIndex, "Selection should move downwards");
sendKey("END");
currentIndex = richListBox.currentIndex;
index = richListBox.scrollOnePage(-1) + richListBox.currentIndex;
sendKey("PAGE_UP");
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("KEY_ArrowDown", {shiftKey: true}, window);
let 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");
richListBox.addEventListener("keypress", function(aEvent) {
aEvent.preventDefault();
}, { useCapture: true, once: true });
richListBox.selectedIndex = 1;
sendKey("HOME");
is(richListBox.selectedIndex, 1, "A stopped event should return indexing to normal");
}
// Test attempting to select a disabled item.
richListBox.clearSelection();
richListBox.selectedItem = richListBox.firstChild;
richListBox.firstChild.nextSibling.setAttribute("disabled", true);
richListBox.focus();
synthesizeKey("KEY_ArrowDown", {}, window);
is(richListBox.selectedItems.length, 1, "one item selected");
is(richListBox.selectedItems[0], richListBox.firstChild, "first item selected");
// Selected item re-insertion should keep the item selected.
richListBox.clearSelection();
item = richListBox.firstElementChild;
richListBox.selectedItem = item;
is(richListBox.selectedItems.length, 1, "one item selected");
is(richListBox.selectedItems[0], item, "first item selected");
item.remove();
richListBox.append(item);
is(richListBox.selectedItems.length, 1, "one item selected");
is(richListBox.selectedItems[0], item, "last (previosly first) item selected");
SimpleTest.finish();
}
]]>
</script>
</window>
|
