import { describe, expect, it } from "vitest";
import { cleanup, render, screen } from "@testing-library/react";
import { ProjectsSection } from "@/components/projects-section";
import { getDictionary } from "@/lib/i18n/get-dictionary";
import { repoFixture } from "@/test/fixtures";

describe("ProjectsSection", () => {
    it("renders repositories", () => {
        const dict = getDictionary("en");
        render(<ProjectsSection repos={[repoFixture()]} dict={dict.projects} locale="en" />);
        expect(screen.getByText("demo")).toBeDefined();
        expect(screen.getByText("A demo repo")).toBeDefined();
        cleanup();
    });

    it("renders the quiet state without repositories", () => {
        const dict = getDictionary("en");
        render(<ProjectsSection repos={[]} dict={dict.projects} locale="en" />);
        expect(screen.getAllByText(dict.projects.title).length).toBeGreaterThan(0);
        cleanup();
    });
});