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测试
基础教程推荐
猜你喜欢
- 即使每次插入第一个输入的值不同,第二个输入仍显示相同的输入值 2022-01-01
- 在 Javascript 中使用 Fetch API 上传文件并显示进度 2022-01-01
- 从快速中间件中排除路由 2022-01-01
- 逻辑运算符 ||在 javascript 中,0 代表 Boolean false? 2022-01-01
- 使用 jQuery 在悬停时交换 DIV 类 2022-01-01
- CORS:当凭据标志为真时,无法在 Access-Control-Allow-Origin 中使用通配符 2022-01-01
- 最佳动态 JavaScript/JQuery 网格 2022-01-01
- 带角度的选项卡:仅使用 $http 在单击时加载选项卡 2022-01-01
- HTML5 画布调整为父级 2022-01-01
- 当木偶师打开Chrome时,不能使用Chrome扩展 2022-01-01
