Exercises

The following are some exercises for you to try out:

1. Complete the message property tests on the toBeRenderedWithProps matcher.
2. Add the toBeFirstRenderedWithProps matcher and update your test suite to use this matcher. Since this matcher is very similar to toBeRenderedWithProps, you can add it to the same module file that contains the toBeRenderedWithProps matcher. You can also try to factor out any shared code into its own function that both matchers can use.
3. Add a toBeRendered matcher that checks if a component was rendered without checking its props.
4. Complete the matchers you’ve written so that they throw an exception if the passed argument is not a Jest mock.
5. Create a new component, AppointmentFormLoader, that calls the GET /availableTimeSlots endpoint when mounted. It should render an AppointmentForm component with its appointments prop set to the data returned from the server.