fullcalendar/tests/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);
			}
		};
	}
});