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
|
/* Any copyright is dedicated to the Public Domain.
* http://creativecommons.org/publicdomain/zero/1.0/ */
"use strict";
// Test for reordering with an extension installed.
const { Toolbox } = require("resource://devtools/client/framework/toolbox.js");
const EXTENSION = "@reorder.test";
const TEST_STARTING_ORDER = [
"inspector",
"webconsole",
"jsdebugger",
"styleeditor",
"performance",
"memory",
"netmonitor",
"storage",
"accessibility",
"application",
EXTENSION,
];
add_task(async function () {
// Enable the Application panel (atm it's only available on Nightly)
await pushPref("devtools.application.enabled", true);
const extension = ExtensionTestUtils.loadExtension({
useAddonManager: "temporary",
manifest: {
devtools_page: "extension.html",
browser_specific_settings: {
gecko: { id: EXTENSION },
},
},
files: {
"extension.html": `<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<script src="extension.js"></script>
</body>
</html>`,
"extension.js": async () => {
// eslint-disable-next-line no-undef
await browser.devtools.panels.create(
"extension",
"fake-icon.png",
"empty.html"
);
// eslint-disable-next-line no-undef
browser.test.sendMessage("devtools-page-ready");
},
"empty.html": "",
},
});
await extension.startup();
const tab = await addTab("about:blank");
const toolbox = await openToolboxForTab(
tab,
"webconsole",
Toolbox.HostType.BOTTOM
);
await extension.awaitMessage("devtools-page-ready");
const originalPreference = Services.prefs.getCharPref(
"devtools.toolbox.tabsOrder"
);
const win = getWindow(toolbox);
const { outerWidth: originalWindowWidth, outerHeight: originalWindowHeight } =
win;
registerCleanupFunction(() => {
Services.prefs.setCharPref(
"devtools.toolbox.tabsOrder",
originalPreference
);
win.resizeTo(originalWindowWidth, originalWindowHeight);
});
info("Test for DragAndDrop the extension tab");
let dragTarget = EXTENSION;
let dropTarget = "webconsole";
let expectedOrder = [
"inspector",
EXTENSION,
"webconsole",
"jsdebugger",
"styleeditor",
"performance",
"memory",
"netmonitor",
"storage",
"accessibility",
"application",
];
prepareToolTabReorderTest(toolbox, TEST_STARTING_ORDER);
await dndToolTab(toolbox, dragTarget, dropTarget);
assertToolTabOrder(toolbox, expectedOrder);
assertToolTabSelected(toolbox, dragTarget);
assertToolTabPreferenceOrder(expectedOrder);
info("Test the case of that the extension tab is overflowed");
prepareToolTabReorderTest(toolbox, TEST_STARTING_ORDER);
await resizeWindow(toolbox, 800);
await toolbox.selectTool("storage");
dragTarget = "storage";
dropTarget = "inspector";
expectedOrder = [
"storage",
"inspector",
"webconsole",
"jsdebugger",
"styleeditor",
"performance",
"memory",
"netmonitor",
"accessibility",
"application",
EXTENSION,
];
await dndToolTab(toolbox, dragTarget, dropTarget);
assertToolTabPreferenceOrder(expectedOrder);
await resizeWindow(toolbox, originalWindowWidth, originalWindowHeight);
info("Test the preference after uninstalling extension");
prepareToolTabReorderTest(toolbox, TEST_STARTING_ORDER);
await extension.unload();
dragTarget = "webconsole";
dropTarget = "inspector";
expectedOrder = [
"webconsole",
"inspector",
"jsdebugger",
"styleeditor",
"performance",
"memory",
"netmonitor",
"storage",
"accessibility",
"application",
];
await dndToolTab(toolbox, dragTarget, dropTarget);
assertToolTabPreferenceOrder(expectedOrder);
});
|
