Fullcalendar.io показать больше ссылок (dayMaxEvents) тесты не работают в библиотеке тестирования vue
Я использую полный календарь v5 и тестовую библиотеку/vue для тестов. Я пытаюсь протестировать показ большего количества событий во всплывающем окне. Но хотя я даю события более 4, ссылка показать больше не загружается в календарь, и она никогда не работает с функцией moreLinkDidMount. Когда я устанавливаю свойство daymaxEvents равным нулю, оно показывает ссылку, и работает функция moreLinkDidMount. Что мне не хватает?
Вот мои коды;
import FullCalendar from '@fullcalendar/vue';
import dayGridPlugin from '@fullcalendar/daygrid';
import trLocale from '@fullcalendar/core/locales/tr';
<FullCalendar :options="calendarOptions" />
data () {
return {
calendarOptions: {
eventDisplay: 'block',
headerToolbar: false,
dayHeaders: false,
locales: [trLocale],
plugins: [ dayGridPlugin ],
initialView: 'dayGridMonth',
weekends: true,
dayMaxEvents: 4,
dayPopoverFormat: { day: 'numeric' },
displayEventTime: false,
events: [],
moreLinkDidMount: (arg) => {
console.log(arg);
},
},
};
},
async mounted () {
await this.getAllEvents();
},
async getAllEvents () {
const startDate = this.currentStartDate;
const endDate = this.currentEndDate;
await this.getEvents({ startDate, endDate }); // Data that comes from API are added in
calendar options events
},
Вот мои тестовые коды;
import { screen, waitFor,render } from '@testing-library/vue';
import FullCalendar from '@/views/Calendar/FullCalendar';
import { getMockEventItem } from '../../../mocks/eventItem.mock';
it('should show more link when event count is bigger than 4', async () => {
// given
const events = [
getMockEventItem(),
getMockEventItem(),
getMockEventItem(),
getMockEventItem(),
getMockEventItem(),
];
calendarService.getEvents.mockResolvedValue(events);
render(FullCalendar);
await waitFor(() => {
expect(document.querySelector('.fc-daygrid-more-link.fc-more-link')).toBeInTheDocument();
});
});