Unit Testing Next.js Router - useRouter - React.js Testing Tutorial #9

Veröffentlicht am: 02 November 2021
auf dem Kanal: Bruno Antunes
17,525
458

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!