import * as React from 'react';
import { ShallowWrapper } from 'enzyme';
import { shallow, utilsToUse } from '../test-utils';
import { Month, MonthProps } from '../../views/Calendar/Month';

describe('Month', () => {
  let component: ShallowWrapper<MonthProps>;

  beforeEach(() => {
    component = shallow(
      <Month value={utilsToUse.date('01-01-2017')} onSelect={jest.fn()}>
        Oct
      </Month>
    );
  });

  it('Should render', () => {
    expect(component).toBeTruthy();
  });
});

describe('Month - disabled state', () => {
  let component: ShallowWrapper<MonthProps>;

  beforeEach(() => {
    component = shallow(
      <Month disabled value={utilsToUse.date('01-01-2017')} onSelect={jest.fn()}>
        Oct
      </Month>
    );
  });

  it('Should render in disabled state', () => {
    expect(component.prop('tabIndex')).toBe(-1);
  });
});