Name: Change a Response Body with cy.intercept to Provide Your Own Data in an API Call
Uploaded: 2021-11-10T16:44:12-06:00
Description: With .intercept() command, we can change the response body. This enables us to provide our own response instead of the real one coming from server. We can then test our application’s behavior under different situations and test different edge cases.

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

With .intercept() command, we can change the response body. This enables us to provide our own response instead of the real one coming from server. We can then test our application’s behavior under different situations and test different edge cases.

https://app.egghead.io/api/v1/lessons/cypress-change-a-response-body-with-cy-intercept-to-provide-your-own-data-in-an-api-call/subtitles

Instructor: [0:00] Whenever my application is opened, it will fire this GET /api/boards request. This request will fetch the list of all of the boards. I can see it printed out in a console when I click on the line in the Cypress Runner. Here, I can see that the response body is an array of objects, and each of those objects will get rendered as an item in my list.

[0:25] With .intercept(), I can change this response body and, instead, provide my own data. I will type body, and we'll give that a value of empty array. When I now Save my test, I can see my application rendered as if I had no boards in my database.

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

Share this video with your friends

Course

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