beacon-web/tests/features/packets/PacketPathLine.test.tsx

import { describe, it, expect } from "vitest";
import { render, screen } from "@testing-library/react";
import { PacketPathLine } from "../../../src/features/packets/PacketPathLine";
import type { PacketSummary } from "../../../src/types/api";

const pkt = (over: Partial<PacketSummary> = {}): PacketSummary => ({
  packetHash: "AA11", payloadType: 1, payloadTypeName: "ADVERT",
  routeType: 1, routeTypeName: "FLOOD",
  firstHeardAt: 0, lastHeardAt: 0, observationCount: 1, ...over,
});

describe("PacketPathLine", () => {
  it("renders a single n/a when there is nothing to show", () => {
    render(<PacketPathLine packet={pkt()} />);
    expect(screen.getByText("n/a")).toBeInTheDocument();
  });

  it("renders hop label, hex chips and the overflow count", () => {
    render(<PacketPathLine packet={pkt({
      latestObserver: {
        id: "o1", iata: "YVR",
        pathLength: { raw: "4e", hashSize: 1, hopCount: 14 },
        pathBytes: "000102030405060708090a0b0c0d",
      },
    })} />);
    expect(screen.getByText("14 hops")).toBeInTheDocument();
    expect(screen.getByText("00")).toBeInTheDocument();
    expect(screen.getByText("+9 more")).toBeInTheDocument();
  });

  it("tints an ambiguous hop with the warn token", () => {
    render(<PacketPathLine packet={pkt({
      latestObserver: {
        id: "o1", iata: "YVR",
        pathLength: { raw: "41", hashSize: 1, hopCount: 1 }, pathBytes: "7f",
        resolvedPath: [{ confidence: "ambiguous", nodes: [{ id: "n", publicKey: "ab", name: "Raven" }] }],
      },
    })} />);
    expect(screen.getByText("Raven").className).toContain("text-warn");
  });

  it("tints a high-confidence hop with the green token", () => {
    render(<PacketPathLine packet={pkt({
      latestObserver: {
        id: "o1", iata: "YVR",
        pathLength: { raw: "41", hashSize: 1, hopCount: 1 }, pathBytes: "7f",
        resolvedPath: [{ confidence: "high", nodes: [{ id: "n", publicKey: "ab", name: "Falcon" }] }],
      },
    })} />);
    expect(screen.getByText("Falcon").className).toContain("text-green");
  });

  it("renders both endpoints with the arrow glyph between them", () => {
    render(<PacketPathLine packet={pkt({
      latestObserver: {
        id: "o1", iata: "YVR",
        pathLength: { raw: "00", hashSize: 1, hopCount: 0 },
        resolvedSource: { confidence: "high", nodes: [{ id: "s", publicKey: "aa", name: "SrcNode" }] },
        resolvedDestination: { confidence: "high", nodes: [{ id: "d", publicKey: "bb", name: "DstNode" }] },
      },
    })} />);
    expect(screen.getByText("SrcNode")).toBeInTheDocument();
    expect(screen.getByText("DstNode")).toBeInTheDocument();
    expect(screen.getByText("→")).toBeInTheDocument();
  });

  it("shows n/a for a missing endpoint while the present one still renders", () => {
    render(<PacketPathLine packet={pkt({
      latestObserver: {
        id: "o1", iata: "YVR",
        pathLength: { raw: "00", hashSize: 1, hopCount: 0 },
        resolvedSource: { confidence: "high", nodes: [{ id: "s", publicKey: "aa", name: "SrcNode" }] },
      },
    })} />);
    expect(screen.getByText("SrcNode")).toBeInTheDocument();
    expect(screen.getByText("n/a")).toBeInTheDocument();
  });

  it("omits the endpoint block entirely when both endpoints are absent", () => {
    render(<PacketPathLine packet={pkt({
      latestObserver: {
        id: "o1", iata: "YVR",
        pathLength: { raw: "00", hashSize: 1, hopCount: 0 },
      },
    })} />);
    expect(screen.queryByText("→")).not.toBeInTheDocument();
  });

  it("renders a bare ? for a single unresolved hop", () => {
    render(<PacketPathLine packet={pkt({
      latestObserver: {
        id: "o1", iata: "YVR",
        pathLength: { raw: "41", hashSize: 1, hopCount: 1 }, pathBytes: "7f",
        resolvedPath: [{ confidence: "none", nodes: [] }],
      },
    })} />);
    expect(screen.getByText("?")).toBeInTheDocument();
  });

  it("collapses a run of unresolved hops into a single ?×N chip", () => {
    render(<PacketPathLine packet={pkt({
      latestObserver: {
        id: "o1", iata: "YVR",
        pathLength: { raw: "43", hashSize: 1, hopCount: 3 }, pathBytes: "7f7f7f",
        resolvedPath: [
          { confidence: "none", nodes: [] },
          { confidence: "none", nodes: [] },
          { confidence: "none", nodes: [] },
        ],
      },
    })} />);
    expect(screen.getByText("?×3")).toBeInTheDocument();
  });
});