Source code
Revision control
Copy as Markdown
Other Tools
Test Info: Warnings
- This test gets skipped with pattern: debug
- Manifest: browser/components/urlbar/tests/browser-newtab/browser.toml
/* Any copyright is dedicated to the Public Domain.
// The newtab results view scrolls within the space below the input, and its
// `<panel-list>` positions itself against a host that holds that scrollport.
"use strict";
// The rows come from form history because `UrlbarProviderPlaces` does not list
// `newtab_searchbar` among its supported SAPs, and because a form history result
// is `isBlockable`, which is what gives a row a result menu. The count only has
// to overflow the scrollport, which the space below the input bounds; the task
// asserts that it does, since the window has no fixed size.
const SUGGESTION_COUNT = 40;
const CONFIG = [{ identifier: "engine1" }];
add_setup(async function () {
await SpecialPowers.pushPrefEnv({
set: [
["browser.urlbar.maxHistoricalSearchSuggestions", SUGGESTION_COUNT],
["browser.urlbar.maxRichResults", SUGGESTION_COUNT + 1],
],
});
await SearchTestUtils.updateRemoteSettingsConfig(CONFIG);
await NewtabSearchbarTestUtils.formHistory.add(
Array.from({ length: SUGGESTION_COUNT }, (_, i) => `example ${i}`)
);
});
add_task(async function staysOpenWhenTheViewIsScrolled() {
let tab = await NewtabSearchbarTestUtils.openNewTabPage();
let browser = tab.linkedBrowser;
await NewtabSearchbarTestUtils.promiseAutocompleteResultPopup({
browser,
value: "example",
});
await NewtabSearchbarTestUtils.spawn(browser, [], async () => {
let utils = NewtabSearchbarContentTestUtils;
utils.disableResultMenuAutohide(content);
let scroller = utils
.getResultsContainer(content)
.closest(".urlbarView-body-outer");
Assert.greater(
scroller.scrollHeight,
scroller.clientHeight,
"The results overflow the scrollport"
);
// A frame reconstruction restores the scroll position, which is what the
// spurious `scroll` event rides on, so the view has to be scrolled away
// from the top.
scroller.scrollTop = Math.floor(
(scroller.scrollHeight - scroller.clientHeight) / 2
);
Assert.greater(scroller.scrollTop, 0, "The results list scrolled");
// Opening the menu clicks the button, so the row it belongs to has to be
// whole: the scroll leaves the rows at either edge of the scrollport
// clipped.
let scrollportRect = scroller.getBoundingClientRect();
let resultIndex = -1;
for (let i = 0; i < utils.getResultCount(content); i++) {
let rect = utils.getRowAt(content, i).getBoundingClientRect();
if (rect.top < scrollportRect.top) {
continue;
}
if (rect.bottom > scrollportRect.bottom) {
break;
}
if (utils.getButtonForResultIndex(content, "result-menu", i)) {
resultIndex = i;
break;
}
}
Assert.greaterOrEqual(
resultIndex,
0,
"Found a whole scrolled-into-view row with a menu"
);
await utils.openResultMenu(content, { resultIndex, byMouse: true });
// A dismissal reaches the menu in the tick after it is shown, so give it
// two frames to land.
await new Promise(resolve =>
content.requestAnimationFrame(() =>
content.requestAnimationFrame(resolve)
)
);
Assert.ok(
utils.getUrlbar(content).view.resultMenu.matches(":popover-open"),
"The result menu stayed open"
);
});
BrowserTestUtils.removeTab(tab);
});