如何在賽普拉斯中獲取按鈕元素的名稱

Question

我需要創建一個條件，如果頁面上有一個文本值為“Unblock”的按鈕，它將提前通過 Cypress 單擊。 我可以管理的點擊部分和“if”條件，我需要知道如何獲取 javascript 來檢測哪個按鈕具有該文本值“Unblock”，謝謝！

 cy.get(".scroller").eq(1).find("button").then(($scroller) => { let test = $scroller //how to get the text value of the button? console.log(test) }) cy.wait(20000) cy.contains("Unblock").click() cy.wait(3000) cy.contains("Close").click() cy.contains("Back to main page").click()

Answer 1

1.您可以使用 invoke('text') 獲取按鈕名稱：

cy.get('.scroller')
  .eq(1)
  .find('button')
  .invoke('text')
  .then((text) => {
    cy.log(text) //Logs button text
  })

2. 或者您也可以使用 Jquery text()來獲取按鈕名稱：

cy.get('.scroller')
  .eq(1)
  .find('button')
  .then(($scroller) => {
    cy.log($scroller.text()) //Logs button text
  })

因此，在您的情況下，您可以像這樣應用 if-else：

cy.get('.scroller')
  .eq(1)
  .find('button')
  .then(($scroller) => {
    if ($scroller.text().trim() == 'Unblock') {
      //Do Something
    } else {
      //Do Something
    }
  })

Answer 2

您可以使用cy.contains() ，因為它只返回帶有所需文本的一個按鈕。

cy.contains("button", "Unblock")
  .then(($scrollerButton) => {
    console.log($scrollerButton.text())
  })