forked from mirrors/gecko-dev
7e91455352
MozReview-Commit-ID: 5PxydbSfhpz --HG-- extra : rebase_source : 3941fa6edb5e8eb0d14d6d04ad5b0d63ef1a5b84
74 lines
2.9 KiB
JavaScript
74 lines
2.9 KiB
JavaScript
"use strict";
|
|
|
|
const kOverflowPanel = document.getElementById("widget-overflow");
|
|
|
|
var gOriginalWidth;
|
|
async function stopOverflowing() {
|
|
kOverflowPanel.removeAttribute("animate");
|
|
window.resizeTo(gOriginalWidth, window.outerHeight);
|
|
await 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 developer widget, please
|
|
* replace this test with another subview - don't remove it.
|
|
*/
|
|
add_task(async function check_developer_subview_in_overflow() {
|
|
kOverflowPanel.setAttribute("animate", "false");
|
|
gOriginalWidth = window.outerWidth;
|
|
|
|
CustomizableUI.addWidgetToArea("developer-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 waitForCondition(() => navbar.hasAttribute("overflowing"));
|
|
|
|
let chevron = document.getElementById("nav-bar-overflow-button");
|
|
let shownPanelPromise = promisePanelElementShown(window, kOverflowPanel);
|
|
chevron.click();
|
|
await shownPanelPromise;
|
|
|
|
let developerView = document.getElementById("PanelUI-developer");
|
|
let button = document.getElementById("developer-button");
|
|
let subviewShownPromise = subviewShown(developerView);
|
|
button.click();
|
|
await subviewShownPromise;
|
|
let hasSubviews = !!kOverflowPanel.querySelector("photonpanelmultiview,panelmultiview");
|
|
let expectedPanel = hasSubviews ? kOverflowPanel : document.getElementById("customizationui-widget-panel");
|
|
is(developerView.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 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();
|
|
});
|