import { describe, expect, it } from "vitest";
import { readRepoFile } from "~/utils/testing/repoPaths";

describe("Lazy rich text editor boundary", () => {
  it("keeps TipTap behind a lazy client import and renders a fallback", () => {
    const boundarySource = readRepoFile("apps/web/app/components/ui/input/InputRichTextEditor.tsx");

    expect(boundarySource).toContain('lazy(() => import("./InputRichTextEditor.client"))');
    expect(boundarySource).toContain("<Suspense fallback=");
    expect(boundarySource).not.toContain("@tiptap/");
  });

  it("keeps TipTap package imports isolated to the client editor", () => {
    const clientSource = readRepoFile("apps/web/app/components/ui/input/InputRichTextEditor.client.tsx");

    expect(clientSource).toContain("@tiptap/react");
    expect(clientSource).toContain("@tiptap/extension-color");
  });
});