import { render, screen, cleanup } from "@testing-library/react";
import Fader from "../../Fader/Fader";
import renderer from "react-test-renderer";
import "@testing-library/jest-dom";

afterEach(() => {
  cleanup();
});

test("should render fader component", () => {
  render(<Fader text="test" />);

  const faderElem = screen.getByTestId("fader");

  expect(faderElem).toBeInTheDocument();
  expect(faderElem).toHaveTextContent("test");
  expect(faderElem).toHaveClass("fade-in");
});

test("fader matches snapshot", () => {
  const component = renderer.create(<Fader />);

  let tree = component.toJSON();
  expect(tree).toMatchSnapshot();
});