paseo/packages/app/src/hosts/appearance.test.ts

import { describe, expect, it } from "vitest";
import {
  type HostAppearanceSource,
  defaultHostAppearance,
  normalizeStoredHostAppearance,
  resolveHostBadgeDisplay,
  selectHostBadges,
} from "@/hosts/appearance";

function host(
  serverId: string,
  label: string,
  appearance = defaultHostAppearance(),
): HostAppearanceSource {
  return { serverId, label, appearance };
}

describe("normalizeStoredHostAppearance", () => {
  it("defaults when the stored registry predates the field or holds junk", () => {
    const expected = { color: "none", badgeDisplay: null };
    expect(normalizeStoredHostAppearance(undefined)).toEqual(expected);
    expect(normalizeStoredHostAppearance(null)).toEqual(expected);
    expect(normalizeStoredHostAppearance("x")).toEqual(expected);
    expect(normalizeStoredHostAppearance({})).toEqual(expected);
    expect(normalizeStoredHostAppearance({ color: "chartreuse" })).toEqual(expected);
    expect(normalizeStoredHostAppearance({ badgeDisplay: "loud" })).toEqual(expected);
  });

  it("round-trips a value the user actually chose", () => {
    expect(normalizeStoredHostAppearance({ color: "teal", badgeDisplay: "icon" })).toEqual({
      color: "teal",
      badgeDisplay: "icon",
    });
  });
});

describe("resolveHostBadgeDisplay", () => {
  it("hides the badge for the local host until the user chooses", () => {
    expect(
      resolveHostBadgeDisplay({ appearance: defaultHostAppearance(), isLocalHost: true }),
    ).toBe("hidden");
  });

  it("names a remote host until the user chooses", () => {
    expect(
      resolveHostBadgeDisplay({ appearance: defaultHostAppearance(), isLocalHost: false }),
    ).toBe("name");
  });

  it("prefers an explicit choice over either default", () => {
    expect(
      resolveHostBadgeDisplay({
        appearance: { color: "none", badgeDisplay: "icon" },
        isLocalHost: true,
      }),
    ).toBe("icon");
    expect(
      resolveHostBadgeDisplay({
        appearance: { color: "none", badgeDisplay: "hidden" },
        isLocalHost: false,
      }),
    ).toBe("hidden");
  });

  it("defers only the default while local-host detection is unresolved", () => {
    expect(
      resolveHostBadgeDisplay({
        appearance: defaultHostAppearance(),
        isLocalHost: false,
        localHostResolutionPending: true,
      }),
    ).toBeNull();
    expect(
      resolveHostBadgeDisplay({
        appearance: { color: "none", badgeDisplay: "icon" },
        isLocalHost: false,
        localHostResolutionPending: true,
      }),
    ).toBe("icon");
  });
});

describe("selectHostBadges", () => {
  it("shows no badges while the sidebar spans a single host", () => {
    const badges = selectHostBadges({
      hosts: [host("alpha", "Alpha"), host("beta", "Beta")],
      localServerId: null,
      enabled: false,
    });
    expect(badges.size).toBe(0);
  });

  it("omits a host the user hid and keeps its sibling", () => {
    const badges = selectHostBadges({
      hosts: [
        host("alpha", "Alpha", { color: "none", badgeDisplay: "hidden" }),
        host("beta", "Beta"),
      ],
      localServerId: null,
      enabled: true,
    });
    expect(badges.has("alpha")).toBe(false);
    expect(badges.get("beta")).toEqual({
      serverId: "beta",
      label: "Beta",
      color: "none",
      showLabel: true,
    });
  });

  it("keeps an icon-only host in the map without its label", () => {
    const badges = selectHostBadges({
      hosts: [host("alpha", "Alpha", { color: "teal", badgeDisplay: "icon" })],
      localServerId: null,
      enabled: true,
    });
    expect(badges.get("alpha")).toEqual({
      serverId: "alpha",
      label: "Alpha",
      color: "teal",
      showLabel: false,
    });
  });

  it("falls back to the server id when the label is blank", () => {
    const badges = selectHostBadges({
      hosts: [host("alpha", "   ")],
      localServerId: null,
      enabled: true,
    });
    expect(badges.get("alpha")?.label).toBe("alpha");
  });

  it("hides an untouched local host while its remote sibling shows", () => {
    const badges = selectHostBadges({
      hosts: [host("alpha", "Alpha"), host("beta", "Beta")],
      localServerId: "alpha",
      enabled: true,
    });
    expect(badges.has("alpha")).toBe(false);
    expect(badges.get("beta")?.label).toBe("Beta");
  });

  it("omits untouched badges while local-host detection is unresolved", () => {
    const badges = selectHostBadges({
      hosts: [host("alpha", "Alpha"), host("beta", "Beta")],
      localServerId: null,
      localHostResolutionPending: true,
      enabled: true,
    });
    expect(badges.size).toBe(0);
  });
});