Question

73

Overwriting an existing command with Cypress

rated 0 times [ 74] [ 1] / answers: 1 / hits: 5280 / 4 Years ago, wed, may 13, 2020, 12:00:00

I'm trying to overwrite an existing command in Cypress.io. I'm looking to log() a route response's status & the route's url to extend the functionality of the built-in route(). Unfortunately, I get this message The route undefined had a undefined status code. in the console. Note, I'm using the browser's console momentarily. Eventually, I'll use the log() built-in method. This is what I have tried so far:

cypress/support/commands.js

Cypress.Commands.overwrite('route', (originalFn, response) => {

  console.log(`The route ${response.url} had a ${response.status} status code.`);



  return originalFn(response);

});

Update:

I'm getting the route now, but I still don't get response or status. This is my current code:

Cypress.Commands.overwrite('route', (originalFn, url, response) => {

  console.log(`The route ${url} had ${response} status code`);

  return originalFn(url, response);

});

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

wilson

Add To Favorites

Follow

Total Points: 27

Total Questions: 93

Total Answers: 93

Location: Tajikistan

Member since Sun, Aug 29, 2021

3 Years ago

wilson questions

1 Discord.js v14 how to handle button interactions

Tue, Aug 9, 22, 00:00, 2 Years ago

1 Post Request net::ERR_CONNECTION_REFUSED

Wed, May 11, 22, 00:00, 2 Years ago

1 I can't use the apploading on my react native. It wont work properly

Sat, Dec 12, 20, 00:00, 3 Years ago

1 Should I use useRef for storing one-time initialised data?

Wed, May 20, 20, 00:00, 4 Years ago

1 Utility functions in Vue component inside or outside component

Wed, Sep 25, 19, 00:00, 5 Years ago

View All

answered 4 Years ago kaitlynd · Accepted Answer

When using the pattern cy.route(method, url, response), the response parameter is use to stub the call and return the supplied response to your app, see (route() - Arguments)

response (String, Object, Array)

Supply a response body to stub in the matching route.

Note that creating an overwrite of cy.route() will be hooking into the route configuration, not the capture of the route.

The pattern cy.route(options) has an onResponse option which can be used to console.log() the response, but cy.log() does not work there, probably because we invoke a command inside a command.

Cypress.log() can be used instead.

cy.route({

  url: 'http://example.com',

  method: 'GET',

  onResponse: (response => {

    const message = `The route '${response.url}' had a ${response.status} status code.`;

    const log = Cypress.log({

      displayName: 'Route debugging',

      message: message,

      consoleProps: () => {

        // return an object which will

        // print to dev tools console on click

        return {

          message: message,

        }

      }

    })

    log.finish();  // remove log spinner

  })

})



/*

  Command log output:



    ROUTE DEBUGGING

    The route 'http://example.com' had a 200 status code.



*/