import React from "react";

import { startOfMonth } from "date-fns";

import { dateButton } from "@/test/elements";
import { render, screen, fireEvent } from "@/test/render";

import { CustomDayButton } from "./CustomDayButton";

const today = new Date(2021, 10, 25);
beforeAll(() => jest.setSystemTime(today));
afterAll(() => jest.useRealTimers());

beforeEach(() => {
  render(<CustomDayButton />);
});

test("update the footer when a day is double clicked", () => {
  fireEvent.doubleClick(dateButton(today));
  expect(screen.getByText(today.toDateString())).toBeInTheDocument();
});

test("update the footer when a day is single clicked", () => {
  fireEvent.click(dateButton(startOfMonth(today)));
  expect(screen.getByText("Double click to select a date")).toBeInTheDocument();
});