fullcalendar/tests/view-type/changeView.js

import { expectActiveRange } from '../view-dates/ViewDateUtils'
import * as TimeGridRenderUtils from '../view-render/TimeGridRenderUtils'


describe('changeView', function() {
  pushOptions({
    defaultDate: '2017-06-08',
    defaultView: 'month'
  })

  it('can change views', function() {
    initCalendar()
    currentCalendar.changeView('agendaWeek')
    expectActiveRange('2017-06-04', '2017-06-11')
  })

  it('can change views and navigate date', function() {
    initCalendar()
    currentCalendar.changeView('agendaDay', '2017-06-26')
    expectActiveRange('2017-06-26', '2017-06-27')
  })

  it('can change views and change activeRange', function() {
    initCalendar()
    currentCalendar.changeView('agenda', {
      start: '2017-07-04',
      end: '2017-07-08'
    })
    expectActiveRange('2017-07-04', '2017-07-08')
  })

  describe('when switching away from view, then back', function() {

    // serves as a smoke test too
    it('correctly renders original view again', function(done) {
      var renderCalls = 0

      initCalendar({
        defaultView: 'month',
        eventAfterAllRender: function(view) {
          renderCalls++

          switch (renderCalls) {
            case 1:
              expect(view.type).toBe('month')
              checkViewIntegrity()
              currentCalendar.changeView('agendaWeek')
              break
            case 2:
              expect(view.type).toBe('agendaWeek')
              checkViewIntegrity()
              expect(TimeGridRenderUtils.isStructureValid()).toBe(true)
              currentCalendar.changeView('basicWeek')
              break
            case 3:
              expect(view.type).toBe('basicWeek')
              checkViewIntegrity()
              currentCalendar.changeView('listWeek')
              break
            case 4:
              expect(view.type).toBe('listWeek')
              checkViewIntegrity()
              currentCalendar.changeView('month')
              break
            case 5:
              expect(view.type).toBe('month')
              checkViewIntegrity()
              done()
              break
          }
        }
      })

      function checkViewIntegrity() {
        var $el = $('.fc-view')
        expect($el).toBeInDOM()
        expect($el.children().length).toBeGreaterThan(0)
        expect($el.text()).toBeTruthy()
      }
    })
  })
})