如何让赛普拉斯只处理可见元素？答案

【问题标题】：How do I get Cypress just to process the visible element?如何让赛普拉斯只处理可见元素？
【发布时间】：2019-07-01 15:18:47
【问题描述】：

我正在尝试使用这一元素：

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}');
});

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

【问题讨论】：

标签： cypress

【解决方案1】：

知道了。你可以使用伪选择器:visible 这样你就可以做到了

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

如果有多个可见，则选择第一个可见输入

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

【讨论】：

【解决方案2】：

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

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

这就是最终对我有用的东西：

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

【讨论】：