Home Cypress conditional statement depending on whether the input field is disabled or not

Questions

Cypress conditional statement depending on whether the input field is disabled or not

February 2, 2022

I have some input fields on a page. They can be disabled or not. So I need to type the text in this field just in case when it’s not disabled. I try to do this way:

      fillPickUpTown(pickUpTown: string) {
        cy.get(`[data-testid="pick-up-town"]`).should('not.be.disabled').then(() => {
         cy.get(`[data-testid="pick-up-town"]`).type(pickUpTown);
        });
      }

But I have failed test with error "Timed out retrying after 10000ms: expected ” not to be ‘disabled’".
How can I type to this field just when it’s not disabled and do nothing when it is?

>Solution :

You can use JQuery :enabled to check and implement If-Else.

fillPickUpTown(pickUpTown: string) {
  cy.get(`[data-testid="pick-up-town"]`).then(($ele) => {
    if ($ele.is(":enabled")) {
      cy.get(`[data-testid="pick-up-town"]`).type(pickUpTown)
    }
  })
}