const Crowdfunder = () => {
  const { data, error } = useSWR("/api/crowdfunder", fetcher);

  return (
    <DemoWrapper>
      {data ? (
        <Post {...data} />
      ) : (
        <SkeletonPost/>
      )}
    </DemoWrapper>
  );
};

export default Crowdfunder;

// Roles: https://www.w3.org/TR/html-aria/#docconformance
import { fireEvent, render, screen } from "@testing-library/react";
import Crowdfunder from "../Crowdfunder";
import BackProject from "../BackProject";
import ProgressStats from "../ProgressStats";
import Post from "../Post";
import img from "../../../images/genieLamp.jpg";

const postProps = {
  title: "Mini Yggdrasil",
  content: "A miniature plant based on the world tree",
  raisedSoFar: 300,
  target: 1000,
  img: img,
};

describe("Post", () => {
  it("renders crowdfunder post details", () => {
    render(<Post {...postProps} />);
    const title = screen.getByRole("heading", { name: "Mini Yggdrasil" });
    const content = screen.getByText(
      "A miniature plant based on the world tree"
    );
    const image = screen.getByRole("img");
    expect(title).toBeInTheDocument();
    expect(content).toBeInTheDocument();
    expect(image).toBeInTheDocument();
    expect(image).toHaveAttribute("src", img);
  });

});