javascript - 为什么 Cypress 在运行 get 命令后说我的元素已分离？

Question

目标:
我想使用带有柏树的可访问性选择器单击页面上的特定元素
代码

cy.findAllByRole('rowheader').eq(2).click();

错误

Timed out retrying: cy.click() failed because this element is detached from the DOM.

<th scope="row" data-automation-id="taskItem" aria-invalid="false" tabindex="-1" class="css-5xw9jq">...</th>

Cypress requires elements be attached in the DOM to interact with them.

The previous command that ran was:

  > cy.eq()

This DOM element likely became detached somewhere between the previous and current command.

问题:
我可以在 DOM 中看到这个元素仍然存在——没有逻辑可以将这个元素从 DOM 中分离出来，并且 eq 方法当然不会这样做。此外， findAllByRow 方法显然可以正常工作，因为它找到了我想要单击的正确元素。为什么说元素是分离的？这种情况有解决方法吗？

Answer 1

这可能是个坏建议，但是您可以尝试以下方法吗？

cy.findAllByRole('rowheader').eq(2).click({force: true})