Проблема с многоразовым компонентом на основе полимера в автоматизации Cypress.io UI

Question

В нашем приложении html-тег 'input' обернут и назван как, скажем, 'input-app'. Мы используем 'input-app' в разных местах на одной html-странице, и я не могу сделать cy.get () .type () для уникального тега input, так как тег input-app имеет тег input с одинаковыми идентификаторами.Не хотите изменять определение компонента input-app.Каково его решение?

Answer 1

Я предполагаю, что ваше упакованное приложение ввода не должно иметь одинаковый идентификатор на каждом входе, но, похоже, мы прошли этот этап.Есть ли какие-либо другие элементы div, которые являются родителями этого упакованного ввода?

cy.get('THE_PARENT_ID').find('input').type('what you need to type')

Если вы не можете изменить компонент, можете ли вы добавить свой собственный идентификатор к элементу, который его оборачивает.например

<input-app id='YOUR_ID'></input-app> 

cy.get('#YOUR_ID').find('input').type('what you need to type')