Cypress - How to only click button if it contains "chevron_right" - Stack Overflow

admin管理员组

文章数量:1122846

This button has 2 states, "chevron_right" when disabled. And "expand_more" when enabled.

Its default state is "chevron_right"

The following code will click on the button the first time. But once it is enabled will error saying because it cannot find "chevron_right". Does anyone know what i am doing wrong?

cy.get('#TreeView mat-nested-tree-node').find('button').first().then(button => {
    if (cy.wrap(button).contains('chevron_right')) {
        cy.wrap(button).click()
                
    } else{
        cy.log("Do nothing")
    }
})

There are multiple buttons on the page that will have these 2 states, so i am unable to just search for 1 instance of it.

This button has 2 states, "chevron_right" when disabled. And "expand_more" when enabled.

Its default state is "chevron_right"

The following code will click on the button the first time. But once it is enabled will error saying because it cannot find "chevron_right". Does anyone know what i am doing wrong?

cy.get('#TreeView mat-nested-tree-node').find('button').first().then(button => {
    if (cy.wrap(button).contains('chevron_right')) {
        cy.wrap(button).click()
                
    } else{
        cy.log("Do nothing")
    }
})

There are multiple buttons on the page that will have these 2 states, so i am unable to just search for 1 instance of it.

• cypress
• cypress-conditional-testing

Share Improve this question Follow edited Nov 24, 2024 at 6:37 Wang.Miao 8555 bronze badges asked Nov 22, 2024 at 9:27 Jessa BrandyJessa Brandy 10955 bronze badges

Add a comment  | 

1 Answer 1

Sorted by: Reset to default 5

Don't cy.wrap(button) use jQuery instead.

The text() method from jQuery gets the innerText and .includes() is the javascript method to check for "contains".

cy.get('#TreeView mat-nested-tree-node').find('button').first()
  .then($button => {
    if ($button.text().includes('chevron_right')) {
        cy.wrap($button).click()
                
    } else{
        cy.log("Do nothing")
    }
})

The $ prefix on yielded parameter button is convention, but it's not needed to make this work.

本文标签： CypressHow to only click button if it contains quotchevronrightquotStack Overflow