import React from "react";
import { render } from "@testing-library/react";
import "@testing-library/jest-dom";
import { TaskBoardProps } from "../TaskBoardProps";
import TaskBoard from "../TaskBoard";
 
describe("TaskBoard Component", () => {
  const MockTaskBoardCardComponent = () => <div>TaskBoardCard</div>;
  const MockTaskBoardColumnComponent = () => <div>TaskBoardColumn</div>;
  const props: TaskBoardProps = {
    card: MockTaskBoardCardComponent,
    children: <div>Toolbar Content</div>,
    className: "custom-class",
    column: MockTaskBoardColumnComponent,
    columnData: [],
    id: "taskboard-1",
    onChange: jest.fn(),
    priorities: [],
    style: { color: "red" },
    tabIndex: 0,
    taskData: [],
  };
 
  it("renders all props correctly", () => {
    render(<TaskBoard {...props} />);
  });
 
  it("matches the snapshot", () => {
    const { asFragment } = render(<TaskBoard {...props} />);
    expect(asFragment()).toMatchSnapshot();
  });
});