How to Intercept Network Requests in Cypress

To intercept network requests in Cypress we can use the cy.intercept command, passing the URL we want to intercept, and a mock JSON file that we want to return as a response:

// Using a fixture as a mock response:
cy.intercept('/api', { fixtures: 'response.json' });

We can also customize the parameters by passing a configuration object to the intercept command:

cy.intercept({
  method: 'GET',
  query: {
    limit: 10
  },
  path: '/api'
});

If you want to specifically test a failure path and see how your application behaves when things go wrong, we can also mock the status code and return 500 for example:

cy.intercept('GET', '/api', {
  statusCode: 500
});

Want to learn Cypress from end to end? Check out my Cypress course on Educative where I cover everything:

Get access to 300+ webtips 💌

Level up your skills and master the art of frontend development with bite-sized tutorials.

We don't spam. Unsubscribe anytime.

Get Access to Webtips

---

Resources:

• Official documentation for the intercept command
• Documentation for fixtures