import {fireEvent, render} from '@testing-library/react-native';

import {IButtonView} from '../types';
import ModalCalendar from '../ModalCalendar';

describe('ModalCalendar', () => {
  beforeAll(() => {
    jest.useFakeTimers();
    jest.setSystemTime(new Date('2022-07-15'));
  });
  afterAll(() => {
    jest.useRealTimers();
  });

  it('renders correctly', () => {
    const submit = jest.fn();
    const {toJSON} = render(
      <ModalCalendar
        id={'1'}
        onClose={() => undefined}
        onDateRangeChange={submit}
      />,
    );
    expect(toJSON()).toMatchSnapshot();
  });

  it('bottomView IButtonView.small onAcceptDateRangeChange', () => {
    const submit = jest.fn();
    const {toJSON, getByText} = render(
      <ModalCalendar
        id={'1'}
        onClose={() => undefined}
        onAcceptDateRangeChange={submit}
        isCounter={false}
        descriptionText={'textCalendar'}
        buttonView={IButtonView.small}
      />,
    );
    const applyButton = getByText('Применить');
    fireEvent.press(applyButton);

    expect(toJSON()).toMatchSnapshot();
  });
  it('bottomView IButtonView.small onDateRangeChange', () => {
    const submit = jest.fn();
    const {toJSON, getByText} = render(
      <ModalCalendar
        id={'1'}
        onClose={() => undefined}
        onDateRangeChange={submit}
        isCounter={false}
        descriptionText={'textCalendar'}
        buttonView={IButtonView.small}
      />,
    );
    const applyButton = getByText('Применить');
    fireEvent.press(applyButton);

    expect(toJSON()).toMatchSnapshot();
  });
  it('bottomView IButtonView.large', () => {
    const submit = jest.fn();
    const {toJSON, getByText} = render(
      <ModalCalendar
        id={'1'}
        onClose={() => undefined}
        onDateRangeChange={submit}
        descriptionText={'textCalendar'}
        isCounter={true}
        titlePrefix={'titlePrefix'}
        titleSuffix={'titleSuffix'}
        titleFont={'Regular-Muted-M'}
        descriptionFont={'Medium-Primary-M'}
        buttonView={IButtonView.large}
      />,
    );

    const dateStart = getByText('11');
    fireEvent.press(dateStart);

    const applyButton = getByText('Сбросить');
    fireEvent.press(applyButton);
    expect(toJSON()).toMatchSnapshot();
  });
  it('renders correctly initialRange', () => {
    const submit = jest.fn();
    const {toJSON, getByText} = render(
      <ModalCalendar
        id={'1'}
        onClose={() => undefined}
        onDateRangeChange={submit}
        initialRange={{fromDate: '2022-02-16', toDate: '2022-02-17'}}
      />,
    );
    const dateStart = getByText('16');
    fireEvent.press(dateStart);
    expect(toJSON()).toMatchSnapshot();
  });
  it('renders correctly initialRange only fromDate isShowToday', () => {
    const submit = jest.fn();
    const {toJSON, getByText} = render(
      <ModalCalendar
        id={'1'}
        onClose={() => undefined}
        onDateRangeChange={submit}
        initialRange={{fromDate: '2022-02-16'}}
        isShowToday={true}
        isCounter={true}
        buttonView={IButtonView.large}
      />,
    );

    const applyButton = getByText('Сбросить');
    fireEvent.press(applyButton);
    expect(toJSON()).toMatchSnapshot();
  });
});