如果您要查找的元素不存在，如何不中断Cypress测试

我在DOM中有类名为"okrSelectorSelect__Value-Container"的div。

<div class="okrSelectorSelect__value-container"><div>

此div是可选的。我想单击它并用挡路做一些其他测试，如果它存在之后会出现。 我正在尝试这个。

cy.get('.okrSelectorSelect__value-container').then(($higherObjectivePick) => {
 if ($higherObjectivePick.length > 0) {
  $higherObjectivePick.click();
 }
});

但是当挡路不在页面上时得到了这个

这是我的解决方案，但看起来有更好的方法可以做到这一点。

 cy.get('body').then($body => {
    if ($body.find('.okrSelectorSelect__value-container').length > 0) { 
      cy.get('.okrSelectorSelect__value-container').click();
      cy.get('.okrSelectorSelect__option').eq(higherOrderObjectiveNumber).click();
    }
  }); 

---

解决方案

您可以使用jQuery运算符检查元素是否存在，并按如下方式包装该函数，将其添加到您的support.js文件中：

Cypress.Commands.add("checkIfClassExists", (classToFind) => {
    return Cypress.$(classToFind).length>0
})

然后在您的测试中：

if (cy.checkIfClassExists('.okrSelectorSelect__value-container')) {
    //do something
} else {
    //do nothing 
}