使用 Cypress e2e 進行條件測試

Question

我有一個帶有柏樹的網站測試用例。 然而，該網站是在 vue.js 中構建的，可以說有 2 個旅程。 其中一個有一個我想點擊的按鈕。 所以，我想做的是：

if ('button exists') {
  cy.get(#"button-class").click()    //basically click the button
}

如果按鈕不存在，這對於第二次旅程可能是正確的，然后繼續，因為那里沒有按鈕。

到目前為止我嘗試過的任何事情都失敗了。 我想要的只是柏樹中的一個簡單 if 語句。

Answer 1

隨着cypress-if包的發布，這變得容易多了

cy.get(#"button-class")
  .if()
  .click()

---

賽普拉斯 v12 更新

賽普拉斯最近的內部變化使這個包停止工作。

請查看這個問題，如果您喜歡這個包並希望它得到修復，我們能否覆蓋查詢命令 #25078並注冊您的“投票”。

Answer 2

您可以獲得按鈕的父元素，它應該每次都顯示並在其then()回調中查詢您的按鈕

cy.get('css of always displayed parent').then($parent => {
    if ($parent.find('#button-class').length) {
        cy.wrap($parent).find('#button-class').click();
    }
});