Cypress：如果一个元素不存在，我如何检查它是否存在而不使测试失败？

Question

好的，我的情况如下：

在我测试的网站上，我测试的一部分包括一个表，用户可以在其中添加或删除行。我无法控制表是否是空的，所以我需要条件（IF）来探索两种场景： 1.桌子是空的；2.桌子不是空的。

我想到的只是检查表的第一行是否存在。如果有，做一些测试，然后继续，如果没有跳过表格，继续下一篇文章。

当然，我不能试着在第一行做一个cy.get，因为如果它找不到元素，它将无法通过测试，所以我尝试了以下方法：

             cy.get('body').then(($body) => {
                 if ($body.find('firstRowElement').length > 0,  {timeout: 60000}) { 
                    cy.log("Im Inside")
                    cy.get('firstRowElement').then(($grid) => {  
                        //Do all the tests I need if the first row exists..
                    )}
                 } 
             )}

但它不起作用。即使表是空的，它仍然输入IF（我可以看到日志“iminside”）。当然，在下一行（已经在IF中），测试失败，因为它试图对不存在的html" target="_blank">元素（空表的第一行）执行cy.get。因此，IF语句似乎不起作用。

我做错了什么？

PS：我需要超时，因为表需要几秒钟加载。我尝试将超时移动到. search内部（像这样-if（$body.find（'firstRowElement'，{timeout： 60000}））。长度

有人能帮我吗？

我倾向于相信在之间存在某种冲突。查找和超时。




Answer 1

如果您想有条件地测试一个元素而不失败，一般接受的方法是使用jQuery表达式（正如您所做的，但请参阅我上面关于超时选项阻碍该方法的评论）。

我假设，因为您应用了一个超时，所以表行可能最终会出现，也可能不会出现，您将等待60秒。

有条件测试的一种方法，也是使用Cypress重试的一种方法是使用失败事件，这里有一个例子，即断言元素在Cypress中不可操作。

建议只使用on（'fail'）进行调试，但在Cypress自己的测试中使用-如果要忽略警告，则应选择此选项。

差不多

js prettyprint-override">it('...', (done) => {

  cy.once('fail', () => {
    // Skipping if the command below fails (i.e first row does not exist)
    done();  // done tells the test it ends here
  });

  cy.get('firstRowElement', { timeout: 60000 }).then(($grid) => {
    // Do all the tests I need if the first row exists..
    done();
  )}

});

Answer 2

你可以尝试这种方法，非常简单，但它给了你一个如何有条件地测试这样东西的想法。他们的关键要素是与你所看到的一起工作。如上所述，你真的希望在你的项目中有一些类似等待的东西作为将来的参考。

cy.get('parent element of matrix or body').then($body => {
 cy.waitUntil(() => cy.get('parent element of first row')
 .then($selector => $selector.is(':visible') === true), { timeout: 60000 })
 if ($body.find('first Row Element').is(':visible')) {
  cy.log('A row exists')
 } else {
  cy.log('A row doesnt exists')
 }
})