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

How to not break Cypress tests if element you#39;r looking for is not exist(如果您要查找的元素不存在,如何不中断Cypress测试)

本文介绍了如果您要查找的元素不存在,如何不中断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 
}

这篇关于如果您要查找的元素不存在,如何不中断Cypress测试的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本文标题为:如果您要查找的元素不存在,如何不中断Cypress测试

基础教程推荐