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

vi.mock("@/components/auth/AuthLayout", () => ({
  default: ({ activeTab, children }: { activeTab: string; children: React.ReactNode }) => (
    <div data-tab={activeTab}>{children}</div>
  ),
}));
vi.mock("@/components/auth/VerifyCodeForm", () => ({ default: () => <form>نموذج رمز التحقق</form> }));
import VerifyCodePage from "@/app/verify-code/page";

describe("VerifyCodePage", () => {
  it("renders the verification form under the login auth tab", () => {
    render(<VerifyCodePage />);
    expect(screen.getByText("نموذج رمز التحقق").parentElement).toHaveAttribute("data-tab", "login");
  });
});