import React from 'react';

// react-dates needs to be initialized before using any react-dates component
// Since this is currently only component using react-dates we can do it here
// https://github.com/airbnb/react-dates#initialize
import 'react-dates/initialize';
import { renderDeep } from '../../util/test-helpers';
import { LINE_ITEM_NIGHT } from '../../util/types';
import { DateRangeInput } from './FieldDateRangeInput';

const noop = () => null;

describe('DateRangeInput', () => {
  it('matches snapshot', () => {
    const props = {
      unitType: LINE_ITEM_NIGHT,
      name: 'bookingDates',
      onBlur: noop,
      onChange: noop,
      onFocus: noop,
      onDragStart: noop,
      onDrop: noop,
      startDateId: 'bookingStartDate',
      startDatePlaceholderText: 'today',
      endDateId: 'bookingEndDate',
      endDatePlaceholderText: 'tomorrow',
    };
    const tree = renderDeep(<DateRangeInput {...props} />);
    expect(tree).toMatchSnapshot();
  });
});
