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
|
/* 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";
logActiveElement();
async function waitForSearchBarFocus() {
let searchbar = document.getElementById("searchbar");
await TestUtils.waitForCondition(function () {
logActiveElement();
return document.activeElement === searchbar.textbox;
});
}
// Ctrl+K should open the menu panel and focus the search bar if the search bar is in the panel.
add_task(async function check_shortcut_when_in_closed_overflow_panel_closed() {
CustomizableUI.addWidgetToArea(
"search-container",
CustomizableUI.AREA_FIXED_OVERFLOW_PANEL
);
let shownPanelPromise = promiseOverflowShown(window);
sendWebSearchKeyCommand();
await shownPanelPromise;
await waitForSearchBarFocus();
let hiddenPanelPromise = promiseOverflowHidden(window);
EventUtils.synthesizeKey("KEY_Escape");
await hiddenPanelPromise;
CustomizableUI.reset();
});
// Ctrl+K should give focus to the searchbar when the searchbar is in the menupanel and the panel is already opened.
add_task(async function check_shortcut_when_in_opened_overflow_panel() {
CustomizableUI.addWidgetToArea(
"search-container",
CustomizableUI.AREA_FIXED_OVERFLOW_PANEL
);
await document.getElementById("nav-bar").overflowable.show();
sendWebSearchKeyCommand();
await waitForSearchBarFocus();
let hiddenPanelPromise = promiseOverflowHidden(window);
EventUtils.synthesizeKey("KEY_Escape");
await hiddenPanelPromise;
CustomizableUI.reset();
});
// Ctrl+K should open the overflow panel and focus the search bar if the search bar is overflowed.
add_task(async function check_shortcut_when_in_overflow() {
this.originalWindowWidth = window.outerWidth;
let navbar = document.getElementById(CustomizableUI.AREA_NAVBAR);
ok(
!navbar.hasAttribute("overflowing"),
"Should start with a non-overflowing toolbar."
);
ok(CustomizableUI.inDefaultState, "Should start in default state.");
Services.prefs.setBoolPref("browser.search.widget.inNavBar", true);
window.resizeTo(kForceOverflowWidthPx, window.outerHeight);
await TestUtils.waitForCondition(() => {
return (
navbar.getAttribute("overflowing") == "true" &&
!navbar.querySelector("#search-container")
);
});
ok(
!navbar.querySelector("#search-container"),
"Search container should be overflowing"
);
let shownPanelPromise = promiseOverflowShown(window);
sendWebSearchKeyCommand();
await shownPanelPromise;
let chevron = document.getElementById("nav-bar-overflow-button");
await TestUtils.waitForCondition(() => chevron.open);
await waitForSearchBarFocus();
let hiddenPanelPromise = promiseOverflowHidden(window);
EventUtils.synthesizeKey("KEY_Escape");
await hiddenPanelPromise;
Services.prefs.setBoolPref("browser.search.widget.inNavBar", false);
navbar = document.getElementById(CustomizableUI.AREA_NAVBAR);
window.resizeTo(this.originalWindowWidth, window.outerHeight);
await TestUtils.waitForCondition(() => !navbar.hasAttribute("overflowing"));
ok(
!navbar.hasAttribute("overflowing"),
"Should not have an overflowing toolbar."
);
});
// Ctrl+K should focus the search bar if it is in the navbar and not overflowing.
add_task(async function check_shortcut_when_not_in_overflow() {
Services.prefs.setBoolPref("browser.search.widget.inNavBar", true);
let placement = CustomizableUI.getPlacementOfWidget("search-container");
is(placement.area, CustomizableUI.AREA_NAVBAR, "Should be in nav-bar");
sendWebSearchKeyCommand();
// This fails if the screen resolution is small and the search bar overflows
// from the nav bar even with the original window width.
await waitForSearchBarFocus();
Services.prefs.setBoolPref("browser.search.widget.inNavBar", false);
});
function sendWebSearchKeyCommand() {
document.documentElement.focus();
EventUtils.synthesizeKey("k", { accelKey: true });
}
function logActiveElement() {
let element = document.activeElement;
let str = "";
while (element && element.parentNode) {
str =
" (" +
element.localName +
"#" +
element.id +
"." +
[...element.classList].join(".") +
") >" +
str;
element = element.parentNode;
}
info("Active element: " + element ? str : "null");
}
|
