import { describe, expect, it } from "vitest";
import { render, screen } from "@testing-library/react";
import { SectionHeading } from "@/components/section-heading";

describe("SectionHeading", () => {
    it("renders kicker, title, and subtitle", () => {
        render(<SectionHeading kicker="src" title="Title" subtitle="Sub" />);
        expect(screen.getByText("// src")).toBeDefined();
        expect(screen.getByRole("heading", { level: 2 }).textContent).toBe("Title");
        expect(screen.getByText("Sub")).toBeDefined();
    });

    it("omits subtitle when absent", () => {
        const { container } = render(<SectionHeading kicker="src" title="Title" />);
        expect(container.querySelector("p.mt-2")).toBeNull();
    });
});