虚拟中继器和量角器

Question

问题：

在 Protractor 中定位 Virtual Repeaters 的规范/首选方法是什么？

故事：

在 Angular Material 设计中，有一个Virtual Repeater，它通过动态重用视口区域中可见的行来帮助提高渲染性能。示例：

<div class="md-virtual-repeat-offsetter" style="transform: translateY(0px);">
    <div md-virtual-repeat="item in ctrl.dynamicItems" md-on-demand="" class="repeated-item ng-binding ng-scope flex" flex="">0</div>
    <div md-virtual-repeat="item in ctrl.dynamicItems" md-on-demand="" class="repeated-item ng-binding ng-scope flex" flex="">1</div>
    <div md-virtual-repeat="item in ctrl.dynamicItems" md-on-demand="" class="repeated-item ng-binding ng-scope flex" flex="">2</div>
</div>

目前，我必须使用by.css定位技术：

$$('[md-virtual-repeat="item in ctrl.dynamicItems"]');

额外问题：

有没有办法让by.repeater 也可以与md-virtual-repeat 一起使用？

Answer 1

根据findRepeaterRows() 和repeaterMatch() 内置函数，by.repeater 定位器使用 CSS 选择器搜索具有不同前缀的不同“重复”类属性：

ng-repeat
ng_repeat
data-ng-repeat
x-ng-repeat
ng:repeat

然后，它剥离所有过滤器、跟踪 (track by)、别名 (as)，然后检查我们尝试匹配的转发器值。

换句话说，by.repeater 目前不会找到虚拟中继器。

在这里创建了一个功能请求：

• by.repeater to match virtual repeaters

---

此时，考虑到 虚拟中继器不支持高级语法元素如track 或as，我认为使用 CSS 选择器就足够了：

$$('[md-virtual-repeat="item in ctrl.dynamicItems"]');