从数组量角器的第二个元素中获取元素

Question

我在一个页面上有 4 个相同的容器框。我把它们都放在一个数组中。现在每个容器盒都包含一些相同的元素。我想从第一个容器中获取第二个元素。 以下是我用来获取容器的内容，它工作正常：

var pageContent = element(by.css('[class="main-content"]'));
expect(pageContent.all(by.css('.modularBoxContent')).count()).tobe(4);

现在，如果我想获取类为 labelText 内部模块化框容器的所有元素的计数，我可以使用以下方法来做到这一点：

 expect(pageContent.all(by.css('.modularBoxContent')).all(by.css('[class="labelText"]')).count()).tobe(10);

但这给了我所有 4 个容器中的 labelText。我想仅在第一个容器中获取 labelText 的计数，或者在第一个容器中获取第一个 labelText 的文本。我尝试了下面的代码，但它不起作用并收到错误消息

TypeError: this.pageContent.get 不是函数

expect(pageContent.get(0).all(by.css('.modularBoxContent')).all(by.css('[class="labelText"]')).count()).tobe(3);

我也在下面尝试过，但效果不佳。 为此也得到与上述相同的错误。

 expect(pageContent.all(by.css('.modularBoxContent')).get(1).all(by.css('[class="labelText"]')).get(0).getText()).tobe(3);

有人可以建议正确的用法吗？

Answer 1

我认为这应该适合你，让我们试试这个。由于所有容器都具有相同的类，因此使用.all() 创建一个数组并使用.get() 检索所需的索引。

var pageContent = element(by.css('.main-content'));
var firstContainer = pageContent.all(by.css('.modularBoxContent')).first(); // or could have used .get(0);

一旦您的第一个容器被成功识别，现在您只需链式调用定位器来查找它下面的所有子容器。既然你说你想要第一个容器下的第二个元素，我们将使用.get(1)（1 是索引，所以它是数组中的第二项）。

var secondChild = firstContainer.all(by.css('[class="labelText"]')).get(1);

而且，仅供参考，如果您愿意，其中很多内容可能会被重构为更短。例如，您可以链接您的 CSS 调用，无需将它们分开：

上面的代码应该是这样的：

var firstContainer = element.all(by.css('.main-content .modularBoxContent')).first();
var secondChild = firstContainer.all(by.css('.labelText')).get(1);