Overview
Learn how to write tests in Next.js using React Testing Library, Jest, and TypeScript. This tutorial guides you through setting up testing in Next.js 13 with App Router and TypeScript, helping you write your initial tests in Next.js. The course covers creating a Next.js project, adding dependencies, addressing issues with Next.js & Jest, configuring Jest, setting up ESLint, writing component tests following the AAA pattern, and conducting multiple tests for the same component. The teaching method involves step-by-step instructions and practical demonstrations. This course is designed for beginners interested in web development and testing in Next.js with React Testing Library, Jest, and TypeScript.
Syllabus
Intro
Welcome
Lesson Goals
Create a Next.js Project
Add dependencies
Current issue with Next.js & Jest
Add scripts
Jest config
Jest setup
ESLint
Writing Your First Component Test & AAA Pattern
Multiple Tests for the Same Component
For More Information
Taught by
Dave Gray