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
|
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at <http://mozilla.org/MPL/2.0/>. */
// Tests that clicking a function in outline panel, the editor highlights the correct location.
// Tests that outline panel can sort functions alphabetically.
"use strict";
add_task(async function () {
const dbg = await initDebugger("doc-scripts.html", "simple1.js");
await selectSource(dbg, "simple1.js", 1);
findElementWithSelector(dbg, ".outline-tab").click();
assertOutlineItems(dbg, [
"λmain()",
"λdoEval()",
"λevaledFunc()",
"λdoNamedEval()",
// evaledFunc is set twice
"λevaledFunc()",
"class MyClass",
"λconstructor(a, b)",
"λtest()",
"λ#privateFunc(a, b)",
"class Klass",
"λconstructor()",
"λtest()",
]);
info("Click an item in outline panel");
const item = getNthItem(dbg, 3);
item.click();
await waitForLoadedSource(dbg, "simple1.js");
assertHighlightLocation(dbg, "simple1.js", 15);
ok(
item.parentNode.classList.contains("focused"),
"The clicked item li is focused"
);
info("Sort the list");
findElementWithSelector(dbg, ".outline-footer button").click();
// Button becomes active to show alphabetization
is(
findElementWithSelector(dbg, ".outline-footer button").className,
"active",
"Alphabetize button is highlighted when active"
);
info("Check that the list was sorted as expected");
assertOutlineItems(dbg, [
"λdoEval()",
"λdoNamedEval()",
// evaledFunc is set twice
"λevaledFunc()",
"λevaledFunc()",
"λmain()",
"class Klass",
"λconstructor()",
"λtest()",
"class MyClass",
"λ#privateFunc(a, b)",
"λconstructor(a, b)",
"λtest()",
]);
});
function assertOutlineItems(dbg, expectedItems) {
SimpleTest.isDeeply(
getItems(dbg).map(i => i.innerText.trim()),
expectedItems,
"The expected items are displayed in the outline panel"
);
}
function getItems(dbg) {
return Array.from(
findAllElementsWithSelector(
dbg,
".outline-list h2, .outline-list .outline-list__element"
)
);
}
function getNthItem(dbg, index) {
return findElement(dbg, "outlineItem", index);
}
|
