import "@testing-library/jest-dom";
import { render, screen } from "@testing-library/react";
import BlogPage from "@/app/blog/[...slug]/page";
import { describe, expect, test, it } from "@jest/globals";
import { allPosts } from "@/.content-collections/generated";

test.each(allPosts)("BlogPage $slug", (p) => {
  render(<BlogPage params={{ slug: p._meta.path.split("/") }} />);

  it("properly renders the title", () => {
    const heading = screen.getByRole("heading", {
      level: 1,
      name: p.title,
    });

    expect(heading)
      //@ts-ignore
      .toBeInTheDocument();
  });
});

describe("placeholder", () => {
  it("works", () => { });
})