AI Features

0% completed

All LessonsFree Lessons (4)

Introduction to Next.js and Testing

Introduction to Course What We Will Learn Getting Started Quiz: Testing

Introduction to Cypress

What is Cypress?Selecting Elements With Cypress Making Assertions With Cypress The Pros and Cons of Cypress Quiz: Cypress

Testing a Next.js Application

Introduction to Our Next.js Demo Application Setting Up a Test Environment Organizing Cypress Tests Populating Database for Testing Cleaning Up After the Tests Quiz: Testing Next.js Applications

End-To-End Testing with Cypress

Introduction to the Arrange-Act-Assert Pattern Testing a List Page Creating Database Fixtures Challenge: Test the Order of Display Solution: Test the Order of Display Testing the Detail Page Challenge: Select Elements with Cypress Custom Data Attributes Solution: Select Elements with Cypress Custom Data Attributes Testing the Create Page Interacting with Form Elements Solution: Interacting with Form Elements Asserting Asynchronous Events Challenge: Test Form Inputs with Cypress Solution: Test Form Inputs with Cypress Testing API Routes Challenge: Test API Routes with Cypress Solution: Testing API Routes with Cypress Best Practices of End-To-End Testing The Drawbacks of End-To-End Testing Quiz: End-To-End Testing

Component Testing with Cypress

Introduction to Component Testing

Setting Up the Component Test Environment

Mounting React Components

Challenge: Cypress Component Testing

Solution: Cypress Component Testing

Challenge: Cypress Spies

Solution: Cypress Spies

Drawbacks of Component Testing

Quiz: Component Testing

Course Assessment

Assessment: Testing Next.js Applications with Cypress

Conclusion

Recap Wrap Up Appendix

Project

Product Review and Feedback System Using Next.js

Testing Next.js Applications with Cypress

Solution: Cypress Component Testing

Learn how to mock dates in Cypress component tests.

We'll cover the following...

Explanation

To ...

Ask