Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
/* Any copyright is dedicated to the Public Domain.
"use strict";
const kPrefCustomizationNavBarWhenVerticalTabs =
"browser.uiCustomization.navBarWhenVerticalTabs";
const tabsToolbar = "TabsToolbar";
const navBar = "nav-bar";
add_setup(async () => {
Services.prefs.setCharPref(kPrefCustomizationNavBarWhenVerticalTabs, "");
await SpecialPowers.pushPrefEnv({
set: [["sidebar.revamp", true]],
});
});
registerCleanupFunction(async () => {
await SpecialPowers.popPrefEnv();
gBrowser.removeAllTabsBut(gBrowser.tabs[0]);
});
// When switching to vertical tabs, the nav-bar customizations remain the same
// as when in horizontal tabs mode, with the addition of tab strip widgets
// This test asserts we remember any tab strip widget customizations in the nav-bar
// when switching between vertical and horizontal modes
add_task(async function () {
let defaultHorizontalAllTabsPlacement =
CustomizableUI.getPlacementOfWidget("alltabs-button");
let defaultHorizontalFirefoxViewPlacement =
CustomizableUI.getPlacementOfWidget("firefox-view-button");
is(
defaultHorizontalAllTabsPlacement.area,
tabsToolbar,
`alltabs-button is in the ${tabsToolbar}`
);
is(
defaultHorizontalFirefoxViewPlacement.area,
tabsToolbar,
`firefox-view-button is in the ${tabsToolbar}`
);
info(
`alltabs-button is in its original default position ${defaultHorizontalAllTabsPlacement.position} for horizontal tabs mode`
);
info(
`firefox-view-button is in its original default position ${defaultHorizontalFirefoxViewPlacement.position} for horizontal tabs mode`
);
await SpecialPowers.pushPrefEnv({
set: [["sidebar.verticalTabs", true]],
});
await startCustomizing();
is(gBrowser.tabs.length, 2, "Should have 2 tabs");
let nonCustomizingTab = gBrowser.tabContainer.querySelector(
"tab:not([customizemode=true])"
);
let finishedCustomizing = BrowserTestUtils.waitForEvent(
gNavToolbox,
"aftercustomization"
);
let defaultVerticalAllTabsPlacement =
CustomizableUI.getPlacementOfWidget("alltabs-button");
let defaultVerticalFirefoxViewPlacement = CustomizableUI.getPlacementOfWidget(
"firefox-view-button"
);
is(
defaultVerticalAllTabsPlacement.area,
navBar,
`alltabs-button is in the ${navBar}`
);
is(
defaultVerticalFirefoxViewPlacement.area,
navBar,
`firefox-view-button is in the ${navBar}`
);
info(
`alltabs-button is in its original default position ${defaultVerticalAllTabsPlacement.position} for vertical tabs mode`
);
info(
`firefox-view-button is in its original default position ${defaultVerticalFirefoxViewPlacement.position} for vertical tabs mode`
);
let customAllTabsPosition = 1;
let customFirefoxViewPosition = 2;
CustomizableUI.moveWidgetWithinArea("alltabs-button", customAllTabsPosition);
CustomizableUI.moveWidgetWithinArea(
"firefox-view-button",
customFirefoxViewPosition
);
await BrowserTestUtils.switchTab(gBrowser, nonCustomizingTab);
await finishedCustomizing;
let alltabsPlacement = CustomizableUI.getPlacementOfWidget("alltabs-button");
let firefoxViewPlacement = CustomizableUI.getPlacementOfWidget(
"firefox-view-button"
);
is(alltabsPlacement.area, navBar, `alltabs-button is in the ${navBar}`);
is(
firefoxViewPlacement.area,
navBar,
`firefox-view-button is in the ${navBar}`
);
isnot(
defaultVerticalAllTabsPlacement.position,
alltabsPlacement.position,
"alltabs-button has been moved from its default position"
);
isnot(
defaultVerticalFirefoxViewPlacement.position,
firefoxViewPlacement.position,
"firefox-view-button has been moved from its default position"
);
is(
alltabsPlacement.position,
customAllTabsPosition,
"alltabs-button is in its new custom position"
);
is(
firefoxViewPlacement.position,
customFirefoxViewPosition,
"firefox-view-button is in its new custom position"
);
await SpecialPowers.pushPrefEnv({
set: [["sidebar.verticalTabs", false]],
});
let horizontalAlltabsPlacement =
CustomizableUI.getPlacementOfWidget("alltabs-button");
let horizontalFirefoxViewPlacement = CustomizableUI.getPlacementOfWidget(
"firefox-view-button"
);
is(
horizontalAlltabsPlacement.area,
tabsToolbar,
`alltabs-button is in the ${tabsToolbar}`
);
is(
horizontalFirefoxViewPlacement.area,
tabsToolbar,
`firefox-view-button is in the ${tabsToolbar}`
);
is(
horizontalAlltabsPlacement.position,
defaultHorizontalAllTabsPlacement.position,
"alltabs-button is in its default horizontal mode position"
);
is(
horizontalFirefoxViewPlacement.position,
defaultHorizontalFirefoxViewPlacement.position,
"firefox-view-button is in its default horizontal mode position"
);
// Switching from vertical to horizontal and back to vertical, the customization should be remembered
await SpecialPowers.pushPrefEnv({
set: [["sidebar.verticalTabs", true]],
});
let newAlltabsPlacement =
CustomizableUI.getPlacementOfWidget("alltabs-button");
let newFirefoxViewPlacement = CustomizableUI.getPlacementOfWidget(
"firefox-view-button"
);
is(newAlltabsPlacement.area, navBar, `alltabs-button is in the ${navBar}`);
is(
newFirefoxViewPlacement.area,
navBar,
`firefox-view-button is in the ${navBar}`
);
is(
newAlltabsPlacement.position,
customAllTabsPosition,
"alltabs-button is in its new custom position"
);
is(
newFirefoxViewPlacement.position,
customFirefoxViewPosition,
"firefox-view-button is in its new custom position"
);
});