fullcalendar/tests/legacy/removeEventSource.js

describe('removeEventSource', function() {
	var options;

	beforeEach(function() {
		affix('#cal');
		options = {
			defaultDate: '2014-08-01'
		};
		$.mockjax({
			url: '*',
			contentType: 'text/json',
			responseText: buildEventArray()
		});
		$.mockjaxSettings.log = function() { }; // don't console.log
	});

	afterEach(function() {
		$.mockjax.clear();
	});

	describe('with a URL', function() {
		testInput('/myscript.php'); // will go to mockjax
	});

	describe('with an array', function() {
		testInput(buildEventArray());
	});

	describe('with a function', function() {
		testInput(function(start, end, timezone, callback) {
			callback(buildEventArray());
		});
	});

	describe('with an object+url', function() {
		testInput({
			url: '/myscript.php' // will go to mockjax
		});
	});

	describe('with an object+array', function() {
		testInput({
			events: buildEventArray()
		});
	});

	describe('with an object+function', function() {
		testInput({
			events: function(start, end, timezone, callback) {
				callback(buildEventArray());
			}
		});
	});

	it('won\'t render removed events when subsequent addEventSource', function(done) {

		var source1 = function(start, end, timezone, callback) {
			setTimeout(function() {
				callback([ {
					title: 'event1',
					className: 'event1',
					start: '2014-08-01T02:00:00'
				} ]);
			}, 100);
		};

		var source2 = function(start, end, timezone, callback) {
			setTimeout(function() {
				callback([ {
					title: 'event2',
					className: 'event2',
					start: '2014-08-01T02:00:00'
				} ]);
			}, 100);
		};

		options.eventSources = [ source1 ];

		options.eventAfterAllRender = function() {
			if (!$('.fc-event').length) {
				; // might have rendered no events after removeEventSource call
			}
			else {
				expect($('.event1').length).toBe(0);
				expect($('.event2').length).toBe(1);
				done();
			}
		};

		$('#cal').fullCalendar(options);
		$('#cal').fullCalendar('removeEventSource', source1);
		$('#cal').fullCalendar('addEventSource', source2);
	});

	describe('when multiple sources share the same fetching function', function() {
		var fetchFunc = function(start, end, timezone, callback) {
			callback([ {
				title: 'event',
				start: '2014-08-01T02:00:00'
			} ]);
		};
		beforeEach(function() {
			options.eventSources = [
				{ events: fetchFunc, className: 'event1', id: 'source1' },
				{ events: fetchFunc, className: 'event2', id: 'source2' }
			];
		});

		describe('when called with the raw function', function() {
			it('removes events from all matching sources', function() {

				$('#cal').fullCalendar(options);
				expect($('.fc-event').length).toBe(2);
				expect($('.event1').length).toBe(1);
				expect($('.event2').length).toBe(1);

				$('#cal').fullCalendar('removeEventSource', fetchFunc);
				expect($('.fc-event').length).toBe(0);
			});
		});

		describe('when called with proper source object', function() {
			it('removes events only from the specific source', function() {

				$('#cal').fullCalendar(options);
				expect($('.fc-event').length).toBe(2);
				expect($('.event1').length).toBe(1);
				expect($('.event2').length).toBe(1);

				var source = $('#cal').fullCalendar('getEventSourceById', 'source2');
				$('#cal').fullCalendar('removeEventSource', source);
				expect($('.fc-event').length).toBe(1);
				expect($('.event1').length).toBe(1);
				expect($('.event2').length).toBe(0);
			});
		});
	});

	function testInput(eventInput) {

		it('correctly removes events provided via `events` at initialization', function(done) {
			var callCnt = 0;
			options.eventAfterAllRender = function() {
				callCnt++;
				if (callCnt === 1) {
					expectEventCnt(2);
					$('#cal').fullCalendar('removeEventSource', eventInput);
				}
				else if (callCnt === 2) {
					expectEventCnt(0);
					done();
				}
			};
			options.events = eventInput;
			$('#cal').fullCalendar(options);
		});

		it('correctly removes events provided via `eventSources` at initialization', function(done) {
			var callCnt = 0;
			options.eventAfterAllRender = function() {
				callCnt++;
				if (callCnt === 1) {
					expectEventCnt(2);
					$('#cal').fullCalendar('removeEventSource', eventInput);
				}
				else if (callCnt === 2) {
					expectEventCnt(0);
					done();
				}
			};
			options.eventSources = [ eventInput ];
			$('#cal').fullCalendar(options);
		});

		it('correctly removes events provided via `addEventSource` method', function(done) {
			var callCnt = 0;
			options.eventAfterAllRender = function() {
				callCnt++;
				if (callCnt === 1) {
					$('#cal').fullCalendar('addEventSource', eventInput);
				}
				else if (callCnt === 2) {
					expectEventCnt(2);
					$('#cal').fullCalendar('removeEventSource', eventInput);
				}
				else if (callCnt === 3) {
					expectEventCnt(0);
					done();
				}
			};
			$('#cal').fullCalendar(options);
		});
	}

	function buildEventArray() {
		return [
			{ title: 'event1', start: '2014-08-01' },
			{ title: 'event2', start: '2014-08-02' }
		];
	}

	function expectEventCnt(cnt) {
		expect($('.fc-event').length).toBe(cnt);
		expect($('#cal').fullCalendar('clientEvents').length).toBe(cnt);
	}
});