Revision control
Copy as Markdown
Other Tools
/* 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
"use strict";
const { storeState } = ChromeUtils.importESModule(
);
const { getAvailableItemIdsForSpace } = ChromeUtils.importESModule(
);
add_setup(async function () {
await setState({});
Assert.ok(
window.gSpacesToolbar.isLoaded,
"Spaces toolbar needs to be loaded"
);
Assert.ok(
Services.prefs.getBoolPref("mail.tabs.drawInTitlebar"),
"Should be drawing our own titlebar"
);
});
add_task(function test_normalLayout() {
assertWindowControlsVisible();
});
add_task(async function test_filledToolbar() {
await setState({
mail: getAvailableItemIdsForSpace("mail", true),
});
assertWindowControlsVisible();
await setState({});
});
add_task(async function test_emptyToolbar() {
await setState({
mail: [],
});
assertWindowControlsVisible();
await setState({});
});
add_task(async function test_unifiedToolbarCustomization() {
const unifiedToolbar = document.querySelector("unified-toolbar");
const customizationInserted = BrowserTestUtils.waitForMutationCondition(
document,
{
subtree: true,
childList: true,
},
() => document.querySelector("unified-toolbar-customization")
);
unifiedToolbar.showCustomization();
await customizationInserted;
const customization = document.querySelector("unified-toolbar-customization");
await TestUtils.waitForCondition(() => customization.hasConnected);
assertWindowControlsVisible();
customization.toggle(false);
});
/**
* Check that the close button of the window controls is visible and within the
* visible parts of the window.
*/
function assertWindowControlsVisible() {
const titlebarButtons = document.querySelector(
"#unifiedToolbarContainer .titlebar-buttonbox-container .titlebar-buttonbox"
);
// On Mac OSX the close button doesn't have any size in the CSS model, so we
// just check the properties of the entire button box.
const closeButton =
AppConstants.platform == "macosx"
? titlebarButtons
: titlebarButtons.querySelector(".titlebar-close");
Assert.ok(
BrowserTestUtils.isVisible(closeButton),
"Close button should be visible by computed styles"
);
const closeBoundingBox = closeButton.getBoundingClientRect();
Assert.greaterOrEqual(
closeBoundingBox.left,
window.scrollX,
"Left side of close button visible"
);
Assert.lessOrEqual(
closeBoundingBox.right,
window.scrollX + window.innerWidth,
"Right side of close button visible"
);
// Windows has a negative margin by 1 pixel, we compensate for that by
// requiring the button to be at least 2 pixels high later on.
const windowTop =
AppConstants.platform == "win" ? window.scrollY - 1 : window.scrollY;
Assert.greaterOrEqual(
closeBoundingBox.top,
windowTop,
"Top of close button visible"
);
Assert.lessOrEqual(
closeBoundingBox.bottom,
window.scrollY + window.innerHeight,
"Bottom of close button visible"
);
Assert.greaterOrEqual(
closeBoundingBox.width,
1,
"Close button is at least 1 pixel wide"
);
const minimumHeight = AppConstants.platform == "win" ? 2 : 1;
Assert.greaterOrEqual(
closeBoundingBox.height,
minimumHeight,
"Close button is at least 1 visible pixel high"
);
}
/**
* Update the state of the unified toolbar contents.
*
* @param {object} state - The new state for the unified toolbar.
*/
async function setState(state) {
const stateUpdated = TestUtils.topicObserved("unified-toolbar-state-change");
const toolbarMutation = BrowserTestUtils.waitForMutationCondition(
document.querySelector("unified-toolbar"),
{ childList: true },
() => true
);
storeState(state);
await stateUpdated;
await toolbarMutation;
}