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
|
/* Any copyright is dedicated to the Public Domain.
* http://creativecommons.org/publicdomain/zero/1.0/ */
"use strict";
/* globals browser */
const URL =
"data:text/html;charset=utf8,test for drop down menu in devtools extension";
add_task(async function runTest() {
const extension = await startupExtension();
const tab = await addTab(URL);
const toolbox = await gDevTools.showToolboxForTab(tab, {
toolId: "webconsole",
});
const {
Toolbox,
} = require("resource://devtools/client/framework/toolbox.js");
await toolbox.switchHost(Toolbox.HostType.WINDOW);
await extension.awaitMessage("devtools_page_loaded");
const toolboxAdditionalTools = toolbox.getAdditionalTools();
is(
toolboxAdditionalTools.length,
1,
"Got the expected number of toolbox specific panel registered."
);
const panelId = toolboxAdditionalTools[0].id;
await gDevTools.showToolboxForTab(tab, { toolId: panelId });
await extension.awaitMessage("devtools_panel_loaded");
const panel = findExtensionPanel();
ok(panel, "found extension panel");
const iframe = panel.firstChild;
const popupShownPromise = BrowserTestUtils.waitForSelectPopupShown(
toolbox.win.browsingContext.topChromeWindow
);
const browser = iframe.contentDocument.getElementById(
"webext-panels-browser"
);
ok(browser, "found extension panel browser");
info("Waiting for menu");
await ContentTask.spawn(browser, null, async function () {
const menu = content.document.getElementById("menu");
const event = new content.MouseEvent("mousedown");
menu.dispatchEvent(event);
});
const popup = await popupShownPromise;
info("popup is shown");
popup.hidePopup();
await toolbox.destroy();
gBrowser.removeCurrentTab();
await extension.unload();
});
async function startupExtension() {
async function devtools_page() {
await browser.devtools.panels.create(
"drop",
"/icon.png",
"/devtools_panel.html"
);
browser.test.sendMessage("devtools_page_loaded");
}
async function devtools_panel() {
browser.test.sendMessage("devtools_panel_loaded");
}
const extension = ExtensionTestUtils.loadExtension({
manifest: {
devtools_page: "devtools_page.html",
},
files: {
"devtools_page.html": `<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<script src="devtools_page.js"></script>
</body>
</html>`,
"devtools_page.js": devtools_page,
"icon.png": "",
"devtools_panel.html": `<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<select id="menu">
<option value="A" selected>A</option>
<option value="B">B</option>
<option value="C">C</option>
</select>
<script src="devtools_panel.js"></script>
</body>
</html>`,
"devtools_panel.js": devtools_panel,
},
});
await extension.startup();
return extension;
}
function findExtensionPanel() {
const win = Services.wm.getMostRecentWindow("devtools:toolbox");
ok(win, "toolbox separate window exists");
const iframe = win.document.querySelector(".devtools-toolbox-window-iframe");
const deck = iframe.contentDocument.getElementById("toolbox-deck");
for (const box of deck.childNodes) {
if (box.id && box.id.startsWith("toolbox-panel-webext-devtools-panel")) {
return box;
}
}
return null;
}
|
