Selenium Locator for Angular JS Text Area не работает

Question

Пожалуйста, предложите мне локатор для определения области текста в веб-приложении.

<div contenteditable="true" id="taTextElement9662867992554610" ta-bind="ta-bind" ng-model="html" placeholder="Enter Role Requirements" class="ng-isolate-scope ng-pristine ng-valid ta-bind placeholder-text"><p><br></p></div> 

Я пробовал с //div[@ng-isolate-scope ng-pristine ng-valid ta-bind'].

Answer 1

я бы полагаться на атрибут id (при условии, 9662867992554610 часть является динамическим):

//div[starts-with(@id, "taTextElement")] 

Или, в случае, если вы используете protractor, вы можете использовать by.model() локатор:

element(by.model('html')) 

Answer 2

Идентификатор выглядит случайным образом, если это случай - вы не можете положиться на него. Событие, если оно уникально - это «инженерный смысл», недостаточно уникально. В любом случае я бы не стал полагаться на него.

Как было отмечено выше, вы можете использовать:

//div[starts-with(@id, "taTextElement")] 

Но я не думаю, что это хороший выход. Лучшее решение ИМО попросить веб-разработчикам создавать специальный атрибут для тех видов элементов, например:

<div data-hook="my-special-text"</div> 

Этот атрибут данных крючок будет служить в качестве контракта между вами и разработчиком, он знайте, что как только он его изменит, это может повлиять на тесты автоматизации. Более того, он может (должен) использовать этот атрибут в своих клиентских тестах (Protractor).