import './index';
import { assert } from 'chai';
import { CalendarInputSk } from './calendar-input-sk';
import { setUpElementUnderTest } from '../../../infra-sk/modules/test_util';

const container = document.createElement('div');
document.body.appendChild(container);

afterEach(() => {
  container.innerHTML = '';
});

describe('calendar-input-sk', () => {
  const newInstance =
    setUpElementUnderTest<CalendarInputSk>('calendar-input-sk');
  let calendarInputSk: CalendarInputSk;
  beforeEach(() => {
    calendarInputSk = newInstance();
    calendarInputSk.displayDate = new Date(2020, 4, 21);
  });

  describe('input control', () => {
    it('displays the date correctly', () =>
      window.customElements.whenDefined('calendar-input-sk').then(async () => {
        assert.equal(
          calendarInputSk.querySelector<HTMLInputElement>('input')!.value,
          '2020-5-21'
        );
      }));
  });
});