Testing · Middle · Question 29 of 75

How do you test a component that depends on the current route (React Router)?

✓Correct answer: Render it inside createMemoryRouter/MemoryRouter with initialEntries
2Change window.location.href in the test
3Mock useParams globally

Explanation

A memory router gives a real navigation context without a browser URL.

Further reading

React Router: createMemoryRouter ↗

Test yourself

Take the Testing · Middle quiz: questions and options are shuffled, and you get a review of your mistakes at the end.