protractor by.repeater и visibilityOf только возврат первого элемента в коллекции

Question

Я пытаюсь использовать протранскатор by.repeater, чтобы найти все элементы, перечисленные в коллекции. Здесь используется перечисление (key, value) in expression для директивы ngRepeat и UI Bootstrap accordion directive.

HTML, является:

<accordion id="automobile-types" close-others="true"> 
    <accordion-group heading="{{ autoType }}" 
    ng-repeat="(autoType, details) in automobiles"> 
    <div>Color of automobile:</div> 
     <ul> 
     <li ng-repeat="color in details.color"> 
      {{ color }} 
     </li> 
     </ul> 
    </accordion-group> 
</accordion> 

Где

automobiles = { 
'Car': {'color': 'black', 'name': 'Knight Rider' }, 
'Truck': {'color': 'green', 'name': 'Biggins'} 
} 

Используя protractor example in the angular docs for ngRepeat, вот мой транспортир код:

var EC = protractor.ExpectedConditions; 
var cars = element.all(by.repeater('(autoType, details) in automobiles')); 

it('should have two automobiles listed', function() { 
    var visibleList = EC.visibilityOf(cars); 
    browser.wait(visibleList, 5000); 
    expect(cars.count()).toEqual(2); 
}); 

Возвращает этот провал:

Failed: Cannot call method 'bind' of undefined 

Если я удалю .all, тест продолжится, так как он найдет только первый элемент в ng-repeat. Эти тесты проходят:

var car = element(by.repeater('(autoType, details) in automobiles')); 
expect(car.getText()).toEqual('Car'); 

var accordion = element(element(by.id('automobile-types'))); 
expect(accordion.getText()).toEqual('Car\nTruck'); 

Я попытался решить эту проблему с помощью нг-повтора-старт и нг-повтор-конец, но это не решило, он продолжал возвращать только первый элемент в коллекции.

Любой совет о том, как вернуть блок html для каждого автомобиля, будет оценен по достоинству.

Answer 1

Прежде всего, вы должны позвонить в element.all() внутри it(). И в конце строки есть недостающая запятая, в которой вы определяете cars. Стационарное исполнение:

it('should have two automobiles listed', function() { 
    var cars = element.all(by.repeater('(autoType, details) in automobiles')); 
    expect(cars.count()).toEqual(2); 
}); 

Если это все еще не работает, попробуйте использовать by.exactRepeater():

var cars = element.all(by.exactRepeater('(autoType, details) in automobiles')); 

Или переключиться на альтернативные техники местоположения:

var cars = $$('[ng-repeat="(autoType, details) in automobiles"]'); 

Здесь $$ ярлык для element.all(by.css()).

Answer 2

Похоже, что сбой около Cannot call method 'bind' of undefined был в ответ на Expected Condition visibiltyOf, а не на by.repeater, как первоначально предполагалось.

Похоже, что метод visibiltyOf принимает только элемент, в то время как список элементов передается. Эти тесты прошли сейчас:

var EC = protractor.ExpectedConditions; 
var cars = element.all(by.repeater('(autoType, details) in automobiles')); 
var carTypes = element(by.id('automobile-types)); 

it('should have two automobiles listed', function() { 
    var visibleList = EC.visibilityOf(carTypes); 
    browser.wait(visibleList, 5000); 
    expect(cars.count()).toEqual(2); 
});