Cypress return value in class method

Question

I am trying to apply the Page Object Model (POM) to some tests using Cypress.

Unfortunaly I can't read some webelement value and return it as a method or function value. I needed to make something like these to work:

var1 = cy.get("input#inpUserName").then(($var1) => {
    cy.log($var1.val());
})

cy.log(var1)

But all I could do was:

cy.get("input#inpUserName").then(($var1) => {
    cy.log($var1.val());
})

For what I researched I think there is no solution for that with Cypress. But I'd like to see if anyone has any suggestion about it.

Fody · Accepted Answer · 2022-10-31 23:12:04Z

0

You can return a value from a POM method, but it is Promise-like so you use .then() to access the value.

class Login {
  ...
  username() {
    return cy.get("input#inpUserName").then(($var1) => {
      return $var1.val()
    })
  }
}

...

const login = new Login()

login.username().then(username => {
  expect(username).to.eq('Joe')
})

answered Oct 31, 2022 at 23:12

Fody

21.2k4 gold badges39 silver badges57 bronze badges

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

Collectives™ on Stack Overflow

Cypress return value in class method

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related