import { render, screen } from "@testing-library/react";
import { Section } from "../../components/Section";

describe("Section", () => {
  it("renders children with provided id", () => {
    render(
      <Section id="test-section">
        <div>Content</div>
      </Section>
    );

    const section = screen.getByText("Content").closest("section");
    expect(section).toBeTruthy();
    expect(section).toHaveAttribute("id", "test-section");
  });
});