Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap
Learn how to write tests in Next.js with React Testing Library, Jest, and TypeScript. This tutorial takes you through the setup for testing in Next.js 13 with App Router and TypeScript stepbystep. Write your first tests in Next.js!
Support me on Patreon ➜ / davegray
⭐ Become a fullstack web dev with Zero To Mastery Courses:
Complete Next.js Developer: https://bit.ly/CompNextJSDev
Advanced React: https://bit.ly/AdvReactDev
Junior to Senior Dev Roadmap: https://bit.ly/WebDevRoadmapJrtoSr
Subscribe ➜ https://bit.ly/3nGHmNn
Course Updates ➜ https://courses.davegray.codes/
❓ Questions Please post them to my Discord ➜ / discord
☕ Buy Me A Coffee ➜ https://www.buymeacoffee.com/davegray
Follow Me On Social Media:
GitHub: https://github.com/gitdagray
Twitter: / yesdavidgray
LinkedIn: / davidagray
Source Code: https://github.com/gitdagray/nexttes...
"Testing Your Code" playlist: • Testing Your Code
Next.js Testing Introduction with React Testing Library, Jest, TypeScript
(00:00) Intro
(00:11) Welcome
(00:35) Lesson Goals
(01:06) Create a Next.js Project
(02:50) Add dependencies
(04:11) Current issue with Next.js & Jest
(06:17) Add scripts
(06:49) Jest config
(10:04) Jest setup
(10:33) ESLint
(12:17) Writing Your First Component Test & AAA Pattern
(19:20) Multiple Tests for the Same Component
(23:49) For More Information
Tutorial References:
Next.js Official Site: https://nextjs.org/
React Testing Library: https://testinglibrary.com/docs/reac...
Jest: https://jestjs.io/
TypeScript: https://www.typescriptlang.org/
Was this tutorial about getting started with Jest, React Testing Library and TypeScript in Next.js helpful? If so, please share. Let me know your thoughts in the comments.
#nextjs #react #testing