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
|
/* 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/. */
"use strict";
// Test the keybindings for element picker with separate window.
const { Toolbox } = require("resource://devtools/client/framework/toolbox.js");
const IS_OSX = Services.appinfo.OS === "Darwin";
const TEST_URL = "data:text/html;charset=utf8,<div></div>";
const TEST_MODIFIERS = [
{
isOSX: true,
description: "OSX and altKey+metaKey",
modifier: { altKey: true, metaKey: true },
},
{
isOSX: true,
description: "OSX and metaKey+shiftKey",
modifier: { metaKey: true, shiftKey: true },
},
{
description: "ctrlKey+shiftKey",
modifier: { ctrlKey: true, shiftKey: true },
},
];
add_task(async () => {
info("In order to open the inspector in separate window");
await pushPref("devtools.toolbox.host", "window");
info("Open an inspected tab");
await addTab(TEST_URL);
for (const { description, modifier, isOSX } of TEST_MODIFIERS) {
if (!!isOSX !== IS_OSX) {
continue;
}
info(`Start the test for ${description}`);
info("Open the toolbox and the inspecor");
const onToolboxReady = gDevTools.once("toolbox-ready");
EventUtils.synthesizeKey("c", modifier, window);
info("Check the state of the inspector");
const toolbox = await onToolboxReady;
is(
toolbox.hostType,
Toolbox.HostType.WINDOW,
"The toolbox opens in a separate window"
);
is(toolbox.currentToolId, "inspector", "The inspector selects");
await assertStatuses(toolbox, true, true);
info("Toggle the picker mode by the shortcut key on the toolbox");
EventUtils.synthesizeKey("c", modifier, toolbox.win);
await assertStatuses(toolbox, false, true);
info("Focus on main window");
window.focus();
await waitForFocusChanged(document, true);
ok(true, "The main window has focus");
info("Toggle the picker mode by the shortcut key on the main window");
EventUtils.synthesizeKey("c", modifier, window);
await assertStatuses(toolbox, true, false);
info("Toggle again by the shortcut key on the main window");
EventUtils.synthesizeKey("c", modifier, window);
await assertStatuses(toolbox, false, false);
info("Select a tool other than the inspector");
const onConsoleLoaded = toolbox.once("webconsole-ready");
await toolbox.selectTool("webconsole");
await onConsoleLoaded;
await waitForFocusChanged(toolbox.doc, true);
info("Focus on main window");
window.focus();
await waitForFocusChanged(document, true);
info("Type the shortcut key again after selecting other tool");
const onInspectorSelected = toolbox.once("inspector-selected");
EventUtils.synthesizeKey("c", modifier, window);
await onInspectorSelected;
await assertStatuses(toolbox, true, false);
info("Cancel the picker mode");
EventUtils.synthesizeKey("c", modifier, window);
await waitUntil(() => toolbox.pickerButton.isChecked === false);
info("Close the toolbox");
await toolbox.closeToolbox();
}
});
async function assertStatuses(toolbox, isPickerMode, isToolboxHavingFocus) {
info("Check the state of the picker mode");
await waitUntil(() => toolbox.pickerButton.isChecked === isPickerMode);
is(
toolbox.pickerButton.isChecked,
isPickerMode,
"The picker mode is correct"
);
info("Check whether the toolbox has the focus");
await waitForFocusChanged(toolbox.doc, isToolboxHavingFocus);
ok(true, "The focus state of the toolbox is correct");
await waitForFocusChanged(document, !isToolboxHavingFocus);
ok(true, "The focus state of the main window is correct");
}
async function waitForFocusChanged(doc, expected) {
return waitUntil(() => doc.hasFocus() === expected);
}
|
