import { FormatterInput } from '@fullcalendar/core'

describe('Event::formatRange', () => {
  pushOptions({
    timeZone: 'America/New_York', // for forced timezone offsets
    locale: 'en',
  })

  const FORMAT_SETTINGS: FormatterInput = {
    month: 'long',
    day: 'numeric',
    year: 'numeric',
    timeZoneName: 'short',
    separator: ' to ',
    omitCommas: true, // for cross-browser
  }

  describe('when event has an end', () => {
    pushOptions({
      events: [
        { start: '2018-09-04T12:00:00-05:00', end: '2018-09-05T12:00:00-05:00' },
      ],
    })

    it('formats start and end', () => {
      initCalendar()
      let event = currentCalendar.getEvents()[0]
      let str = event.formatRange(FORMAT_SETTINGS)
      expect(str.replace(' at ', ' '))
        .toBe('September 4 to 5 2018 12:00 PM GMT-5')
    })
  })

  describe('when event has NO end', () => {
    pushOptions({
      events: [
        { start: '2018-09-04T12:00:00-05:00' },
      ],
    })

    it('formats start', () => {
      initCalendar()
      let event = currentCalendar.getEvents()[0]
      let str = event.formatRange(FORMAT_SETTINGS)
      expect(str.replace(' at ', ' '))
        .toBe('September 4 2018 12:00 PM GMT-5')
    })
  })
})