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
|
/* 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 that canceling the element picker zooms back on the focused element. Bug 1224304.
const TEST_URL = URL_ROOT + "doc_inspector_long-divs.html";
const isMac = Services.appinfo.OS === "Darwin";
const TESTS = [
{
key: "VK_ESCAPE",
options: {},
// Escape would open the split console if the toolbox was focused
focusToolbox: false,
},
{
key: "C",
options: {
metaKey: isMac,
ctrlKey: !isMac,
shiftKey: true,
},
// Test with the toolbox focused to check the client side event listener.
focusToolbox: true,
},
{
key: "C",
options: {
metaKey: isMac,
ctrlKey: !isMac,
shiftKey: true,
},
// Test with the content page focused to check the actor's event listener.
focusToolbox: false,
},
];
for (const { key, options, focusToolbox } of TESTS) {
add_task(async function () {
info(`Testing cancel shortcut: ${key} with toolbox focus: ${focusToolbox}`);
const { inspector, toolbox, highlighterTestFront } =
await openInspectorForURL(TEST_URL);
await selectAndHighlightNode("#focus-here", inspector);
ok(
await highlighterTestFront.assertHighlightedNode("#focus-here"),
"The highlighter focuses on div#focus-here"
);
ok(
isSelectedMarkupNodeInView(inspector),
"The currently selected node is on the screen."
);
await startPicker(toolbox);
await hoverElement(inspector, "#zoom-here");
ok(
!isSelectedMarkupNodeInView(inspector),
"The currently selected node is off the screen."
);
if (focusToolbox) {
toolbox.win.focus();
}
await cancelPickerByShortcut(toolbox, key, options);
ok(
isSelectedMarkupNodeInView(inspector),
"The currently selected node is focused back on the screen."
);
is(
await highlighterTestFront.isHighlighting(),
false,
"The highlighter was hidden"
);
});
}
async function cancelPickerByShortcut(toolbox, key, options) {
info("Key pressed. Waiting for picker to be canceled.");
const onStopped = toolbox.nodePicker.once("picker-node-canceled");
EventUtils.synthesizeKey(key, options, toolbox.win);
return onStopped;
}
function isSelectedMarkupNodeInView(inspector) {
const selectedNodeContainer = inspector.markup._selectedContainer.elt;
const bounds = selectedNodeContainer.getBoundingClientRect();
return bounds.top > 0 && bounds.bottom > 0;
}
|
