CODEWITHSUNDEEP
waitcypress
Sarmad
Sarmad

Reputation: 307

how to replace explicit wait calls in cypress?

I am facing several situations where an element can't be clicked using cy.get().click() just because the elements have not loaded. However, if i add even the smallest of waits like cy.wait(100); the elements become clickable and my code runs fine.

Can this practice of explicitly calling cy.wait() be avoided?

I think if I can somehow set a fixed wait of cy.wait(100) i.e 0.1ms between all the steps my issue would be addressed but I don't know how to do it. enter image description here

Upvotes: 2

Views: 6891

Answers (2)

vivek awasthi
vivek awasthi

Reputation: 1

One Solution is, you can use Cypress.config(defaultCommandTimeout: 10000) to increase default command time out for the specific situation. This increased time out will work for all the lines, after the execution of this code.

Upvotes: 0

Sarmad
Sarmad

Reputation: 307

I've found a solution to this, posting it for others to use later

 cy.get('<your-selector-here>').should('be.visible').then(   ($el)  =>  {   $el.click() }    )

you can simply use this assertion .should('be.visible') to replace the explicit wait calls.

However, there's a catch to it; this only works for the cases where you're 100% sure that the element would appear. If the element does not appear, the assertion will simply fail and the test won't continue further.

Upvotes: 3

Related Questions