fullcalendar/tests/legacy/removeEvents.js

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

	beforeEach(function() {
		affix('#cal');
		options = {
			defaultDate: '2014-06-24',
			defaultView: 'month'
		};
	});

	function buildEventsWithoutIds() {
		return [
			{ title: 'event zero', start: '2014-06-24', className: 'event-zero' },
			{ title: 'event one', start: '2014-06-24', className: 'event-non-zero event-one' },
			{ title: 'event two', start: '2014-06-24', className: 'event-non-zero event-two' }
		];
	}

	function buildEventsWithIds() {
		var events = buildEventsWithoutIds();
		var i;

		for (i = 0; i < events.length; i++) {
			events[i].id = i;
		}

		return events;
	}

	$.each({
		'when events without IDs': buildEventsWithoutIds,
		'when events with IDs': buildEventsWithIds
	}, function(desc, eventGenerator) {
		describe(desc, function() {

			it('can remove all events if no args specified', function(done) {
				go(
					eventGenerator(),
					function() {
						$('#cal').fullCalendar('removeEvents');
					},
					function() {
						expect($('#cal').fullCalendar('clientEvents').length).toEqual(0);
						expect($('.fc-event').length).toEqual(0);
					},
					done
				);
			});

			it('can remove events with a filter function', function(done) {
				go(
					eventGenerator(),
					function() {
						$('#cal').fullCalendar('removeEvents', function(event) {
							return $.inArray('event-one', event.className) !== -1;
						});
					},
					function() {
						expect($('#cal').fullCalendar('clientEvents').length).toEqual(2);
						expect($('.fc-event').length).toEqual(2);
						expect($('.event-zero').length).toEqual(1);
						expect($('.event-two').length).toEqual(1);
					},
					done
				);
			});

		});
	});

	it('can remove events with a numeric ID', function(done) {
		go(
			buildEventsWithIds(),
			function() {
				$('#cal').fullCalendar('removeEvents', 1);
			},
			function() {
				expect($('#cal').fullCalendar('clientEvents').length).toEqual(2);
				expect($('.fc-event').length).toEqual(2);
				expect($('.event-zero').length).toEqual(1);
				expect($('.event-two').length).toEqual(1);
			},
			done
		);
	});

	it('can remove events with a string ID', function(done) {
		go(
			buildEventsWithIds(),
			function() {
				$('#cal').fullCalendar('removeEvents', '1');
			},
			function() {
				expect($('#cal').fullCalendar('clientEvents').length).toEqual(2);
				expect($('.fc-event').length).toEqual(2);
				expect($('.event-zero').length).toEqual(1);
				expect($('.event-two').length).toEqual(1);
			},
			done
		);
	});

	it('can remove an event with ID 0', function(done) { // for issue 2082
		go(
			buildEventsWithIds(),
			function() {
				$('#cal').fullCalendar('removeEvents', 0);
			},
			function() {
				expect($('#cal').fullCalendar('clientEvents').length).toEqual(2);
				expect($('.fc-event').length).toEqual(2);
				expect($('.event-zero').length).toEqual(0);
				expect($('.event-non-zero').length).toEqual(2);
			},
			done
		);
	});

	it('can remove an event with an internal _id', function() {
		var event;

		initCalendar({
			defaultDate: '2014-06-24',
			events: [ { title: 'event0', start: '2014-06-24' } ]
		});

		event = currentCalendar.clientEvents()[0];
		expect(typeof event).toBe('object');

		currentCalendar.removeEvents(event._id);
		expect(
			currentCalendar.clientEvents().length
		).toBe(0);
	});

	// Verifies the actions in removeFunc executed correctly by calling checkFunc.
	function go(events, removeFunc, checkFunc, doneFunc) {
		var called = false;
		options.events = events;
		options.eventAfterAllRender = function() {
			if (!called) { // don't execute on subsequent removeEvents/next/prev
				called = true;

				checkAllEvents(); // make sure all events initially rendered correctly

				removeFunc(); // remove the events
				setTimeout(function() { // because the event rerender will be queued because we're a level deep

					checkFunc(); // check correctness

					// move the calendar back out of view, then back in
					$('#cal').fullCalendar('next');
					$('#cal').fullCalendar('prev');

					// array event sources should maintain the same state
					// whereas "dynamic" event sources should refetch and reset the state
					if ($.isArray(events)) {
						checkFunc(); // for issue 2187
					}
					else {
						checkAllEvents();
					}

					doneFunc();
				}, 0);
			}
		};
		$('#cal').fullCalendar(options);
	}


	// Checks to make sure all events have been rendered and that the calendar
	// has internal info on all the events.
	function checkAllEvents() {
		expect($('#cal').fullCalendar('clientEvents').length).toEqual(3);
		expect($('.fc-event').length).toEqual(3);
	}

});