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
|
"use strict";
const kOverflowPanel = document.getElementById("widget-overflow");
var gOriginalWidth;
async function stopOverflowing() {
kOverflowPanel.removeAttribute("animate");
window.resizeTo(gOriginalWidth, window.outerHeight);
await TestUtils.waitForCondition(
() => !document.getElementById("nav-bar").hasAttribute("overflowing")
);
CustomizableUI.reset();
}
registerCleanupFunction(stopOverflowing);
/**
* This checks that subview-compatible items show up as subviews rather than
* re-anchored panels. If we ever remove the library widget, please
* replace this test with another subview - don't remove it.
*/
add_task(async function check_library_subview_in_overflow() {
kOverflowPanel.setAttribute("animate", "false");
gOriginalWidth = window.outerWidth;
CustomizableUI.addWidgetToArea("library-button", CustomizableUI.AREA_NAVBAR);
let navbar = document.getElementById(CustomizableUI.AREA_NAVBAR);
ok(
!navbar.hasAttribute("overflowing"),
"Should start with a non-overflowing toolbar."
);
window.resizeTo(kForceOverflowWidthPx, window.outerHeight);
await TestUtils.waitForCondition(() => navbar.hasAttribute("overflowing"));
let chevron = document.getElementById("nav-bar-overflow-button");
let shownPanelPromise = BrowserTestUtils.waitForEvent(
kOverflowPanel,
"ViewShown"
);
chevron.click();
await shownPanelPromise;
let button = document.getElementById("library-button");
button.click();
let libraryView = document.getElementById("appMenu-libraryView");
await BrowserTestUtils.waitForEvent(libraryView, "ViewShown");
let hasSubviews = !!kOverflowPanel.querySelector("panelmultiview");
let expectedPanel = hasSubviews
? kOverflowPanel
: document.getElementById("customizationui-widget-panel");
is(libraryView.closest("panel"), expectedPanel, "Should be inside the panel");
expectedPanel.hidePopup();
await Promise.resolve(); // wait for popup to hide fully.
await stopOverflowing();
});
/**
* This checks that non-subview-compatible items still work correctly.
* Ideally we should make the downloads panel and bookmarks/library item
* proper subview items, then this test can go away, and potentially we can
* simplify some of the subview anchoring code.
*/
add_task(async function check_downloads_panel_in_overflow() {
let button = document.getElementById("downloads-button");
await gCustomizeMode.addToPanel(button);
await waitForOverflowButtonShown();
let chevron = document.getElementById("nav-bar-overflow-button");
let shownPanelPromise = promisePanelElementShown(window, kOverflowPanel);
chevron.click();
await shownPanelPromise;
button.click();
await TestUtils.waitForCondition(() => {
let panel = document.getElementById("downloadsPanel");
return panel && panel.state != "closed";
});
let downloadsPanel = document.getElementById("downloadsPanel");
isnot(
downloadsPanel.state,
"closed",
"Should be attempting to show the downloads panel."
);
downloadsPanel.hidePopup();
});
|
