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

vi.mock("@/components/DashboardLayout", () => ({
  default: ({ title, subtitle, children }: { title: string; subtitle: string; children: React.ReactNode }) => (
    <main><h1>{title}</h1><p>{subtitle}</p>{children}</main>
  ),
}));
vi.mock("@/components/settlements/SettleableRidesTable", () => ({
  default: () => <section>رحلات قابلة للتسوية</section>,
}));
vi.mock("@/components/settlements/SettlementsTable", () => ({
  default: () => <section>سجل التسويات</section>,
}));
import SettlementsPage from "@/app/settlements/page";

describe("SettlementsPage", () => {
  it("renders the settlement dashboard shell and tables", () => {
    render(<SettlementsPage />);
    expect(screen.getByRole("heading", { name: "التسويات" })).toBeInTheDocument();
    expect(screen.getByText("إدارة التسويات ومتابعة الأرباح المحولة")).toBeInTheDocument();
    expect(screen.getByText("رحلات قابلة للتسوية")).toBeInTheDocument();
    expect(screen.getByText("سجل التسويات")).toBeInTheDocument();
  });
});