kandev/apps/web/components/task/mobile/session-mobile-bottom-nav.test.tsx

import { cleanup, fireEvent, render, screen } from "@testing-library/react";
import { afterEach, describe, expect, it, vi } from "vitest";
import { SessionMobileBottomNav } from "./session-mobile-bottom-nav";

afterEach(cleanup);

describe("SessionMobileBottomNav", () => {
  it("offers a touch-sized review route for linked merge requests", () => {
    const onPanelChange = vi.fn();
    render(
      <SessionMobileBottomNav
        activePanel="chat"
        onPanelChange={onPanelChange}
        hasReview
        showStatus
        onOpenStatus={vi.fn()}
      />,
    );

    const review = screen.getByRole("button", { name: "Review" });
    expect(review.className).toContain("min-h-11");
    fireEvent.click(review);
    expect(onPanelChange).toHaveBeenCalledWith("review");
  });

  it("does not consume navigation space without a linked merge request", () => {
    render(
      <SessionMobileBottomNav
        activePanel="chat"
        onPanelChange={vi.fn()}
        showStatus
        onOpenStatus={vi.fn()}
      />,
    );
    expect(screen.queryByRole("button", { name: "Review" })).toBeNull();
  });

  it("opens Status as an action without changing the selected mobile panel", () => {
    const onPanelChange = vi.fn();
    const onOpenStatus = vi.fn();

    render(
      <SessionMobileBottomNav
        activePanel="chat"
        onPanelChange={onPanelChange}
        showStatus
        onOpenStatus={onOpenStatus}
      />,
    );

    fireEvent.click(screen.getByRole("button", { name: "Status" }));

    expect(onOpenStatus).toHaveBeenCalledOnce();
    expect(onPanelChange).not.toHaveBeenCalled();
  });

  it("does not reserve navigation space when Status is disabled", () => {
    render(
      <SessionMobileBottomNav
        activePanel="chat"
        onPanelChange={vi.fn()}
        showStatus={false}
        onOpenStatus={vi.fn()}
      />,
    );

    expect(screen.queryByRole("button", { name: "Status" })).toBeNull();
  });
});