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
151
152
153
154
155
156
157
158
159
160
161
162
|
/* Any copyright is dedicated to the Public Domain.
* http://creativecommons.org/publicdomain/zero/1.0/ */
// Test that the "Open in sidebar" context menu entry is active for
// the content objects and opens the sidebar when clicked.
"use strict";
const TEST_URI = `data:text/html;charset=utf8,<!DOCTYPE html><script>
console.log(
{a:1},
100,
{b:1},
'foo',
false,
null,
undefined
);
</script>`;
add_task(async function () {
// Enable sidebar
await pushPref("devtools.webconsole.sidebarToggle", true);
// Show the content messages
await pushPref("devtools.browsertoolbox.scope", "everything");
await addTab(TEST_URI);
info("Open the Browser Console");
const hud = await BrowserConsoleManager.toggleBrowserConsole();
const message = await waitFor(() => findConsoleAPIMessage(hud, "foo"));
const [objectA, objectB] = message.querySelectorAll(
".object-inspector .objectBox-object"
);
const number = findMessagePartByType(hud, {
text: "100",
typeSelector: ".console-api",
partSelector: ".objectBox",
});
const string = findMessagePartByType(hud, {
text: "foo",
typeSelector: ".console-api",
partSelector: ".objectBox",
});
const bool = findMessagePartByType(hud, {
text: "false",
typeSelector: ".console-api",
partSelector: ".objectBox",
});
const nullMessage = findMessagePartByType(hud, {
text: "null",
typeSelector: ".console-api",
partSelector: ".objectBox",
});
const undefinedMsg = findMessagePartByType(hud, {
text: "undefined",
typeSelector: ".console-api",
partSelector: ".objectBox",
});
info("Showing sidebar for {a:1}");
await showSidebarWithContextMenu(hud, objectA, true);
let sidebarContents = hud.ui.document.querySelector(".sidebar-contents");
let objectInspector = sidebarContents.querySelector(".object-inspector");
let oiNodes = objectInspector.querySelectorAll(".node");
if (oiNodes.length === 1) {
// If this is the case, we wait for the properties to be fetched and displayed.
await waitForNodeMutation(objectInspector, {
childList: true,
});
}
let sidebarText =
hud.ui.document.querySelector(".sidebar-contents").textContent;
ok(sidebarText.includes("a: 1"), "Sidebar is shown for {a:1}");
info("Showing sidebar for {a:1} again");
await showSidebarWithContextMenu(hud, objectA, false);
ok(
hud.ui.document.querySelector(".sidebar"),
"Sidebar is still shown after clicking on same object"
);
is(
hud.ui.document.querySelector(".sidebar-contents").textContent,
sidebarText,
"Sidebar is not updated after clicking on same object"
);
info("Showing sidebar for {b:1}");
await showSidebarWithContextMenu(hud, objectB, false);
sidebarContents = hud.ui.document.querySelector(".sidebar-contents");
objectInspector = sidebarContents.querySelector(".object-inspector");
oiNodes = objectInspector.querySelectorAll(".node");
if (oiNodes.length === 1) {
// If this is the case, we wait for the properties to be fetched and displayed.
await waitForNodeMutation(objectInspector, {
childList: true,
});
}
isnot(
hud.ui.document.querySelector(".sidebar-contents").textContent,
sidebarText,
"Sidebar is updated for {b:1}"
);
sidebarText = hud.ui.document.querySelector(".sidebar-contents").textContent;
ok(sidebarText.includes("b: 1"), "Sidebar contents shown for {b:1}");
info("Checking context menu entry is disabled for number");
const numberContextMenuEnabled = await isContextMenuEntryEnabled(hud, number);
ok(!numberContextMenuEnabled, "Context menu entry is disabled for number");
info("Checking context menu entry is disabled for string");
const stringContextMenuEnabled = await isContextMenuEntryEnabled(hud, string);
ok(!stringContextMenuEnabled, "Context menu entry is disabled for string");
info("Checking context menu entry is disabled for bool");
const boolContextMenuEnabled = await isContextMenuEntryEnabled(hud, bool);
ok(!boolContextMenuEnabled, "Context menu entry is disabled for bool");
info("Checking context menu entry is disabled for null message");
const nullContextMenuEnabled = await isContextMenuEntryEnabled(
hud,
nullMessage
);
ok(!nullContextMenuEnabled, "Context menu entry is disabled for nullMessage");
info("Checking context menu entry is disabled for undefined message");
const undefinedContextMenuEnabled = await isContextMenuEntryEnabled(
hud,
undefinedMsg
);
ok(
!undefinedContextMenuEnabled,
"Context menu entry is disabled for undefinedMsg"
);
});
async function showSidebarWithContextMenu(hud, node, expectMutation) {
const appNode = hud.ui.document.querySelector(".webconsole-app");
const onSidebarShown = waitForNodeMutation(appNode, { childList: true });
const contextMenu = await openContextMenu(hud, node);
const openInSidebar = contextMenu.querySelector("#console-menu-open-sidebar");
openInSidebar.click();
if (expectMutation) {
await onSidebarShown;
}
await hideContextMenu(hud);
}
async function isContextMenuEntryEnabled(hud, node) {
const contextMenu = await openContextMenu(hud, node);
const openInSidebar = contextMenu.querySelector("#console-menu-open-sidebar");
const enabled = !openInSidebar.attributes.disabled;
await hideContextMenu(hud);
return enabled;
}
|
