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
|
/* 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 the outline pane fuzzy filtering of outline items
"use strict";
add_task(async function () {
const dbg = await initDebugger("doc-scripts.html", "long.js");
await selectSource(dbg, "long.js", 1);
await openOutlinePanel(dbg);
// turn off alphetical sort if active
const alphabetizeButton = findElementWithSelector(
dbg,
".outline-footer button"
);
if (alphabetizeButton.className === "active") {
alphabetizeButton.click();
}
const outlineFilter = findElementWithSelector(dbg, ".outline-filter-input");
ok(outlineFilter, "Outline filter is present");
outlineFilter.blur();
ok(
!findElementWithSelector(dbg, ".outline-filter-input.focused"),
"does not have class focused when not focused"
);
outlineFilter.focus();
ok(
findElementWithSelector(dbg, ".outline-filter-input.focused"),
"has class focused when focused"
);
is(getItems(dbg).length, 9, "9 items in the unfiltered list");
// filter all items starting with t
type(dbg, "t");
is(getItems(dbg).length, 4, "4 items in the list after 't' filter");
ok(getItems(dbg)[0].textContent.includes("TodoModel(key)"), "item TodoModel");
ok(
getItems(dbg)[1].textContent.includes("toggleAll(checked)"),
"item toggleAll"
);
ok(
getItems(dbg)[2].textContent.includes("toggle(todoToToggle)"),
"item toggle"
);
ok(getItems(dbg)[3].textContent.includes("testModel()"), "item testModel");
// filter using term 'tog'
type(dbg, "og");
is(getItems(dbg).length, 2, "2 items in the list after 'tog' filter");
ok(
getItems(dbg)[0].textContent.includes("toggleAll(checked)"),
"item toggleAll"
);
ok(
getItems(dbg)[1].textContent.includes("toggle(todoToToggle)"),
"item toggle"
);
pressKey(dbg, "Escape");
is(getItems(dbg).length, 9, "9 items in the list after escape pressed");
// Ensure no action is taken when Enter key is pressed
pressKey(dbg, "Enter");
is(getItems(dbg).length, 9, "9 items in the list after enter pressed");
// check that the term 'todo' includes items with todo
type(dbg, "todo");
is(getItems(dbg).length, 2, "2 items in the list after 'todo' filter");
ok(getItems(dbg)[0].textContent.includes("TodoModel(key)"), "item TodoModel");
ok(getItems(dbg)[1].textContent.includes("addTodo(title)"), "item addTodo");
});
function getItems(dbg) {
return findAllElements(dbg, "outlineItems");
}
|
