How to make a chainable command in cypress?

user_9923709 0
Viewed 1250

Let's say I have a variable username.

Now, my chainable function wants to check if the username is empty or not.

Before:

if(username !== "") {
   cy.get('#username').type(username)
}

After (Expectation):

cy.get('#username').type(username).ifNotEmpty()        //ifNotEmpty will be my chainable func

So my question is Is this even possible? If yes, then how?

npm cypress node.js testing javascript
2 Answers

You probably just want to make a .type() variation

Cypress.Commands.add('typeIfNotEmpty', { prevSubject: true }, (subject, textToType) => {
  if (textToType) {
   cy.wrap(subject).type(textToType)
  }
  return subject  // allow further chaining
})

cy.get('#username')
  .typeIfNotEmpty(username)
  .should(...)               // some assertion on '#username' element
user_169977070

You can add a custom Cypress command to achieve this. These are called child commands. More information here.

Cypress.Commands.add('ifNotEmpty', { prevSubject: true }, (subject) => {
  // code
})
user_116258500
Related