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
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
|
/* Any copyright is dedicated to the Public Domain.
http://creativecommons.org/publicdomain/zero/1.0/ */
"use strict";
/**
* Tests if the abstract tree base class for the profiler's tree view
* supports PageUp/PageDown/Home/End keys.
*/
const {
appendAndWaitForPaint,
} = require("devtools/client/performance/test/helpers/dom-utils");
const {
synthesizeCustomTreeClass,
} = require("devtools/client/performance/test/helpers/synth-utils");
add_task(async function() {
const { MyCustomTreeItem } = synthesizeCustomTreeClass();
const container = document.createXULElement("vbox");
container.style.height = "100%";
container.style.overflow = "scroll";
const browserStack = gBrowser.selectedBrowser.parentNode;
// Allow the browser stack to shrink since it will have really long content
browserStack.style.minHeight = "0";
registerCleanupFunction(() => {
browserStack.style.removeProperty("min-height");
});
await appendAndWaitForPaint(browserStack, container);
const myDataSrc = {
label: "root",
children: [],
};
for (let i = 0; i < 1000; i++) {
myDataSrc.children.push({
label: "child-" + i,
children: [],
});
}
const treeRoot = new MyCustomTreeItem(myDataSrc, { parent: null });
treeRoot.attachTo(container);
treeRoot.focus();
treeRoot.expand();
is(
document.commandDispatcher.focusedElement,
treeRoot.target,
"The root node is focused."
);
// Test HOME and END
key("VK_END");
is(
document.commandDispatcher.focusedElement,
treeRoot.getChild(myDataSrc.children.length - 1).target,
"The last node is focused."
);
key("VK_HOME");
is(
document.commandDispatcher.focusedElement,
treeRoot.target,
"The first (root) node is focused."
);
// Test PageUp and PageDown
const nodesPerPageSize = treeRoot._getNodesPerPageSize();
key("VK_PAGE_DOWN");
is(
document.commandDispatcher.focusedElement,
treeRoot.getChild(nodesPerPageSize - 1).target,
"The first node in the second page is focused."
);
key("VK_PAGE_DOWN");
is(
document.commandDispatcher.focusedElement,
treeRoot.getChild(nodesPerPageSize * 2 - 1).target,
"The first node in the third page is focused."
);
key("VK_PAGE_UP");
is(
document.commandDispatcher.focusedElement,
treeRoot.getChild(nodesPerPageSize - 1).target,
"The first node in the second page is focused."
);
key("VK_PAGE_UP");
is(
document.commandDispatcher.focusedElement,
treeRoot.target,
"The first (root) node is focused."
);
// Test PageUp in the middle of the first page
let middleIndex = Math.floor(nodesPerPageSize / 2);
treeRoot.getChild(middleIndex).target.focus();
is(
document.commandDispatcher.focusedElement,
treeRoot.getChild(middleIndex).target,
"The middle node in the first page is focused."
);
key("VK_PAGE_UP");
is(
document.commandDispatcher.focusedElement,
treeRoot.target,
"The first (root) node is focused."
);
// Test PageDown in the middle of the last page
middleIndex = Math.ceil(myDataSrc.children.length - middleIndex);
treeRoot.getChild(middleIndex).target.focus();
is(
document.commandDispatcher.focusedElement,
treeRoot.getChild(middleIndex).target,
"The middle node in the last page is focused."
);
key("VK_PAGE_DOWN");
is(
document.commandDispatcher.focusedElement,
treeRoot.getChild(myDataSrc.children.length - 1).target,
"The last node is focused."
);
container.remove();
});
|
