$ index和量角器的AngularJS ng-repeat跟踪重复

Question

我有一个字符串数组，我需要允许重复。

vm.list = ["item","item","item","item","item"]

这是用html处理的

<ul class="listItems>
    <li ng-repeat="item in ctrl.list track by $index"></li>
</ul>

这在DOM中显示正常，没有问题，但是当我尝试量角器测试ng-repeat时遇到了问题，因为我无法对其进行单元测试。

所以我的测试有点像。

Then("List items should contain {int} items.", function(listLength){
    return element(by.css(".listItems").all(by.repeater('item in ctrl.list track by $index')).then(function(list){
        return expect(list.length).equal(listLength);
    });
});

我运行测试，但失败，期望0为5。但是，如果我使它们全部唯一，则可以正常工作，如何解决此问题？

Answer 1

我相信这应该为您工作：

Then("List items should contain {int} items.", function(listLength){
    let list = element(by.css(".listItems").all(by.repeater('item in ctrl.list'));
    expect(list.count()).toBe(listLength);
});

来源： http : //www.protractortest.org/#/api? view= ElementArrayFinder.prototype.count

编辑：对不起，我误解你的问题，看来track by不与数组中的重复值工作。 请参阅： https : //docs.angularjs.org/api/ng/directive/ngRepeat 。 您可以替换自己的跟踪功能。

这是一个类似问题的示例： https : //stackoverflow.com/a/28232640/3111958

第2次修改：多看了几遍之后，量角器不再按比例使用轨迹。 我更新了代码块以反映这一点。 查看此问题： https : //stackoverflow.com/a/37535098/3111958