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 Using Spies 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: Test the Order of Display

Learn the correct answer to the challenge.

We'll cover the following...

Solution
Explanation
Note

Solution

To prove that our sorting ...

Ask