|
|
@@ -10,121 +10,241 @@ describe('ListView rendering', function() {
|
|
|
});
|
|
|
|
|
|
describe('with all-day events', function() {
|
|
|
- beforeEach(function() {
|
|
|
- options.events = [
|
|
|
- {
|
|
|
- title: 'event 1',
|
|
|
- start: '2016-08-15'
|
|
|
- },
|
|
|
- {
|
|
|
- title: 'event 2',
|
|
|
- start: '2016-08-17'
|
|
|
- }
|
|
|
- ];
|
|
|
- });
|
|
|
|
|
|
- it('renders only days with events', function() {
|
|
|
- $('#cal').fullCalendar(options);
|
|
|
+ describe('when single-day', function() {
|
|
|
+ beforeEach(function() {
|
|
|
+ options.events = [
|
|
|
+ {
|
|
|
+ title: 'event 1',
|
|
|
+ start: '2016-08-15'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: 'event 2',
|
|
|
+ start: '2016-08-17'
|
|
|
+ }
|
|
|
+ ];
|
|
|
+ });
|
|
|
|
|
|
- var days = getDayInfo();
|
|
|
- var events = getEventInfo();
|
|
|
+ it('renders only days with events', function() {
|
|
|
+ $('#cal').fullCalendar(options);
|
|
|
|
|
|
- expect(days.length).toBe(2);
|
|
|
- expect(days[0].date.format()).toEqual('2016-08-15');
|
|
|
- expect(days[1].date.format()).toEqual('2016-08-17');
|
|
|
+ var days = getDayInfo();
|
|
|
+ var events = getEventInfo();
|
|
|
|
|
|
- expect(events.length).toBe(2);
|
|
|
- expect(events[0].title).toBe('event 1');
|
|
|
- expect(events[0].timeText).toBe('all-day');
|
|
|
- expect(events[1].title).toBe('event 2');
|
|
|
- expect(events[1].timeText).toBe('all-day');
|
|
|
+ expect(days.length).toBe(2);
|
|
|
+ expect(days[0].date.format()).toEqual('2016-08-15');
|
|
|
+ expect(days[1].date.format()).toEqual('2016-08-17');
|
|
|
+
|
|
|
+ expect(events.length).toBe(2);
|
|
|
+ expect(events[0].title).toBe('event 1');
|
|
|
+ expect(events[0].timeText).toBe('all-day');
|
|
|
+ expect(events[1].title).toBe('event 2');
|
|
|
+ expect(events[1].timeText).toBe('all-day');
|
|
|
+ });
|
|
|
+
|
|
|
+ it('filters events through eventRender', function() {
|
|
|
+ options.eventRender = function(event, el) {
|
|
|
+ el.find('.fc-event-dot').replaceWith('<span class="custom-icon" />');
|
|
|
+ };
|
|
|
+
|
|
|
+ $('#cal').fullCalendar(options);
|
|
|
+
|
|
|
+ expect($('.custom-icon').length).toBe(2);
|
|
|
+ });
|
|
|
});
|
|
|
|
|
|
- it('filters events through eventRender', function() {
|
|
|
- options.eventRender = function(event, el) {
|
|
|
- el.find('.fc-event-dot').replaceWith('<span class="custom-icon" />');
|
|
|
- };
|
|
|
+ describe('when multi-day', function() {
|
|
|
+ beforeEach(function() {
|
|
|
+ options.events = [
|
|
|
+ {
|
|
|
+ title: 'event 1',
|
|
|
+ start: '2016-08-15',
|
|
|
+ end: '2016-08-18' // 3 days
|
|
|
+ }
|
|
|
+ ];
|
|
|
+ });
|
|
|
|
|
|
- $('#cal').fullCalendar(options);
|
|
|
+ it('renders all-day for every day', function() {
|
|
|
+ $('#cal').fullCalendar(options);
|
|
|
+
|
|
|
+ var events = getEventInfo();
|
|
|
|
|
|
- expect($('.custom-icon').length).toBe(2);
|
|
|
+ expect(events.length).toBe(3);
|
|
|
+ expect(events[0].title).toBe('event 1');
|
|
|
+ expect(events[0].timeText).toBe('all-day');
|
|
|
+ expect(events[1].title).toBe('event 1');
|
|
|
+ expect(events[1].timeText).toBe('all-day');
|
|
|
+ expect(events[2].title).toBe('event 1');
|
|
|
+ expect(events[2].timeText).toBe('all-day');
|
|
|
+ });
|
|
|
});
|
|
|
});
|
|
|
|
|
|
describe('with timed events', function() {
|
|
|
- beforeEach(function() {
|
|
|
+
|
|
|
+ describe('when single-day', function() {
|
|
|
+ beforeEach(function() {
|
|
|
+ options.events = [
|
|
|
+ {
|
|
|
+ title: 'event 1',
|
|
|
+ start: '2016-08-15T07:00'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: 'event 2',
|
|
|
+ start: '2016-08-17T09:00',
|
|
|
+ end: '2016-08-17T11:00'
|
|
|
+ }
|
|
|
+ ];
|
|
|
+ });
|
|
|
+
|
|
|
+ it('renders times', function() {
|
|
|
+ $('#cal').fullCalendar(options);
|
|
|
+
|
|
|
+ var events = getEventInfo();
|
|
|
+
|
|
|
+ expect(events.length).toBe(2);
|
|
|
+ expect(events[0].title).toBe('event 1');
|
|
|
+ expect(events[0].timeText).toBe('7:00am');
|
|
|
+ expect(events[1].title).toBe('event 2');
|
|
|
+ expect(events[1].timeText).toBe('9:00am - 11:00am');
|
|
|
+ });
|
|
|
+
|
|
|
+ it('doesn\'t render times when displayEventTime is false', function() {
|
|
|
+ options.displayEventTime = false;
|
|
|
+ $('#cal').fullCalendar(options);
|
|
|
+
|
|
|
+ var events = getEventInfo();
|
|
|
+
|
|
|
+ expect(events.length).toBe(2);
|
|
|
+ expect(events[0].title).toBe('event 1');
|
|
|
+ expect(events[0].timeText).toBe('');
|
|
|
+ expect(events[1].title).toBe('event 2');
|
|
|
+ expect(events[1].timeText).toBe('');
|
|
|
+ });
|
|
|
+
|
|
|
+ it('doesn\'t render end times when displayEventEnd is false', function() {
|
|
|
+ options.displayEventEnd = false;
|
|
|
+ $('#cal').fullCalendar(options);
|
|
|
+
|
|
|
+ var events = getEventInfo();
|
|
|
+
|
|
|
+ expect(events.length).toBe(2);
|
|
|
+ expect(events[0].title).toBe('event 1');
|
|
|
+ expect(events[0].timeText).toBe('7:00am');
|
|
|
+ expect(events[1].title).toBe('event 2');
|
|
|
+ expect(events[1].timeText).toBe('9:00am');
|
|
|
+ });
|
|
|
+
|
|
|
+ // regression test for when localized event dates get unlocalized and leak into view rendering
|
|
|
+ it('renders dates and times in locale', function() {
|
|
|
+ options.locale = 'fr';
|
|
|
+ $('#cal').fullCalendar(options);
|
|
|
+
|
|
|
+ var days = getDayInfo();
|
|
|
+ var events = getEventInfo();
|
|
|
+
|
|
|
+ expect(days.length).toBe(2);
|
|
|
+ expect(days[0].date.format()).toEqual('2016-08-15');
|
|
|
+ expect(days[0].mainText).toEqual('lundi');
|
|
|
+ expect(days[0].altText).toEqual('15 août 2016');
|
|
|
+ expect(days[1].date.format()).toEqual('2016-08-17');
|
|
|
+ expect(days[1].mainText).toEqual('mercredi');
|
|
|
+ expect(days[1].altText).toEqual('17 août 2016');
|
|
|
+
|
|
|
+ expect(events.length).toBe(2);
|
|
|
+ expect(events[0].title).toBe('event 1');
|
|
|
+ expect(events[0].timeText).toBe('07:00');
|
|
|
+ expect(events[1].title).toBe('event 2');
|
|
|
+ expect(events[1].timeText).toBe('09:00 - 11:00');
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+ describe('when multi-day', function() {
|
|
|
+ beforeEach(function() {
|
|
|
+ options.nextDayThreshold = '00:00';
|
|
|
+ options.events = [
|
|
|
+ {
|
|
|
+ title: 'event 1',
|
|
|
+ start: '2016-08-15T07:00',
|
|
|
+ end: '2016-08-17T11:00'
|
|
|
+ }
|
|
|
+ ];
|
|
|
+ });
|
|
|
+
|
|
|
+ it('renders partial and full days', function() {
|
|
|
+ $('#cal').fullCalendar(options);
|
|
|
+
|
|
|
+ var events = getEventInfo();
|
|
|
+
|
|
|
+ expect(events.length).toBe(3);
|
|
|
+ expect(events[0].title).toBe('event 1');
|
|
|
+ expect(events[0].timeText).toBe('7:00am - 12:00am');
|
|
|
+ expect(events[1].title).toBe('event 1');
|
|
|
+ expect(events[1].timeText).toBe('all-day');
|
|
|
+ expect(events[2].title).toBe('event 1');
|
|
|
+ expect(events[2].timeText).toBe('12:00am - 11:00am');
|
|
|
+ });
|
|
|
+ });
|
|
|
+
|
|
|
+ it('renders same days when equal to nextDayThreshold', function() {
|
|
|
+ options.nextDayThreshold = '09:00';
|
|
|
options.events = [
|
|
|
{
|
|
|
title: 'event 1',
|
|
|
- start: '2016-08-15T07:00'
|
|
|
- },
|
|
|
- {
|
|
|
- title: 'event 2',
|
|
|
- start: '2016-08-17T09:00',
|
|
|
- end: '2016-08-17T11:00',
|
|
|
+ start: '2016-08-15T07:00',
|
|
|
+ end: '2016-08-17T09:00'
|
|
|
}
|
|
|
];
|
|
|
- });
|
|
|
|
|
|
- it('renders times', function() {
|
|
|
$('#cal').fullCalendar(options);
|
|
|
|
|
|
var events = getEventInfo();
|
|
|
|
|
|
- expect(events.length).toBe(2);
|
|
|
+ expect(events.length).toBe(3);
|
|
|
expect(events[0].title).toBe('event 1');
|
|
|
- expect(events[0].timeText).toBe('7:00am');
|
|
|
- expect(events[1].title).toBe('event 2');
|
|
|
- expect(events[1].timeText).toBe('9:00am - 11:00am');
|
|
|
+ expect(events[0].timeText).toBe('7:00am - 12:00am');
|
|
|
+ expect(events[1].title).toBe('event 1');
|
|
|
+ expect(events[1].timeText).toBe('all-day');
|
|
|
+ expect(events[2].title).toBe('event 1');
|
|
|
+ expect(events[2].timeText).toBe('12:00am - 9:00am');
|
|
|
});
|
|
|
|
|
|
- it('doesn\'t render times when displayEventTime is false', function() {
|
|
|
- options.displayEventTime = false;
|
|
|
- $('#cal').fullCalendar(options);
|
|
|
-
|
|
|
- var events = getEventInfo();
|
|
|
-
|
|
|
- expect(events.length).toBe(2);
|
|
|
- expect(events[0].title).toBe('event 1');
|
|
|
- expect(events[0].timeText).toBe('');
|
|
|
- expect(events[1].title).toBe('event 2');
|
|
|
- expect(events[1].timeText).toBe('');
|
|
|
- });
|
|
|
+ it('renders fewer days when before nextDayThreshold', function() {
|
|
|
+ options.nextDayThreshold = '09:00';
|
|
|
+ options.events = [
|
|
|
+ {
|
|
|
+ title: 'event 1',
|
|
|
+ start: '2016-08-15T07:00',
|
|
|
+ end: '2016-08-17T08:00'
|
|
|
+ }
|
|
|
+ ];
|
|
|
|
|
|
- it('doesn\'t render end times when displayEventEnd is false', function() {
|
|
|
- options.displayEventEnd = false;
|
|
|
$('#cal').fullCalendar(options);
|
|
|
|
|
|
var events = getEventInfo();
|
|
|
|
|
|
expect(events.length).toBe(2);
|
|
|
expect(events[0].title).toBe('event 1');
|
|
|
- expect(events[0].timeText).toBe('7:00am');
|
|
|
- expect(events[1].title).toBe('event 2');
|
|
|
- expect(events[1].timeText).toBe('9:00am');
|
|
|
+ expect(events[0].timeText).toBe('7:00am - 12:00am');
|
|
|
+ expect(events[1].title).toBe('event 1');
|
|
|
+ expect(events[1].timeText).toBe('12:00am - 8:00am');
|
|
|
});
|
|
|
+ });
|
|
|
|
|
|
- // regression test for when localized event dates get unlocalized and leak into view rendering
|
|
|
- it('renders dates and times in locale', function() {
|
|
|
- options.locale = 'fr';
|
|
|
+ describe('when an event has no title', function() {
|
|
|
+ it('renders no text for its title', function() {
|
|
|
+ options.events = [
|
|
|
+ {
|
|
|
+ start: '2016-08-15'
|
|
|
+ }
|
|
|
+ ];
|
|
|
$('#cal').fullCalendar(options);
|
|
|
|
|
|
- var days = getDayInfo();
|
|
|
var events = getEventInfo();
|
|
|
|
|
|
- expect(days.length).toBe(2);
|
|
|
- expect(days[0].date.format()).toEqual('2016-08-15');
|
|
|
- expect(days[0].mainText).toEqual('lundi');
|
|
|
- expect(days[0].altText).toEqual('15 août 2016');
|
|
|
- expect(days[1].date.format()).toEqual('2016-08-17');
|
|
|
- expect(days[1].mainText).toEqual('mercredi');
|
|
|
- expect(days[1].altText).toEqual('17 août 2016');
|
|
|
-
|
|
|
- expect(events.length).toBe(2);
|
|
|
- expect(events[0].title).toBe('event 1');
|
|
|
- expect(events[0].timeText).toBe('07:00');
|
|
|
- expect(events[1].title).toBe('event 2');
|
|
|
- expect(events[1].timeText).toBe('09:00 - 11:00');
|
|
|
+ expect(events.length).toBe(1);
|
|
|
+ expect(events[0].title).toBe('');
|
|
|
+ expect(events[0].timeText).toBe('all-day');
|
|
|
});
|
|
|
});
|
|
|
|
|
|
@@ -135,6 +255,92 @@ describe('ListView rendering', function() {
|
|
|
});
|
|
|
});
|
|
|
|
|
|
+ it('sorts events correctly', function() {
|
|
|
+ options.now = '2016-08-29';
|
|
|
+ options.events = [
|
|
|
+ {
|
|
|
+ title: 'All Day Event',
|
|
|
+ start: '2016-08-29'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: 'Long Event',
|
|
|
+ start: '2016-08-28',
|
|
|
+ end: '2016-09-04'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: 'Meeting',
|
|
|
+ start: '2016-08-29T10:30:00'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: 'Lunch',
|
|
|
+ start: '2016-08-30T12:00:00'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: 'Meeting',
|
|
|
+ start: '2016-08-30T14:30:00'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: 'Happy Hour',
|
|
|
+ start: '2014-11-12T17:30:00'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: 'Dinner',
|
|
|
+ start: '2014-11-12T20:00:00'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: 'Birthday Party',
|
|
|
+ start: '2016-08-29T07:00:00'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: 'Click for Google',
|
|
|
+ url: 'http://google.com/',
|
|
|
+ start: '2016-08-31'
|
|
|
+ }
|
|
|
+ ];
|
|
|
+
|
|
|
+ $('#cal').fullCalendar(options);
|
|
|
+
|
|
|
+ var days = getDayInfo();
|
|
|
+ var events = getEventInfo();
|
|
|
+
|
|
|
+ expect(days.length).toBe(7);
|
|
|
+ expect(days[0].date.format()).toEqual('2016-08-28');
|
|
|
+ expect(days[1].date.format()).toEqual('2016-08-29');
|
|
|
+ expect(days[2].date.format()).toEqual('2016-08-30');
|
|
|
+ expect(days[3].date.format()).toEqual('2016-08-31');
|
|
|
+ expect(days[4].date.format()).toEqual('2016-09-01');
|
|
|
+ expect(days[5].date.format()).toEqual('2016-09-02');
|
|
|
+ expect(days[6].date.format()).toEqual('2016-09-03');
|
|
|
+
|
|
|
+ expect(events.length).toBe(13);
|
|
|
+ expect(events[0].title).toBe('Long Event');
|
|
|
+ expect(events[0].timeText).toBe('all-day');
|
|
|
+ expect(events[1].title).toBe('Long Event');
|
|
|
+ expect(events[1].timeText).toBe('all-day');
|
|
|
+ expect(events[2].title).toBe('All Day Event');
|
|
|
+ expect(events[2].timeText).toBe('all-day');
|
|
|
+ expect(events[3].title).toBe('Birthday Party');
|
|
|
+ expect(events[3].timeText).toBe('7:00am');
|
|
|
+ expect(events[4].title).toBe('Meeting');
|
|
|
+ expect(events[4].timeText).toBe('10:30am');
|
|
|
+ expect(events[5].title).toBe('Long Event');
|
|
|
+ expect(events[5].timeText).toBe('all-day');
|
|
|
+ expect(events[6].title).toBe('Lunch');
|
|
|
+ expect(events[6].timeText).toBe('12:00pm');
|
|
|
+ expect(events[7].title).toBe('Meeting');
|
|
|
+ expect(events[7].timeText).toBe('2:30pm');
|
|
|
+ expect(events[8].title).toBe('Long Event');
|
|
|
+ expect(events[8].timeText).toBe('all-day');
|
|
|
+ expect(events[9].title).toBe('Click for Google');
|
|
|
+ expect(events[9].timeText).toBe('all-day');
|
|
|
+ expect(events[10].title).toBe('Long Event');
|
|
|
+ expect(events[10].timeText).toBe('all-day');
|
|
|
+ expect(events[11].title).toBe('Long Event');
|
|
|
+ expect(events[11].timeText).toBe('all-day');
|
|
|
+ expect(events[12].title).toBe('Long Event');
|
|
|
+ expect(events[12].timeText).toBe('all-day');
|
|
|
+ });
|
|
|
+
|
|
|
function getDayInfo() {
|
|
|
return $('.fc-list-heading').map(function(i, el) {
|
|
|
el = $(el);
|
|
|
@@ -146,11 +352,11 @@ describe('ListView rendering', function() {
|
|
|
}).get();
|
|
|
}
|
|
|
|
|
|
- function getEventInfo() {
|
|
|
+ function getEventInfo() { // gets all *segments*
|
|
|
return $('.fc-list-item').map(function(i, el) {
|
|
|
el = $(el);
|
|
|
return {
|
|
|
- title: el.find('.fc-list-item-title').text(), // text!
|
|
|
+ title: el.find('.fc-list-item-title').text() || '', // text!
|
|
|
timeText: el.find('.fc-list-item-time').text() || '' // text!
|
|
|
};
|
|
|
}).get();
|
Axel Duch