Cypress TypeError : Cannot read properties of undefined (reading 'then')

Question

I have this function below :- checkStatusCode

I check if a response is OK then I try to return a value and based on that I try to visit the URL (ex:- if response status is 200)

  checkStatusCode(href) {
    cy.request({
      url: href,
      failOnStatusCode: false,
    }).then((response) => {
      expect(response.status).to.eq(200);
      return true;
    });
  }

This is how I call the function, but I am getting following Cypress error

Cannot read properties of undefined (reading 'then')

even if the assertion expect(response.status).to.eq(200) passes, what am I doing wrong here?

navigatetoHomepage(url) {
    this.checkStatusCode(url).then((isStatus200) => {
      if (isStatus200) {
        cy.visit(url);
      } else {
        cy.log("Fail");
      }
    });
  }

checkStatusCode(href) does not return anything. Thus, when you do checkStatusCode(href).then(...) you are calling then on a value of undefined — derpirscher
– derpirscher, Commented Aug 5, 2024 at 8:33
checkStatusCode doesn't return anything, nor is async, therefore it only returns undefined, not a promise. — VLAZ
– VLAZ, Commented Aug 5, 2024 at 8:33
This question is similar to: How do I return the response from an asynchronous call?. If you believe it’s different, please edit the question, make it clear how it’s different and/or how the answers on that question are not helpful for your problem. — derpirscher
– derpirscher, Commented Aug 5, 2024 at 8:33

user21513198 · Accepted Answer · 2024-08-05 09:21:16Z

3

If you return the cy.request() from the function you can apply .then() after the call, but that still won't do what you want to do.

The expect() in the function negates the failOnStatusCode: false setting, because if status is not 200 the test stops there.

Instead you should return true or false depending on the status code, and your main test can use it appropriately.

checkStatusCode(href) {
  return cy.request({
    url: href,
    failOnStatusCode: false,
  }).then((response) => {
    return response.status === 200;
  })
}

answered Aug 5, 2024 at 9:21

user21513198

Sign up to request clarification or add additional context in comments.

Comments

user21415139 · Accepted Answer · 2024-08-05 10:06:33Z

2

You can apply failOnStatusCode directly to the cy.visit() command.

For example

const url = 'https://cypress.io/not-a-valid-page'
cy.intercept(url).as('url')
cy.visit(url, {failOnStatusCode: false})

cy.wait('@url')
  .its('response')
  .then(response => {
    expect(response.statusCode).not.to.eq(200)
  })

answered Aug 5, 2024 at 10:06

user21415139

1 Comment

Claude Over a year ago

This works too!

Collectives™ on Stack Overflow

Cypress TypeError : Cannot read properties of undefined (reading 'then')

2 Answers 2

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related