Testing Next.js Apps with Jest, Testing Library and Cypress

Comprehensive Next.js App Testing

This course teaches how to test all aspects of a Next.js application, including:

1. UI unit tests

2. API unit tests

3. Next.js routes

4. Cached pages

5. Data updates (both to the cache and via SWR refresh interval)

6. Authentication

7. End-to-End tests for a complete user flow

The course uses a cross-section of testing technologies, featuring: 

1. Jest

2. React Testing Library

3. Mock Service Worker

4. Cypress

5. Cypress Testing Library

You'll also learn a wide array of testing techniques, such as:

1. Using a test database

2. Environment variables

3. Jest module mocking

4. Testing definitions and tradeoffs (not necessarily a technique, but helpful in making decisions about what to test!)

Practice what you've learned

The course includes "code quizzes" -- challenges to write code based on the concepts you've just learned. For more concept-heavy sections (such as testing definitions and guidelines) the course provides multiple-choice quizzes.

Test a pre-written app

A Next.js app has already been written for the course, so the course content can focus on testing. The course tests a popular concert venue app called... Popular Concert Venue (the owners were apparently running low on creativity when they named the place). The app features shows from bands such as The Joyous Nun Riot and Avalanche of Cheese. Randomized, mad-libs style band descriptions and images add to the fun.