(test) O3-3853: Add Unit Tests for Datepicker Component #1130
Conversation
|
Hi @NethmiRodrigo, requesting your review here. |
There was a problem hiding this comment.
Thanks for taking this up @sachithasamadhib! Some suggestions to the test cases, also please check your test cases which are failing
|
|
||
| it('renders without crashing', () => { | ||
| render(<OpenmrsDatePicker />); | ||
| expect(screen.getByRole('button')).toBeInTheDocument(); |
There was a problem hiding this comment.
I think we could make this slightly more comprehensive to check if the input field is there and if the calendar grid appears when we click on the calendar icon and expect the month and year on the calendar grid's header to be the current month and year of the locale (we should probably test this for different locales). @ibacher what do you think?
| it('calls onChange handler with the correct date', () => { | ||
| const onChangeMock = jest.fn(); | ||
| render(<OpenmrsDatePicker onChange={onChangeMock} />); | ||
| fireEvent.click(screen.getByRole('button')); | ||
| const dateToSelect = screen.getByText('15'); | ||
| fireEvent.click(dateToSelect); | ||
|
|
||
| expect(onChangeMock).toHaveBeenCalled(); | ||
| const selectedDate = new Date(onChangeMock.mock.calls[0][0]); | ||
| expect(selectedDate.getDate()).toBe(15); |
There was a problem hiding this comment.
I'm assuming this is testing by clicking on a date on the calendar, if so we should probably assert the month and year as well
| const maxDate = new Date(2023, 11, 31); | ||
| render(<OpenmrsDatePicker minDate={minDate} maxDate={maxDate} />); | ||
|
|
||
| fireEvent.click(screen.getByRole('button')); |
There was a problem hiding this comment.
We should probably use userEvent instead in all the places. Read why - https://ph-fritsche.github.io/blog/post/why-userevent
|
Ya,sure @NethmiRodrigo I will check the test cases which are failing. |
|
Hi @sachithasamadhib, Would it be possible for you to also include a mock implementation for the component? That would be really helpful. i.e to avoid this Thanks again! |
|
@sachithasamadhib are you still working on this? Is it clear to you how to move forward with it? |
brandones
changed the title
yes @brandones I'am still working on this. |
ticket: https://openmrs.atlassian.net/browse/O3-3853
Requirements
feat,fix, orchore, among others). See existing PR titles for inspiration.For changes to apps
If applicable
Summary
The Datepicker component is now integrated with unit tests with including edge cases and error handling to verify its functionality (ticket: https://openmrs.atlassian.net/browse/O3-3853).
Screenshots
Related Issue
Other