javascript - 当带有 PROTRACTOR 的元素后面有元素时，如何知道当前显示元素

Question

所以我在使用 Protractor 进行测试时遇到了一些问题。我正在尝试对我的 friend 正在制作的程序进行新的测试。在代码(用 Angularjs 编写)中，有一些元素(md-sidenav)实际上将一个元素隐藏在另一个元素后面，当前显示的元素是通过按下按钮来实现的(我真的不知道如何操作，我认为使用 ng-点击和 ng 级)。

当我使用该功能时:

element(by.css('locator')).isDisplayed();

我正在对当前未显示的元素之一执行此操作。结果是“TRUE”，因为所有元素现在都在显示，它们只是一个接一个地显示。如果我需要知道显示的元素，我该怎么办才能解决这个问题？

Answer 1

找到所有这些并使用 filter() 过滤掉可见的一个:

$$('locator').filter(function(elm) {
    return elm.isDisplayed();
}).first();

其中 $$('locator') 相当于 element.all(by.css('locator'))。