Next.js with React testing library, Jest, TypeScript

Channel	Publish Date	Thumbnail & View Count	Download Video
	Publish Date not found	0 Views	View on YouTube Download Video

Web Development Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap

Learn how to write tests in Next.js using the React Testing Library, Jest, and TypeScript. This tutorial will walk you through setting up testing in Next.js 13 with App Router and TypeScript. Write your first tests in Next.js!

Support me on Patreon https://patreon.com/davegray

Become a full-stack web developer with Zero To Mastery courses:
– Complete Next.js developer: https://bit.ly/CompNextJSDev
– Advanced React: https://bit.ly/AdvReactDev
– Roadmap for junior to senior developers: https://bit.ly/WebDevRoadmap-JrtoSr

Subscribe https://bit.ly/3nGHmNn

Course updates https://courses.davegray.codes/

Questions – Please post them on my Discord https://discord.gg/neKghyefqh

Buy me a coffee https://www.buymeacoffee.com/davegray

Follow me on social media:
GitHub: https://github.com/gitdagray
Twitter: https://twitter.com/yesdavidgray
LinkedIn: https://www.linkedin.com/in/davidagray/

Source code: https://github.com/gitdagray/next-testing-intro
Testing your code playlist: https://www.youtube.com/playlist?list=PL0Zuz27SZ-6NTWVG8eM7Dt43vvzulnIbK

Next.js testing introduction with React Testing Library, Jest, TypeScript

(00:00) Introduction
(00:11) Welcome
(00:35) Teaching objectives
(01:06) Create a Next.js project
(02:50) Add dependencies
(04:11) Current problem with Next.js & Jest
(06:17) Add scripts
(06:49) Jest configuration
(10:04) Jest Setup
(10:33) ESLint
(12:17) Writing your first unit test and AAA pattern
(19:20) Multiple tests for the same component
(23:49) More information

Tutorial References:
Official Next.js site: https://nextjs.org/
React testing library: https://testing-library.com/docs/react-testing-library/intro
Jest: https://jestjs.io/
TypeScript: https://www.typescriptlang.org/

Was this tutorial on getting started with Jest, React Testing Library and TypeScript in Next.js helpful? If so, please share it. Let me know what you think in the comments.

#nextjs #react #testing