Stubbing application requests using cy.intercept
- control-clock-spec.js shows how to reply with different responses to an ajax request
- count-spec.js uses
cy.intercept
andcy.spy|cy.stub
combination to count the number of intercepted network calls - form-spec.js shows how to stub form submission request and verify the submitted form fields (
application/x-www-form-urlencoded
ormultipart/form-data
) - headers-spec.js adds a custom header to the outgoing request. Note that this request header won't be shown by the browser's Network tab, since the request has already left the browser.
- html-css-spec.js modifies the page itself and changes the CSS requested by the page.
- image-spec.js shows how to spy and stub static resources like images
- jsonp-spec.js shows how to spy on or stub a JSONP data request
- loading-element-spec.js shows how to test the loading element that appears while the app is fetching the data
- matching-spec.js shows how the same request can match multiple
cy.intercept
matchers - ping-spec.js shows how to confirm
<a ping="/track">
really is making a POST request - redirect-spec.js shows how to spy on a redirect, and how to stub the redirect response from the server to avoid loading a second domain, for example
- repeat-spec.js stress tests GET and POST calls by running the tests multiple times, as described in Retry, Rerun, Repeat
- spy-on-fetch-spec.js shows how to spy on the
fetch
call - stub-fetch-spec.js shows how to stub
fetch
calls from the application, event depending on the object sent - stubbed-api-spec.js shows how stubbed requests work without any backend API
- times-spec.js shows how to use the
cy.intercept
"times" option
For more cy.intercept
examples and tips read the Cypress cy.intercept Problems blog post