Cypress - 迭代每个元素并在移动到下一个迭代/元素之前执行一些操作

Question

我在 cypress 中遇到以下问题：

1. 获取包含按钮的特定列的所有表格单元格。
2. 遍历每个单元格 --> 找到该单元格内的按钮。
3. 单击该按钮。
4. 等待模式对话框出现
5. 接受模式并等待它消失。
6. 等待通知出现然后消失。
7. 移动到下一个单元格元素/迭代

到目前为止我拥有的代码：

cy.get("tr[some attribute]").each(($element, $index, $list) => {
cy.wrap($element).find("button").click();
cy.get(".modal-dialog").should('be.visible');
cy.get(".modal-dialog button[type='submit']").should('be.visible').click();
cy.get("toast").should('be.visible').as('@toast')
cy.get('@toast').should('not.be.visible')
})

这里的问题：

1. cypress 不会等待第一次迭代完成并运行所有迭代。我可以看到打开了多个模式对话框。
2. Cypress 异步单击所有按钮，无需等待上一次迭代完成。
3. 尽管我可以看到 toast 消息不存在，但 cypress 在期望 toast 消失的步骤上失败了。

提前致谢！

Answer 1

我运行了一个带有模式和吐司的简单应用程序。如果修复测试的 toast 部分，则可以使用以下命令迭代行.each()

要修复 toast，您需要删除别名并cy.get('toast')第二次。

should()别名值存储在内部，并且在执行重试时不会更改。请记住，Toast 会在屏幕上停留几秒钟，因此您必须使用重试来测试它是否已经消失。（您可能需要根据 Toast 持续时间增加超时）。

需要修复的最小更改：

cy.get("tr[some attribute]").each(($row) => {
  cy.wrap($row).find("button").click();
  
  cy.get(".modal-dialog").should('be.visible');
  cy.get(".modal-dialog button[type='submit']").should('be.visible').click();

  cy.get("toast").should('be.visible')
  // timeout must exceed toast auto-close period
  // if you run the test in background or in CI, allow a few seconds extra
  cy.get('toast', {timeout:10000}).should('not.be.visible') 

})

我一次只在屏幕上显示一个吐司，然后迭代等待 cy.get('toast', {timeout:10000}).should('not.be.visible') 完成。