import { describe, it, expect, vi } from "vitest";
import { render, screen } from "@testing-library/react";
import Card from "./Card";

// آیکن و لودینگ‌ها به این تست ربطی ندارند؛ فقط باید کودکشان را رندر کنند.
vi.mock("@/app/component/loading/Text", () => ({
  default: ({ children }) => <>{children}</>,
}));
vi.mock("@/app/component/loading/Circular", () => ({
  default: ({ children }) => <>{children}</>,
}));
vi.mock("@/components/icons/ArrowLeftCardD", () => ({ default: () => null }));
vi.mock("next/image", () => ({ default: () => null }));

const base = {
  uuid: "ap1",
  status: "confirmed",
  slot_start: 1785567600,
  doctor: { name: "دکتر تست" },
};

function renderCard(data) {
  return render(<Card data={{ ...base, ...data }} loading={false} setIsTurnsDetails={() => {}} />);
}

describe("Card نوبت — فیلدهای حالت سرویسی", () => {
  // ── ✅ موفق ──────────────────────────────────────────────────────────────

  it("نام همهٔ سرویس‌ها و مدت نوبت را نشان می‌دهد", () => {
    renderCard({
      service_items: [{ uuid: "s1", name: "لیزر صورت" }, { uuid: "s2", name: "لیزر بیکینی" }],
      service_total_minutes: 35,
    });

    expect(screen.getByText("سرویس:")).toBeInTheDocument();
    expect(screen.getByText("لیزر صورت، لیزر بیکینی")).toBeInTheDocument();
    expect(screen.getByText("مدت نوبت:")).toBeInTheDocument();
    expect(screen.getByText("35 دقیقه")).toBeInTheDocument();
  });

  // ── ❌ خط سرخ: نوبت اسلاتی ────────────────────────────────────────────────

  it("نوبت اسلاتی هیچ‌کدام از دو ردیف را نمی‌گیرد و کرش نمی‌کند", () => {
    renderCard({ service_items: [], service_total_minutes: null });

    expect(screen.queryByText("سرویس:")).not.toBeInTheDocument();
    expect(screen.queryByText("مدت نوبت:")).not.toBeInTheDocument();
    // ردیف‌های موجود سر جایشان‌اند.
    expect(screen.getByText("تاریخ نوبت:")).toBeInTheDocument();
    expect(screen.getByText("ساعت نوبت:")).toBeInTheDocument();
  });

  it("فیلدهای سرویسی کاملاً غایب (بک‌اند قدیمی) هم کرش نمی‌دهد", () => {
    renderCard({});

    expect(screen.queryByText("سرویس:")).not.toBeInTheDocument();
    expect(screen.getByText("تاریخ نوبت:")).toBeInTheDocument();
  });

  // ── ⚠️ مرزی ──────────────────────────────────────────────────────────────

  it("نوبت رزرو سرویس را نشان می‌دهد ولی مدت را نه (زمان ندارد)", () => {
    renderCard({
      is_reserve: true,
      service_items: [{ uuid: "s1", name: "لیزر" }],
      service_total_minutes: 45,
    });

    expect(screen.getByText("لیزر")).toBeInTheDocument();
    expect(screen.queryByText("مدت نوبت:")).not.toBeInTheDocument();
  });

  it("سرویس بدون مدت → فقط ردیف سرویس", () => {
    renderCard({ service_items: [{ uuid: "s1", name: "مشاوره" }], service_total_minutes: null });

    expect(screen.getByText("مشاوره")).toBeInTheDocument();
    expect(screen.queryByText("مدت نوبت:")).not.toBeInTheDocument();
  });

  it("مدت صفر ردیف نمی‌سازد", () => {
    renderCard({ service_items: [{ uuid: "s1", name: "مشاوره" }], service_total_minutes: 0 });

    expect(screen.queryByText("مدت نوبت:")).not.toBeInTheDocument();
  });
});