import React from "react";
import moment from "moment";

import { render, screen } from "@testing-library/react";
import "@testing-library/jest-dom";

import { DatePicker } from "./DatePicker";
// import { Calendar } from "../calendar";
// import { InputBlock } from "../input-block";

const selectedDate = new Date("09/12/2019");
const minDate = new Date("01/01/1970");
const maxDate = new Date("01/01/2020");

describe("DatePicker tests", () => {
  it("DatePicker renders without error", () => {
    render(
      <DatePicker
        minDate={minDate}
        maxDate={maxDate}
        selectDateText="Select date"
        initialDate={selectedDate}
        onChange={() => {}}
        locale="en"
        openDate={moment()}
      />,
    );
    expect(screen.getByTestId("date-picker")).toBeInTheDocument();
  });

  // // @ts-expect-error TS(2582): Cannot find name 'it'. Do you need to install type... Remove this comment to see the full error message
  // it("DatePicker disabled when isDisabled is passed", () => {
  //   // @ts-expect-error TS(2322): Type '{ isDisabled: boolean; }' is not assignable ... Remove this comment to see the full error message
  //   const wrapper = mount(<DatePicker isDisabled={true} />);
  //   expect(wrapper.prop("isDisabled")).toEqual(true);
  // });

  // // @ts-expect-error TS(2582): Cannot find name 'it'. Do you need to install type... Remove this comment to see the full error message
  // it("DatePicker opened when inOpen is passed", () => {
  //   // @ts-expect-error TS(2322): Type '{ inOpen: boolean; }' is not assignable to t... Remove this comment to see the full error message
  //   const wrapper = mount(<DatePicker inOpen={true} />);
  //   expect(wrapper.prop("inOpen")).toEqual(true);
  // });

  // // @ts-expect-error TS(2582): Cannot find name 'it'. Do you need to install type... Remove this comment to see the full error message
  // it("DatePicker  has rendered content NewCalendar", () => {
  //   // @ts-expect-error TS(2322): Type '{ inOpen: boolean; }' is not assignable to t... Remove this comment to see the full error message
  //   const wrapper = mount(<DatePicker inOpen={true} />);
  //   expect(wrapper).toExist(<NewCalendar />);
  // });
  // // @ts-expect-error TS(2582): Cannot find name 'it'. Do you need to install type... Remove this comment to see the full error message
  // it("DatePicker has rendered content InputBlock", () => {
  //   const wrapper = mount(<DatePicker />);
  //   expect(wrapper).toExist(<InputBlock />);
  // });

  // // @ts-expect-error TS(2582): Cannot find name 'it'. Do you need to install type... Remove this comment to see the full error message
  // it("DatePicker hasError is passed", () => {
  //   // @ts-expect-error TS(2322): Type '{ hasError: boolean; }' is not assignable to... Remove this comment to see the full error message
  //   const wrapper = mount(<DatePicker hasError={true} />);
  //   expect(wrapper.prop("hasError")).toEqual(true);
  // });

  // // @ts-expect-error TS(2582): Cannot find name 'it'. Do you need to install type... Remove this comment to see the full error message
  // it("DatePicker disabled when isReadOnly is passed", () => {
  //   // @ts-expect-error TS(2322): Type '{ isReadOnly: boolean; }' is not assignable ... Remove this comment to see the full error message
  //   const wrapper = mount(<DatePicker isReadOnly={true} />);
  //   expect(wrapper.prop("isReadOnly")).toEqual(true);
  // });

  // // @ts-expect-error TS(2582): Cannot find name 'it'. Do you need to install type... Remove this comment to see the full error message
  // it("DatePicker minDate test", () => {
  //   // @ts-expect-error TS(2741): Property 'onChange' is missing in type '{ minDate:... Remove this comment to see the full error message
  //   const wrapper = mount(<DatePicker minDate={minDate} />);
  //   expect(wrapper.props().minDate).toEqual(minDate);
  // });

  // // @ts-expect-error TS(2582): Cannot find name 'it'. Do you need to install type... Remove this comment to see the full error message
  // it("DatePicker maxDate test", () => {
  //   // @ts-expect-error TS(2741): Property 'onChange' is missing in type '{ maxDate:... Remove this comment to see the full error message
  //   const wrapper = mount(<DatePicker maxDate={maxDate} />);
  //   expect(wrapper.props().maxDate).toEqual(maxDate);
  // });

  // // @ts-expect-error TS(2582): Cannot find name 'it'. Do you need to install type... Remove this comment to see the full error message
  // it("DatePicker selectedDate test", () => {
  //   // @ts-expect-error TS(2322): Type '{ selectedDate: Date; }' is not assignable t... Remove this comment to see the full error message
  //   const wrapper = mount(<DatePicker selectedDate={selectedDate} />);
  //   expect(wrapper.props().selectedDate).toEqual(selectedDate);
  // });

  // // @ts-expect-error TS(2582): Cannot find name 'it'. Do you need to install type... Remove this comment to see the full error message
  // it("DatePicker themeColor test", () => {
  //   // @ts-expect-error TS(2322): Type '{ themeColor: string; }' is not assignable t... Remove this comment to see the full error message
  //   const wrapper = mount(<DatePicker themeColor={"#fff"} />);
  //   expect(wrapper.props().themeColor).toEqual("#fff");
  // });

  // // @ts-expect-error TS(2582): Cannot find name 'it'. Do you need to install type... Remove this comment to see the full error message
  // it("DatePicker input mask test", () => {
  //   const mask = [/\d/, /\d/, "/", /\d/, /\d/, "/", /\d/, /\d/, /\d/, /\d/];
  //   // @ts-expect-error TS(2322): Type '{ mask: (string | RegExp)[]; }' is not assig... Remove this comment to see the full error message
  //   const wrapper = mount(<InputBlock mask={mask} />);
  //   expect(wrapper.props().mask).toBe(mask);
  //   expect(wrapper.props().mask).toEqual(mask);
  // });

  // // @ts-expect-error TS(2582): Cannot find name 'it'. Do you need to install type... Remove this comment to see the full error message
  // it("DatePicker locale test", () => {
  //   // @ts-expect-error TS(2741): Property 'onChange' is missing in type '{ locale: ... Remove this comment to see the full error message
  //   const wrapper = mount(<DatePicker locale={"en-GB"} />);
  //   expect(wrapper.prop("locale")).toEqual("en-GB");
  // });

  // // @ts-expect-error TS(2582): Cannot find name 'it'. Do you need to install type... Remove this comment to see the full error message
  // it("DatePicker input value with locale test", () => {
  //   moment.locale("ru");
  //   const value = moment(selectedDate).format("L");
  //   // @ts-expect-error TS(2322): Type '{ value: string; }' is not assignable to typ... Remove this comment to see the full error message
  //   const wrapper = mount(<DatePicker value={value} />);
  //   expect(wrapper.props().value).toEqual("12.09.2019");
  // });

  // // @ts-expect-error TS(2582): Cannot find name 'it'. Do you need to install type... Remove this comment to see the full error message
  // it("DatePicker check the onChange callback", () => {
  //   // @ts-expect-error TS(2708): Cannot use namespace 'jest' as a value.
  //   const onChange = jest.fn();
  //   const props = {
  //     value: "03/03/2000",
  //     onChange,
  //   };
  //   const wrapper = mount(<DatePicker {...props} />).find("input");
  //   wrapper.simulate("change", { target: { value: "09/09/2019" } });
  //   expect(onChange).toHaveBeenCalledWith(new Date("09/09/2019"));
  // });

  // /*it("check DatePicker popup open", () => {
  //   const onFocus = jest.fn(() => true);
  //   const wrapper = mount(<DatePicker onFocus={onFocus} isOpen={false} />);
  //   const input = wrapper.find("input");
  //   input.simulate("focus");

  //   const instance = wrapper.instance();
  //   expect(instance.state.isOpen).toEqual(true);
  // });*/

  // // @ts-expect-error TS(2582): Cannot find name 'it'. Do you need to install type... Remove this comment to see the full error message
  // it("DatePicker check the Calendar onChange callback", () => {
  //   // @ts-expect-error TS(2708): Cannot use namespace 'jest' as a value.
  //   const onChange = jest.fn();
  //   const props = {
  //     value: "03/03/2000",
  //     isOpen: true,
  //     onChange,
  //   };
  //   const wrapper = mount(<DatePicker {...props} />);

  //   const days = wrapper.find(".calendar-month");

  //   days.first().simulate("click", { target: { value: 1 } });

  //   expect(onChange).toHaveBeenCalled();
  // });

  // // @ts-expect-error TS(2582): Cannot find name 'it'. Do you need to install type... Remove this comment to see the full error message
  // it("DatePicker check Compare date function", () => {
  //   const date = new Date();
  //   const errorDate = new Date("01/01/3000");
  //   const wrapper = shallow(<DatePicker />).instance();
  //   expect(wrapper.compareDate(date)).toEqual(true);
  //   expect(wrapper.compareDate(errorDate)).toEqual(false);
  // });

  // // @ts-expect-error TS(2582): Cannot find name 'it'. Do you need to install type... Remove this comment to see the full error message
  // it("DatePicker check Compare dates function", () => {
  //   const date = new Date();
  //   const wrapper = shallow(<DatePicker />).instance();
  //   expect(wrapper.compareDates(date, date) === 0).toEqual(true);
  //   expect(wrapper.compareDates(date, new Date("01/01/2000")) === 0).toEqual(
  //     false,
  //   );
  // });

  // // @ts-expect-error TS(2582): Cannot find name 'it'. Do you need to install type... Remove this comment to see the full error message
  // it("DatePicker check is valid dates function", () => {
  //   var date = new Date();
  //   date.setFullYear(1);
  //   const wrapper = shallow(<DatePicker />).instance();
  //   expect(wrapper.isValidDate(selectedDate, maxDate, minDate, false)).toEqual(
  //     false,
  //   );
  //   expect(wrapper.isValidDate(date, maxDate, minDate, false)).toEqual(true);
  // });

  // // @ts-expect-error TS(2582): Cannot find name 'it'. Do you need to install type... Remove this comment to see the full error message
  // it("DatePicker componentDidUpdate() lifecycle test", () => {
  //   const props = {
  //     selectedDate: new Date(),
  //     minDate: new Date("01/01/1970"),
  //     maxDate: new Date("01/01/2030"),
  //     isOpen: true,
  //     isDisabled: false,
  //     isReadOnly: false,
  //     hasError: false,
  //     themeColor: "#ED7309",
  //     locale: "en",
  //   };

  //   var date = new Date();
  //   date.setFullYear(1);

  //   // @ts-expect-error TS(2741): Property 'onChange' is missing in type '{ selected... Remove this comment to see the full error message
  //   const wrapper = mount(<DatePicker {...props} />).instance();
  //   wrapper.componentDidUpdate(wrapper.props, wrapper.state);

  //   expect(wrapper.props).toBe(wrapper.props);
  //   expect(wrapper.state).toBe(wrapper.state);

  //   const wrapper2 = mount(
  //     <DatePicker
  //       {...props}
  //       // @ts-expect-error TS(2322): Type '{ selectedDate: Date; hasError: boolean; siz... Remove this comment to see the full error message
  //       selectedDate={date}
  //       hasError={false}
  //       size="big"
  //       isDisabled={false}
  //     />,
  //   ).instance();

  //   wrapper2.componentDidUpdate(wrapper2.props, wrapper2.state);

  //   expect(wrapper2.props).toBe(wrapper2.props);
  //   expect(wrapper2.state).toBe(wrapper2.state);
  // });

  // // @ts-expect-error TS(2582): Cannot find name 'it'. Do you need to install type... Remove this comment to see the full error message
  // it("componentWillUnmount() lifecycle  test", () => {
  //   // @ts-expect-error TS(2322): Type '{ isOpen: boolean; }' is not assignable to t... Remove this comment to see the full error message
  //   const wrapper = mount(<DatePicker isOpen={true} />);
  //   // @ts-expect-error TS(2708): Cannot use namespace 'jest' as a value.
  //   const componentWillUnmount = jest.spyOn(
  //     wrapper.instance(),
  //     "componentWillUnmount",
  //   );

  //   wrapper.unmount();
  //   expect(componentWillUnmount).toHaveBeenCalled();
  // });

  // // @ts-expect-error TS(2582): Cannot find name 'it'. Do you need to install type... Remove this comment to see the full error message
  // it("accepts id", () => {
  //   // @ts-expect-error TS(2322): Type '{ isOpen: boolean; id: string; }' is not ass... Remove this comment to see the full error message
  //   const wrapper = mount(<DatePicker isOpen={true} id="testId" />);

  //   expect(wrapper.prop("id")).toEqual("testId");
  // });

  // // @ts-expect-error TS(2582): Cannot find name 'it'. Do you need to install type... Remove this comment to see the full error message
  // it("accepts className", () => {
  //   // @ts-expect-error TS(2322): Type '{ isOpen: boolean; className: string; }' is ... Remove this comment to see the full error message
  //   const wrapper = mount(<DatePicker isOpen={true} className="test" />);

  //   expect(wrapper.prop("className")).toEqual("test");
  // });

  // // @ts-expect-error TS(2582): Cannot find name 'it'. Do you need to install type... Remove this comment to see the full error message
  // it("accepts style", () => {
  //   const wrapper = mount(
  //     // @ts-expect-error TS(2322): Type '{ isOpen: boolean; style: { color: string; }... Remove this comment to see the full error message
  //     <DatePicker isOpen={true} style={{ color: "red" }} />,
  //   );

  //   expect(wrapper.getDOMNode().style).toHaveProperty("color", "red");
  // });
});