Как мне получить 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

Понял.Вы можете использовать псевдо-селектор :visible, чтобы вы могли делать

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

или в случае, если более одного видимого, выберите первый видимый вход

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