Click Button If Enabled Using cypress-if And cypress-await Plugins

Published: 21 February 2024
on channel: gleb bahmutov

1,063

This video shows how to do conditional testing (click a button only if it is enabled) using my plugins cypress-if and cypress-await.
// cypress-if solution
cy.contains('button', 'Click Me')
// tests using Chai assertion "be.enabled"
.if('enabled')
.click()
.should('have.text', 'Clicked')
.else('Nothing to click')
// cypress-await solution
const enabled = cy.contains('button', 'Click Me').invoke('is', ':enabled')
cy.log(`enabled? ${enabled}`)
if (enabled) {
cy.contains('button', 'Click Me').click().should('have.text', 'Clicked')
} else {
cy.log('Nothing to click')
}

Plugins repos are https://github.com/bahmutov/cypress-if and https://github.com/bahmutov/cypress-a... Look for a blog post with code examples for this video by following https://glebbahmutov.com/blog/

Watch video Click Button If Enabled Using cypress-if And cypress-await Plugins online without registration, duration hours minute second in high quality. This video was added by user gleb bahmutov 21 February 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 1,063 once and liked it 29 people.

18,445

600