firefox-main/browser/components/urlbar/tests/browser-searchMode/browser_searchModeSwitcher_bounds.js (file symbol)

Source code

Revision control

Copy as Markdown

Other Tools

Test Info:

/* Any copyright is dedicated to the Public Domain.
"use strict";
// Verifies that the search mode switcher's button fills its host exactly and
// stays within the input container, at every UI density and the root font
// sizes that leave it the least room.
const UI_DENSITIES = [
{ name: "normal", value: 0 },
{ name: "compact", value: 1 },
{ name: "touch", value: 2 },
];
const ROOT_FONT_SIZES = ["12px", "14px", "16px", "18px"];
function measure() {
let switcher = gURLBar.querySelector(".searchmode-switcher");
let button = switcher.shadowRoot.querySelector(".button-background");
return {
buttonHost: switcher.getBoundingClientRect(),
button: button.getBoundingClientRect(),
inputContainer: gURLBar
.querySelector(".urlbar-input-container")
.getBoundingClientRect(),
};
}
add_setup(async function setup() {
registerCleanupFunction(() => {
document.documentElement.style.fontSize = "";
});
});
add_task(async function buttonFillsItsHost() {
await UrlbarTestUtils.activateSearchModeSwitcherItem(
window,
".search-button-bookmarks"
);
await UrlbarTestUtils.assertSearchMode(window, {
source: UrlbarShared.RESULT_SOURCE.BOOKMARKS,
entry: "searchbutton",
});
Assert.ok(
BrowserTestUtils.isVisible(
gURLBar.querySelector(".searchmode-switcher-title")
),
"The switcher shows its label"
);
for (let density of UI_DENSITIES) {
await SpecialPowers.pushPrefEnv({
set: [["browser.uidensity", density.value]],
});
for (let fontSize of ROOT_FONT_SIZES) {
document.documentElement.style.fontSize = fontSize;
await new Promise(resolve =>
requestAnimationFrame(() => requestAnimationFrame(resolve))
);
let where = `at ${density.name} density with a ${fontSize} root font`;
let { buttonHost, button, inputContainer } = measure();
Assert.equal(
button.top,
buttonHost.top,
`Button meets the top of its host ${where}`
);
Assert.equal(
button.bottom,
buttonHost.bottom,
`Button meets the bottom of its host ${where}`
);
Assert.greater(
button.top,
inputContainer.top,
`Button stays below the top of the input container ${where}`
);
Assert.less(
button.bottom,
inputContainer.bottom,
`Button stays above the bottom of the input container ${where}`
);
}
}
await UrlbarTestUtils.exitSearchMode(window);
await UrlbarTestUtils.promisePopupClose(window);
});