Блог

У меня есть следующий html:

 <li ng-repeat="item in items">
    Some Test
    <span class="bubble-grey">
        {{ item }}
    </span>
</li>
 

Как найти диапазон «.bubble-grey» внутри первого элемента ng-repeat в транспортире?

Я пробовал:

 element.all(by.repeater('item in items')).get(0).findElement(by.css(".bubble-grey")).getText()
 

Но я получаю «TypeError: Object [объект object] не имеет метода ‘findElement'»

Вам не нужно «находить» элемент снова. Попробуйте использовать element explorer

Откройте проводник элементов и перейдите на нужную страницу:

 cd node_modulesprotractorbin
node ./elementexplorer.js <your url>
 

Затем попробуйте эту команду:

 element.all(by.repeater('item in items')).get(0).getText()
 

Я не думаю, что он покажет какой-либо текст, потому что в html нет текста.

Если вы хотите получить текст «Some Test», попробуйте:

 element(by.repeater('item in items')).getText()
 

Глядя на API, вместо:

 .findElement(by.css(".bubble-grey"));
 

вы хотите:

 .element(by.css(".bubble-grey"));
 

Присвойте вашим промежуткам атрибут id, используя $index из repeat, тогда вы сможете перейти прямо к ним.

 <span class="bubble-grey" id="item_{{$index}}">
    {{ item }}
</span>