import { render } from '@testing-library/react';
import { ThemeProvider } from '@availity/theme-provider';
import { Datepicker } from './Datepicker';

describe('Datepicker', () => {
  test('should render successfully', () => {
    const { getAllByText } = render(
      <ThemeProvider>
        <Datepicker FieldProps={{ label: 'Test' }} onChange={jest.fn()} value={null} />
      </ThemeProvider>
    );
    expect(getAllByText('Test')).toBeTruthy();
  });

  test('should render placeholder successfully', () => {
    const { container } = render(
      <ThemeProvider>
        <Datepicker FieldProps={{ InputProps: { placeholder: 'InputProps' } }} onChange={jest.fn()} value={null} />
      </ThemeProvider>
    );
    expect(container.getElementsByClassName('MuiInputBase-input')[0].getAttribute('placeholder')).toBe('InputProps');
  });
});