Я новичок в Angular и Protractor (и в веб-разработке, если на то пошло), поэтому приношу извинения за этот очевидный вопрос.
Я пытаюсь протестировать наше угловое приложение с транспортиром, и кажется, что я могу найти первый элемент на странице. Но не могу найти другие элементы, используя (id, name, model, css). Я попытался связать первый элемент, но всегда получаю ошибку «Элемент не найден» для второго элемента в цепочке. Я трижды проверил орфографию, поэтому уверен, что все правильно.
Наша страница состоит из нескольких разделов, и когда я «просматриваю исходный код», я вижу только корневой раздел.
<head>
</head>
<body>
<div ng-app="app" id="wrap">
<div ui-view></div>
</div>
</body>
</html>
Но когда я проверяю элементы с помощью инструментов разработчика (F12), они существуют в DOM, я просто не знаю, как к ним добраться.
<input type="text" class="form-control ng-valid ng-dirty ng-valid-parse ng-touched" data-ng-model="vm.searchText" id="searchText" placeholder="(Account # / Name / Nickname / Phone #)">
Я попытался получить доступ к элементу управления, указанному выше, используя следующее:
browser.element(by.id("searchText").sendKeys("test");
browser.element(by.model("vm.searchText").sendKeys("test");
element(by.id("searchText").sendKeys("test");
element(by.model("vm.searchText").sendKeys("test");
Я также создал одну кнопку и использовал partialButtonText и buttonText, ни один из которых не работал.
Я также пытался добавить некоторые асинхронные функции с помощью «тогда», но это тоже не сработало. Как получить доступ к этим элементам, если они не содержатся в одном html-файле?
Благодарность.....