fullcalendar/tests/automated/legacy/refetchEventSources.js

describe('refetchEventSources', function() {
  var calendarEl
  var options

  // used by createEventGenerator
  var eventCount
  var fetchId
  var fetchDelay

  beforeEach(function() {
    affix('#cal')
    calendarEl = $('#cal')
    eventCount = 1
    fetchId = 7
    options = {
      now: '2015-08-07',
      defaultView: 'agendaDay',
      scrollTime: '00:00',
      eventSources: [
        {
          id: 1,
          events: createEventGenerator('source1-'),
          color: 'green'
        },
        {
          id: 2,
          events: createEventGenerator('source2-'),
          color: 'blue'
        },
        {
          id: 3,
          events: createEventGenerator('source3-'),
          color: 'green'
        }
      ]
    }
  })

  describe('with a single event source passed in', function() {
    it('only refetches events for the specified event source', function(done) {
      calendarEl.fullCalendar(options)

      expect($('.source1-7').length).toEqual(1)
      expect($('.source2-7').length).toEqual(1)
      expect($('.source3-7').length).toEqual(1)

      var allEventSources = calendarEl.fullCalendar('getEventSources')
      var blueEventSource = $.grep(allEventSources, function(eventSource) {
        return eventSource.color === 'blue'
      })[0]

      // increase the number of events for the refetched source
      eventCount = 2
      fetchId = 8

      calendarEl.fullCalendar('refetchEventSources', blueEventSource)

      // events from unaffected sources remain
      expect($('.source1-7').length).toEqual(1)
      expect($('.source3-7').length).toEqual(1)

      // events from old fetch were cleared
      expect($('.source2-7').length).toEqual(0)

      // events from new fetch were rendered
      expect($('.source2-8').length).toEqual(2)

      done()
    })
  })
  describe('with a single event source ID passed in', function() {
    it('only refetches events for the specified event source', function(done) {
      calendarEl.fullCalendar(options)

      expect($('.source1-7').length).toEqual(1)
      expect($('.source2-7').length).toEqual(1)
      expect($('.source3-7').length).toEqual(1)

      // increase the number of events for the refetched source
      eventCount = 2
      fetchId = 8

      calendarEl.fullCalendar('refetchEventSources', 2)

      // events from unaffected sources remain
      expect($('.source1-7').length).toEqual(1)
      expect($('.source3-7').length).toEqual(1)

      // events from old fetch were cleared
      expect($('.source2-7').length).toEqual(0)

      // events from new fetch were rendered
      expect($('.source2-8').length).toEqual(2)

      done()
    })
  })

  describe('with an array of multiple event sources passed in', function() {
    it('only refetches events for the specified event sources', function(done) {
      calendarEl.fullCalendar(options)

      expect($('.source1-7').length).toEqual(1)
      expect($('.source2-7').length).toEqual(1)
      expect($('.source3-7').length).toEqual(1)

      var allEventSources = calendarEl.fullCalendar('getEventSources')
      var greenEventSources = $.grep(allEventSources, function(eventSource) {
        return eventSource.color === 'green'
      })

      // increase the number of events for the refetched sources
      eventCount = 2
      fetchId = 8

      calendarEl.fullCalendar('refetchEventSources', greenEventSources)

      // events from unaffected sources remain
      expect($('.source2-7').length).toEqual(1)

      // events from old fetch were cleared
      expect($('.source1-7').length).toEqual(0)
      expect($('.source3-7').length).toEqual(0)

      // events from new fetch were rendered
      expect($('.source1-8').length).toEqual(2)
      expect($('.source3-8').length).toEqual(2)

      done()
    })
  })

  describe('with an array of multiple event source IDs passed in', function() {
    it('only refetches events for the specified event sources', function(done) {
      calendarEl.fullCalendar(options)

      expect($('.source1-7').length).toEqual(1)
      expect($('.source2-7').length).toEqual(1)
      expect($('.source3-7').length).toEqual(1)

      // increase the number of events for the refetched sources
      eventCount = 2
      fetchId = 8

      calendarEl.fullCalendar('refetchEventSources', [ 1, 3 ])

      // events from unaffected sources remain
      expect($('.source2-7').length).toEqual(1)

      // events from old fetch were cleared
      expect($('.source1-7').length).toEqual(0)
      expect($('.source3-7').length).toEqual(0)

      // events from new fetch were rendered
      expect($('.source1-8').length).toEqual(2)
      expect($('.source3-8').length).toEqual(2)

      done()
    })
  })

  describe('when called while initial fetch is still pending', function() {
    it('keeps old events and rerenders new', function(done) {

      options.eventAfterAllRender = function() {

        // events from unaffected sources remain
        expect($('.source2-7').length).toEqual(1)

        // events from old fetch were cleared
        expect($('.source1-7').length).toEqual(0)
        expect($('.source3-7').length).toEqual(0)

        // events from new fetch were rendered
        expect($('.source1-8').length).toEqual(2)
        expect($('.source3-8').length).toEqual(2)

        done()
      }

      fetchDelay = 100
      calendarEl.fullCalendar(options)

      var allEventSources = calendarEl.fullCalendar('getEventSources')
      var greenEventSources = $.grep(allEventSources, function(eventSource) { // source 1 and 3
        return eventSource.color === 'green'
      })

      // increase the number of events for the refetched sources
      eventCount = 2
      fetchId = 8

      calendarEl.fullCalendar('refetchEventSources', greenEventSources)
    })
  })

  function createEventGenerator(classNamePrefix) {
    return function(start, end, timezone, callback) {
      var events = []

      for (var i = 0; i < eventCount; i++) {
        events.push({
          start: '2015-08-07T02:00:00',
          end: '2015-08-07T03:00:00',
          className: classNamePrefix + fetchId,
          title: classNamePrefix + fetchId // also make it the title
        })
      }

      if (fetchDelay) {
        setTimeout(function() {
          callback(events)
        }, fetchDelay)
      } else {
        callback(events)
      }
    }
  }
})