'JEST Change react-calendar value

I'm implementing some tests for a search component in which I'm using react-calendar and I need to perform some test to the calendar too by changing its value...

For now, I cannot change the calendar's value with

fireEvent.change(getByTestId(/test-checkIn-calendar/).children[1], {target: {value: new Date()})

Im using children prop cause I cannot put a data-testid on my calendar component:

<CalendarContainer id="checkOut" data-testid="test-checkOut-calendar">
  <SearchLabel>{t("search.checkoutDate")}</SearchLabel>
  <Calendar
  className="react-calendar checkIn-picker"
  onChange={onCheckOutChange}
  value={checkOutDate}
  minDate={checkInDate as unknown as Date}
  />
</CalendarContainer>

but I'm getting this error:

The given element does not have a value setter

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source

'JEST Change react-calendar value

Sources

Related Questions