import { jsx as _jsx } from "react/jsx-runtime";
import { render, screen } from "@testing-library/react";
import { describe, expect, it } from "vitest";
import { FormDescription } from "./form-description.js";
describe("FormDescription", () => {
    it("should render correctly", () => {
        const { container } = render(_jsx(FormDescription, { children: "Test description" }));
        expect(container).toMatchSnapshot();
    });
    it("should render children content", () => {
        render(_jsx(FormDescription, { children: "Test description" }));
        expect(screen.getByText("Test description")).toBeInTheDocument();
    });
    it("should apply custom className", () => {
        render(
        // for testing purposes, we disable the no-custom-classname rule
        _jsx(FormDescription, { className: "custom-class", children: "Test description" }));
        expect(screen.getByText("Test description")).toHaveClass("custom-class");
    });
    it("should render with custom element type", () => {
        render(_jsx(FormDescription, { as: "span", children: "Test description" }));
        expect(screen.getByText("Test description").tagName).toBe("SPAN");
    });
    it("should use paragraph as default element type", () => {
        render(_jsx(FormDescription, { children: "Test description" }));
        expect(screen.getByText("Test description").tagName).toBe("P");
    });
});
//# sourceMappingURL=form-description.test.js.map