import React from 'react';
import DateTimePicker from '../DateTimePicker';
import { render } from '@testing-library/react-native';

jest.mock('react-native/Libraries/Components/Keyboard/Keyboard', () => ({
  addListener: jest.fn(),
  dismiss: jest.fn(),
}));

jest.mock('react-native/Libraries/Interaction/InteractionManager', () => ({
  runAfterInteractions: jest.fn(),
}));

describe('DateTimePicker', () => {
  it.each`
    element
    ${(<DateTimePicker show={true} value={new Date('2021-08-09')} />)}
    ${(<DateTimePicker show={false} value={new Date('2021-08-09')} />)}
    ${(<DateTimePicker show={true} mode="date" value={new Date('2021-08-09')} />)}
    ${(<DateTimePicker show={true} mode="time" value={new Date('2021-08-09')} />)}
  `('renders correctly', async ({ element }) => {
    const { toJSON } = render(element);
    expect(toJSON()).toMatchSnapshot();
  });
});