Fix focus mode tab padding

This commit is contained in:
Mohamed Boudra
2026-06-04 11:08:37 +07:00
parent b0c4cc99ed
commit f139966554
2 changed files with 93 additions and 18 deletions
+66 -1
View File
@@ -1,5 +1,8 @@
import { describe, expect, it } from "vitest";
import { resolveWindowControlsPadding } from "@/utils/desktop-window";
import {
resolveRawWindowControlsPadding,
resolveWindowControlsPadding,
} from "@/utils/desktop-window";
const rawPadding = {
left: 80,
@@ -8,6 +11,36 @@ const rawPadding = {
};
describe("resolveWindowControlsPadding", () => {
it("keeps mac traffic-light padding available when the app window is not fullscreen", () => {
expect(
resolveRawWindowControlsPadding({ isElectron: true, isMac: true, isFullscreen: false }),
).toEqual({
left: 78,
right: 0,
top: 45,
});
});
it("keeps Windows and Linux window-control padding available when the app window is not fullscreen", () => {
expect(
resolveRawWindowControlsPadding({ isElectron: true, isMac: false, isFullscreen: false }),
).toEqual({
left: 0,
right: 140,
top: 48,
});
});
it("does not reserve window-control padding when the app window is fullscreen", () => {
expect(
resolveRawWindowControlsPadding({ isElectron: true, isMac: true, isFullscreen: true }),
).toEqual({
left: 0,
right: 0,
top: 0,
});
});
it("pads the main header for window controls when the app sidebar is closed", () => {
expect(
resolveWindowControlsPadding({
@@ -39,4 +72,36 @@ describe("resolveWindowControlsPadding", () => {
top: 0,
});
});
it("pads a focus-mode tab row away from mac traffic lights even when the sidebar is logically open", () => {
expect(
resolveWindowControlsPadding({
role: "tabRow",
rawPadding,
sidebarClosed: false,
explorerOpen: false,
focusModeEnabled: true,
}),
).toEqual({
left: 80,
right: 48,
top: 0,
});
});
it("pads a focus-mode tab row away from right-side window controls even when the explorer is logically open", () => {
expect(
resolveWindowControlsPadding({
role: "tabRow",
rawPadding: { left: 0, right: 140, top: 48 },
sidebarClosed: true,
explorerOpen: true,
focusModeEnabled: true,
}),
).toEqual({
left: 0,
right: 140,
top: 0,
});
});
});