Как тестировать данные E2E в стороннем пакете с помощью Protractor - Angular
Мне интересно, можно ли добавить уникальный идентификатор в сторонний пакет на уровне корневого элемента html. Например, я использую пакет myDatePicker через NPM.
Я могу добавить тег ID к фактическому элементу html, но внутри этого элемента вложен еще два, к которым мне нужно добавить идентификаторы для целей тестирования E2E. Мы используем транспортир для тестирования.
Проверяемый html выглядит так
<my-date-picker ... id = "myDatePickerUniqueID" ...>
<div>
--><input **'where I want my id field'**>
</div>
</my-date-picker>
Любая помощь приветствуется.
Ответы 1
Я бы не советовал погружаться в сторонний исходный код, поскольку вы полагаетесь на эту конкретную версию, и это вызовет только проблемы.
Что вы можете сделать, так это использовать element(by.css('myDatePickerUniqueID div input')).
По.css -> https://www.protractortest.org/#/api?view=webdriver.By.css
Другой подход — выбрать По модели, чтобы вы зависели не от структуры HTML/CSS, а скорее от Angular.
Примером может быть element(by.model('selectionDayTxt'))
По модели -> https://www.protractortest.org/#/api?view=ProtractorBy.prototype.model
Все селекторы -> https://www.protractortest.org/#/api?view=ProtractorBy
Спасибо за помощь, я думаю, что это будет отлично работать с селектором css, если я смогу получить верхний уникальный идентификатор и перейти оттуда.