v26.10.3 (#1692)

* feat: shell controller, TabStage, layout and theme plugins with repair view * feat: move the classic layout into its own bundled plugin * feat: move color themes into a bundled themes plugin * fix: plugin tests and type checks work with a linked sdk * fix: home tab, layout switch and missing layout fallbacks for looks * chore: add classic layout and themes to the readme * chore: drop example plugin links from the plugin guide * feat: plugin filters by type, paged browse, hide plugins needing newer termix * feat: move desktop, status, import, audit and branding features into plugins * feat: host lock api so a plugin can load hosts from a config file (#1581) * chore: add hosts config to the plugin table * feat: login policy hook for plugins and optional https redirect (#1584) * chore: add login security to the plugin table * feat: api key socket tickets so a master can open remote sessions (#1654) * feat: sync moves to a plugin, desktop gets multiple accounts (#1580, #1654) * chore: add sync to the plugin table * feat: move the sync screens and wizard out of core into the plugin (#1580) * fix: add a neutral linked desktop hook for plugins (#1580) * fix: show the linked account's name and admin flag in the app (#1580) * feat: ssh transport providers, core ssh relay and plugin folders api * feat: support FIDO2 security keys through ssh agent * feat: add companion panels beside host tabs * feat: mTLS client certificates for desktop server links * feat: native web view for plugins in the desktop app * fix: detect the desktop link window by Electron's default user agent Fixes #1675 * fix: changelog for desktop link fix * fix: keep text primary keys in the plugin data export * fix: ship sharp binaries for Windows arm64 builds * feat: client cert on the sync link types (sdk 1.0.18) * chore: update translations * feat: themed title bar for the desktop app (#1690) * chore: changelog for the themed title bar * fix: draw the title bar in the sidebar color * feat: per host layout for the terminal panel bar * chore: sdk 1.0.19 for the panel bar layout * chore: bundle all 43 plugins for 26.10.3 * chore: update translations --------- Co-authored-by: SirHephaistos <60616553+SirHephaistos@users.noreply.github.com> Co-authored-by: Giovanny Aranda <garanda21@gmail.com>
2026-10-29 22:55:24 +00:00 · 2026-10-20 16:03:29 -05:00
1 parent aff29a9581
commit a89ccc6b07
@@ -0,0 +1,124 @@
+import { afterEach, describe, expect, it, vi } from "vitest";
+import { act, cleanup, render, screen, waitFor } from "@testing-library/react";
+import { TitleBar, useTitleBarOverlayColors } from "@/shell/TitleBar";
+
+vi.mock("@/contexts/BrandingContext", () => ({
+  useBranding: () => ({ appName: "Termix" }),
+}));
+
+type Listener = (visible: boolean) => void;
+
+function installBridge(options: { visible?: boolean } = {}) {
+  let listener: Listener | null = null;
+  const api = {
+    getPlatform: vi.fn().mockResolvedValue("darwin"),
+    getTitleBarVisible: vi.fn().mockResolvedValue(options.visible ?? true),
+    onTitleBarVisibleChange: vi.fn((callback: Listener) => {
+      listener = callback;
+      return () => {
+        listener = null;
+      };
+    }),
+    setTitleBarOverlay: vi.fn().mockResolvedValue(undefined),
+  };
+  (window as unknown as { electronAPI?: unknown }).electronAPI = api;
+  return { api, emit: (visible: boolean) => listener?.(visible) };
+}
+
+const heightVar = () =>
+  document.documentElement.style.getPropertyValue("--termix-titlebar-height");
+
+afterEach(() => {
+  cleanup();
+  delete (window as unknown as { electronAPI?: unknown }).electronAPI;
+  document.documentElement.removeAttribute("style");
+  document.body.removeAttribute("style");
+});
+
+describe("TitleBar", () => {
+  it("renders nothing and sets no offset outside the desktop app", () => {
+    const { container } = render(<TitleBar />);
+    expect(container.firstChild).toBeNull();
+    expect(heightVar()).toBe("");
+  });
+
+  it("shows the bar and sets the offset when the window has one", async () => {
+    installBridge();
+    render(<TitleBar />);
+    expect(await screen.findByText("Termix")).toBeTruthy();
+    expect(heightVar()).toBe("40px");
+  });
+
+  it("stays hidden in windows without the app-drawn bar", async () => {
+    const { api } = installBridge({ visible: false });
+    const { container } = render(<TitleBar />);
+    await waitFor(() => expect(api.getTitleBarVisible).toHaveBeenCalled());
+    expect(container.firstChild).toBeNull();
+    expect(heightVar()).toBe("");
+  });
+
+  it("hides and clears the offset in full screen, and comes back after", async () => {
+    const { emit } = installBridge();
+    render(<TitleBar />);
+    await screen.findByText("Termix");
+
+    act(() => emit(false));
+    expect(screen.queryByText("Termix")).toBeNull();
+    expect(heightVar()).toBe("");
+
+    act(() => emit(true));
+    expect(screen.getByText("Termix")).toBeTruthy();
+    expect(heightVar()).toBe("40px");
+  });
+
+  it("unsubscribes from visibility changes on unmount", async () => {
+    const { api, emit } = installBridge();
+    const { unmount } = render(<TitleBar />);
+    await screen.findByText("Termix");
+    unmount();
+    expect(() => emit(false)).not.toThrow();
+    expect(api.onTitleBarVisibleChange).toHaveBeenCalledTimes(1);
+    expect(heightVar()).toBe("");
+  });
+});
+
+function OverlayColors() {
+  useTitleBarOverlayColors();
+  return null;
+}
+
+describe("useTitleBarOverlayColors", () => {
+  it("sends the computed theme colors as hex", () => {
+    const { api } = installBridge();
+    document.body.style.backgroundColor = "rgb(15, 15, 20)";
+    document.body.style.color = "rgb(230, 230, 234)";
+    render(<OverlayColors />);
+    expect(api.setTitleBarOverlay).toHaveBeenCalledWith({
+      color: "#0f0f14",
+      symbolColor: "#e6e6ea",
+    });
+  });
+
+  it("sends the new colors when the theme class changes", async () => {
+    const { api } = installBridge();
+    document.body.style.backgroundColor = "rgb(255, 255, 255)";
+    render(<OverlayColors />);
+    api.setTitleBarOverlay.mockClear();
+
+    document.body.style.backgroundColor = "rgb(40, 42, 54)";
+    document.documentElement.classList.add("dracula");
+    await waitFor(() =>
+      expect(api.setTitleBarOverlay).toHaveBeenCalledWith(
+        expect.objectContaining({ color: "#282a36" }),
+      ),
+    );
+    document.documentElement.classList.remove("dracula");
+  });
+
+  it("sends nothing when the background color cannot be read", () => {
+    const { api } = installBridge();
+    document.body.style.backgroundColor = "transparent";
+    render(<OverlayColors />);
+    expect(api.setTitleBarOverlay).not.toHaveBeenCalled();
+  });
+});