In this video we will unit-test components that use the Next.js useRouter hook.
We will also see how to have unit-tests side by side with the pages components, without opening new routes for those .spec.tsx files
GitHub URL: https://github.com/bmvantunes/youtube...
Join the channel to support my content:
/ @brunoantunespt
Follow me on:
Twitter: / bmvantunes
Dev.to: https://dev.to/bmvantunes
Website: https://brunoantunes.net
GitHub: https://github.com/bmvantunes
LinkedIn: / bmvantunes
Timeline:
00:00 Introduction
00:06 Why useRouter() is null in unit tests?
02:10 Common online solution to mock useRouter
02:43 Create Mock Router function
04:35 How to unit test useRouter by providing RouterContext Provider
06:48 Link and useRouter unit-test
08:36 Navigate via code, by calling router.push unit test
11:32 Spec files side by side with page components
#jest #ReactTestingLibrary #nextjs
Auf dieser Seite können Sie das Online-Video Unit Testing Next.js Router - useRouter - React.js Testing Tutorial #9 mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Bruno Antunes 02 November 2021 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 17,525 Mal angesehen und es wurde von 458 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!