cypress - 如何让 Cypress 只处理可见元素？

Question

我正在尝试使用这个元素:

cy.get('[data-cy-component=single-picker-search] input').type('Live');

当我运行它时，它告诉我有超过 1 个，所以它无法执行此操作。

我尝试添加 {force: true } - 这没有什么区别。

我尝试查看每个元素，但如果该元素不可见，则会失败:

cy.get(singlePickerSearch).each(($el) => {
  cy.wrap($el).type('Live' + '{enter}');
});

如何让它只在元素可见的地方键入？我不希望它在这方面失败。

Answer 1

这对我试图获取的按钮不起作用:

cy.get('[data-cy-component=single-picker-search] 按钮:可见')

这就是最终为我工作的内容:

cy.get('[data-cy-component=single-picker-search]').filter(':visible')