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

Publié le: 02 novembre 2021
sur la chaîne: 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


Sur cette page du site, vous pouvez voir la vidéo en ligne Unit Testing Next.js Router - useRouter - React.js Testing Tutorial #9 durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur Bruno Antunes 02 novembre 2021, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 17,525 fois et il a aimé 458 téléspectateurs. Bon visionnage!