forked from mirrors/gecko-dev
91 lines
2.8 KiB
JavaScript
91 lines
2.8 KiB
JavaScript
/* Any copyright is dedicated to the Public Domain.
|
|
http://creativecommons.org/publicdomain/zero/1.0/ */
|
|
|
|
"use strict";
|
|
|
|
/**
|
|
* Tests that while clicking to close tabs, the close button remains under the mouse
|
|
* even when an underflow happens.
|
|
*/
|
|
add_task(async function () {
|
|
// Disable tab animations
|
|
gReduceMotionOverride = true;
|
|
|
|
let downButton = gBrowser.tabContainer.arrowScrollbox._scrollButtonDown;
|
|
let closingTabsSpacer = gBrowser.tabContainer._closingTabsSpacer;
|
|
let arrowScrollbox = gBrowser.tabContainer.arrowScrollbox;
|
|
|
|
await BrowserTestUtils.overflowTabs(registerCleanupFunction, window);
|
|
|
|
// Make sure scrolling finished.
|
|
await new Promise(resolve => {
|
|
arrowScrollbox.addEventListener("scrollend", resolve, { once: true });
|
|
});
|
|
|
|
ok(
|
|
gBrowser.tabContainer.hasAttribute("overflow"),
|
|
"Tab strip should be overflowing"
|
|
);
|
|
isnot(downButton.clientWidth, 0, "down button has some width");
|
|
is(closingTabsSpacer.clientWidth, 0, "spacer has no width");
|
|
|
|
let originalCloseButtonLocation = getLastCloseButtonLocation();
|
|
|
|
info(
|
|
"Removing half the tabs and making sure the last close button doesn't move"
|
|
);
|
|
let numTabs = gBrowser.tabs.length / 2;
|
|
while (gBrowser.tabs.length > numTabs) {
|
|
let lastCloseButtonLocation = getLastCloseButtonLocation();
|
|
Assert.equal(
|
|
lastCloseButtonLocation.top,
|
|
originalCloseButtonLocation.top,
|
|
"The top of all close buttons should be equal"
|
|
);
|
|
Assert.equal(
|
|
lastCloseButtonLocation.bottom,
|
|
originalCloseButtonLocation.bottom,
|
|
"The bottom of all close buttons should be equal"
|
|
);
|
|
Assert.equal(
|
|
lastCloseButtonLocation.right,
|
|
originalCloseButtonLocation.right,
|
|
"The right side of the close button should remain consistent"
|
|
);
|
|
// Ignore 'left' since non-hovered tabs have their close button
|
|
// narrower to display more tab label.
|
|
|
|
EventUtils.synthesizeMouseAtCenter(getLastCloseButton(), {});
|
|
await new Promise(r => requestAnimationFrame(r));
|
|
}
|
|
|
|
ok(!gBrowser.tabContainer.hasAttribute("overflow"), "not overflowing");
|
|
ok(
|
|
gBrowser.tabContainer.hasAttribute("using-closing-tabs-spacer"),
|
|
"using spacer"
|
|
);
|
|
|
|
is(downButton.clientWidth, 0, "down button has no width");
|
|
isnot(closingTabsSpacer.clientWidth, 0, "spacer has some width");
|
|
});
|
|
|
|
function getLastCloseButton() {
|
|
let lastTab = gBrowser.tabs[gBrowser.tabs.length - 1];
|
|
return lastTab.closeButton;
|
|
}
|
|
|
|
function getLastCloseButtonLocation() {
|
|
let rect = getLastCloseButton().getBoundingClientRect();
|
|
return {
|
|
left: Math.round(rect.left),
|
|
top: Math.round(rect.top),
|
|
width: Math.round(rect.width),
|
|
height: Math.round(rect.height),
|
|
};
|
|
}
|
|
|
|
registerCleanupFunction(() => {
|
|
while (gBrowser.tabs.length > 1) {
|
|
BrowserTestUtils.removeTab(gBrowser.tabs[0]);
|
|
}
|
|
});
|