Cypress 等待保存窗口消失

Question

在 Cypress 中，作为测试用例的一部分，当 Cypress 单击“保存”按钮时，我有一个操作，然后会出现一个带有文本“正在保存”的“保存”窗口。

我唯一想要的就是等到这个警报消失。

我有这个:

cy.contains('button:visible','Save').should('not.be.disabled')
  .trigger('click', { force: true });  

cy.wait(2000)
cy.contains('Saving').should('not.exist');

然而，这似乎有效，并且在测试运行器中它是绿色的并且通过了，在最后一步中它说期望未定义不存在于DOM中

如果应该寻找保存，为什么会有未定义？或者是因为cy.wait(2000)导致警报在这段时间内消失并且Cypress在下一步中没有捕获它？

但我仍然认为应该说预期的保存不存在于DOM中，而不是未定义。

Answer 1

IMO 缺少的第一件事是然后出现一个保存窗口 - 您没有在测试中确认这一点，因此测试可能会确认它不存在在它出现之前。

cy.contains('button:visible','Save').should('not.be.disabled').trigger('click', { force: true });
cy.contains('Saving').should('exist')  
cy.contains('Saving').should('not.exist')

第二件事是，“窗口”可能是浏览器生成的警报，在这种情况下您根本无法使用 JavaScript 进行确认。