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();
  });
});

0 ответов

Другие вопросы по тегам