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

Learn how to test your Next.js app from top to bottom! Tests provide confidence that your Next.js app won’t be released with embarrassing, costly bugs. Employers need developers who know how to write tests!

Comprehensive Next.js App Testing

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

UI unit tests

API unit tests

Next.js routes

Cached pages

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

Authentication

End–to–End tests for a complete user flow

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

Jest

React Testing Library

Mock Service Worker

Cypress

Cypress Testing Library

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

Using a test database

Environment variables

Jest module mocking

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.