import React from "react";
import { render } from "@testing-library/react";
import "@testing-library/jest-dom";
import { PagerProps } from "../PagerProps";
import Pager from "../Pager";

describe("Pager Component", () => {
  const props: PagerProps = {
    dataTestId: "test-id",
    buttonCount: 5,
    className: "pager-class",
    dir: "ltr",
    info: true,
    onPageChange: () => {},
    pageSizes: [10, 20, 50],
    pageSizeValue: "20",
    previousNext: true,
    responsive: true,
    size: "medium",
    skip: 0,
    style: {},
    take: 10,
    total: 100,
    type: "numeric",
    messagesMap: () => ({ defaultMessage: "", messageKey: "" }),
  };

  it("renders all props correctly", () => {
    render(<Pager {...props} />);
  });

  it("matches the snapshot", () => {
    const { asFragment } = render(<Pager {...props} />);
    expect(asFragment()).toMatchSnapshot();
  });
});