Name: Stub an API Request Status Code and Error Message with cy.intercept
Uploaded: 2021-11-10T16:34:54-06:00
Description: Frontend application can react differently to various server responses. One way to test the application behavior is to change response status code. .intercept() command in Cypress has the ability to stub the status code and error message that the server would provide on error.

Simulate a Network Error Using .intercept() Command

Stub an API Request Status Code and Error Message with cy.intercept

Change a Response Body with cy.intercept to Provide Your Own Data in an API Call

Use a Fixture in Cypress to Provide Response Data to Network Requests

Configure cy.intercept to Only Intercept a Network Request Once 

Dynamically Add Queries in Cypress Intercept Function Requests

Dynamically Combine Real and Mocked Response Body Data in Cypress

Prevent Response Caching in Cypress by Deleting 'if-none-match' Request Header

Test Slow Network Conditions in Cypress by Throttling and Delaying Intercepted Requests

Send Network Requests with Authorization Headers in an Intercepted Request with Cypress

Test Network Edge Cases with cy.intercept() Command in Cypress

Frontend application can react differently to various server responses. One way to test the application behavior is to change response status code. .intercept() command in Cypress has the ability to stub the status code and error message that the server would provide on error.

https://app.egghead.io/api/v1/lessons/cypress-stub-an-api-request-status-code-and-error-message-with-cy-intercept/subtitles

Instructor: [0:00] Besides simulating a general network error, I can change the status code of my API request. When I type status code 500 and Save my test, you can see that the error code is rendered in my application.

[0:19] The app also renders the error message that the API will provide. If I want to change this fallback message into something else, I can type body and the property message will be "Oops, something went wrong." When I Save my test, you'll see that the message is rendered over here.

Stub an API Request Status Code and Error Message with cy.intercept

Share this video with your friends

Course

Test Network Edge Cases with cy.intercept() Command in Cypress