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
140
141
142
143
144
145
146
147
148
149
150
|
/* -*- indent-tabs-mode: nil; js-indent-level: 2 -*- */
/* vim: set ft=javascript ts=2 et sw=2 tw=80: */
/* Any copyright is dedicated to the Public Domain.
* http://creativecommons.org/publicdomain/zero/1.0/ */
/**
* Make sure that the variables view correctly shows the searchbox
* when prompted.
*/
const TAB_URL = EXAMPLE_URL + "doc_with-frame.html";
var gTab, gPanel, gDebugger;
var gVariables;
function test() {
let options = {
source: TAB_URL,
line: 1
};
initDebugger(TAB_URL, options).then(([aTab,, aPanel]) => {
gTab = aTab;
gPanel = aPanel;
gDebugger = gPanel.panelWin;
gVariables = gDebugger.DebuggerView.Variables;
performTest();
});
}
function performTest() {
// Step 1: the searchbox shouldn't initially be shown.
ok(!gVariables._searchboxNode,
"There should not initially be a searchbox available in the variables view.");
ok(!gVariables._searchboxContainer,
"There should not initially be a searchbox container available in the variables view.");
ok(!gVariables._parent.parentNode.querySelector(".variables-view-searchinput"),
"The searchbox element should not be found.");
// Step 2: test enable/disable cycles.
gVariables._enableSearch();
ok(gVariables._searchboxNode,
"There should be a searchbox available after enabling.");
ok(gVariables._searchboxContainer,
"There should be a searchbox container available after enabling.");
ok(gVariables._searchboxContainer.hidden,
"The searchbox container should be hidden at this point.");
ok(gVariables._parent.parentNode.querySelector(".variables-view-searchinput"),
"The searchbox element should be found.");
gVariables._disableSearch();
ok(!gVariables._searchboxNode,
"There shouldn't be a searchbox available after disabling.");
ok(!gVariables._searchboxContainer,
"There shouldn't be a searchbox container available after disabling.");
ok(!gVariables._parent.parentNode.querySelector(".variables-view-searchinput"),
"The searchbox element should not be found.");
// Step 3: add a placeholder while the searchbox is hidden.
var placeholder = "not freshly squeezed mango juice";
gVariables.searchPlaceholder = placeholder;
is(gVariables.searchPlaceholder, placeholder,
"The placeholder getter didn't return the expected string");
// Step 4: enable search and check the placeholder.
gVariables._enableSearch();
ok(gVariables._searchboxNode,
"There should be a searchbox available after enabling.");
ok(gVariables._searchboxContainer,
"There should be a searchbox container available after enabling.");
ok(gVariables._searchboxContainer.hidden,
"The searchbox container should be hidden at this point.");
ok(gVariables._parent.parentNode.querySelector(".variables-view-searchinput"),
"The searchbox element should be found.");
is(gVariables._searchboxNode.getAttribute("placeholder"),
placeholder, "There correct placeholder should be applied to the searchbox.");
// Step 5: add a placeholder while the searchbox is visible and check wether
// it has been immediatey applied.
var placeholder = "freshly squeezed mango juice";
gVariables.searchPlaceholder = placeholder;
is(gVariables.searchPlaceholder, placeholder,
"The placeholder getter didn't return the expected string");
is(gVariables._searchboxNode.getAttribute("placeholder"),
placeholder, "There correct placeholder should be applied to the searchbox.");
// Step 4: disable, enable, then test the placeholder.
gVariables._disableSearch();
ok(!gVariables._searchboxNode,
"There shouldn't be a searchbox available after disabling again.");
ok(!gVariables._searchboxContainer,
"There shouldn't be a searchbox container available after disabling again.");
ok(!gVariables._parent.parentNode.querySelector(".variables-view-searchinput"),
"The searchbox element should not be found.");
gVariables._enableSearch();
ok(gVariables._searchboxNode,
"There should be a searchbox available after enabling again.");
ok(gVariables._searchboxContainer,
"There should be a searchbox container available after enabling again.");
ok(gVariables._searchboxContainer.hidden,
"The searchbox container should be hidden at this point.");
ok(gVariables._parent.parentNode.querySelector(".variables-view-searchinput"),
"The searchbox element should be found.");
is(gVariables._searchboxNode.getAttribute("placeholder"),
placeholder, "There correct placeholder should be applied to the searchbox again.");
// Step 5: alternate disable, enable, then test the placeholder.
gVariables.searchEnabled = false;
ok(!gVariables._searchboxNode,
"There shouldn't be a searchbox available after disabling again.");
ok(!gVariables._searchboxContainer,
"There shouldn't be a searchbox container available after disabling again.");
ok(!gVariables._parent.parentNode.querySelector(".variables-view-searchinput"),
"The searchbox element should not be found.");
gVariables.searchEnabled = true;
ok(gVariables._searchboxNode,
"There should be a searchbox available after enabling again.");
ok(gVariables._searchboxContainer,
"There should be a searchbox container available after enabling again.");
ok(gVariables._searchboxContainer.hidden,
"The searchbox container should be hidden at this point.");
ok(gVariables._parent.parentNode.querySelector(".variables-view-searchinput"),
"The searchbox element should be found.");
is(gVariables._searchboxNode.getAttribute("placeholder"),
placeholder, "There correct placeholder should be applied to the searchbox again.");
closeDebuggerAndFinish(gPanel);
}
registerCleanupFunction(function () {
gTab = null;
gPanel = null;
gDebugger = null;
gVariables = null;
});
|
