How can I use Cypress to intercept network requests?

How can I use Cypress to intercept network requests?

You can use the cy.intercept() command in Cypress to intercept and modify network requests. This allows you to stub responses or monitor requests.

Can you show me an example of how to use it?

Sure! Here's a simple example:

cy.intercept('GET', '/api/users', { fixture: 'users.json' }).as('getUsers');
cy.visit('/users');
cy.wait('@getUsers');

This intercepts a GET request to /api/users and serves a fixture file instead.

What if I want to change the response dynamically?

You can use a function to dynamically modify the response. For example:

cy.intercept('GET', '/api/users', (req) => {
  req.reply({ id: 1, name: 'John Doe' });
});

Can I also intercept POST requests?

Yes, you can intercept POST requests in the same way. Just change the method in the cy.intercept() command to 'POST'.