主页 / coding / 问题 / 79214373
Accepted
Jessa Brandy
Asked: 2024-11-22 17:27:52 +0800 CST

Cypress - 如何仅单击包含“chevron_right”的按钮

  • 772

此按钮有两种状态：禁用时为“chevron_right”。启用时为“expand_more”。

其默认状态为“chevron_right”

以下代码将在第一次单击按钮时单击。但是一旦启用它，就会出现错误，提示找不到“chevron_right”。有人知道我做错了什么吗？

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")
    }
})

页面上有多个按钮具有这两种状态，因此我无法只搜索其中的一个实例。

cypress

1 个回答

  1. Best Answer

    不要cy.wrap(button)使用 jQuery。

    jQuery 中的方法text()获取innerText并.includes()是检查“包含”的 javascript 方法。

    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")
    }
})

    $产生的参数上的前缀是button惯例，但它不是完成这项工作所必需的。

    • 3

相关问题