javascript - 如何在 Protractor 中的 ng-repeat 中使用 isElementPresent/isPresent？

Question

HTML:

<div ng-repeat="todo in todos">
        <span><input ng-model="todo.title" /></span>
        <span><input ng-model="todo.time" /></span>
        <span><input ng-model="todo.name" /></span>
</div>

通过测试:

expect(element(by.repeater('todo in todos')).isPresent()).toBe(true);

通过测试:

expect(element(by.repeater('todo in todos').row(1)).isPresent()).toBe(true);

失败测试 1:

Expected false to be true.

expect(element(by.repeater('todo in todos').row(1).column('todo.name')).isPresent()).toBe(true);

失败的测试 2:

Expected false to be true.

browser.isElementPresent(element(by.repeater('todo in todos').row(1).column('todo.name'))).then(function(present){
    expect(present).toBe(true);
})

在项目级别，我可以在字段中设置数据。在项目级别，我可以在字段中检索数据。但是无法在项目级别使用 isPresent 或 isElementPresent？

Answer 1

这里的问题是 .column('todo.name')将搜索 绑定(bind)到 todo.name 的元素。换句话说，当您将 todo.name 定义为 ng-model 时，它将通过绑定(bind) 进行搜索(参见 findRepeaterElement ) >.

引用 @juliemr(问题 ng-repeat with ng-model bindings):

the column selector takes a string which matches bindings, not input ng-models.