A Better Way to Front-end Test

Learn how to stub AJAX requests in Cypress to test the front-end application.

We'll cover the following


Stubbing an AJAX request is easy and advantageous with Cypress because it allows us to concentrate on testing the front-end application instead of both the front-end and back-end. This is helpful because E2E tests are often considered the only solution to front-end testing problems. But they come with so many disadvantages that they are often discouraged by many developers.

Two of the three main E2E testing problems are front-end developer independence and edge case replication. Both of these issues can be combated easily with UI Integration Testing and back-end stubs. For instance, we can test the error paths that might happen in our registration flow. At the moment, our integration signup flow looks like the following:

Signup flow

Get hands-on with 1200+ tech skills courses.