javascript - by.buttonText ('' ) 不返回空文本按钮作为 Protractor 定位器

Question

我必须测试一个应用程序，它有一些按钮没有文本，只有图形(例如，日期选择器上的 < 和 > 按钮，不在我的控制范围内)。

如果我尝试通过以下方式找到它们:

elm = element.all(by.buttonText(''));
backButton = elm.get(1);

我没有立即收到错误，但如果我说 backButton.click()我得到:

Error: Index out of bound. Trying to access element at index: 1, but there are only 0 elements that match locator by.buttonText("").

另一方面，如果我说

element.all(by.tagName("BUTTON")).filter(function (elem) {
    return elem.getText().then(function (text) {

        //find the empties
        return !(text);
        //
    });
}).then(function (EmptyButtons) {

    EmptyButtons[1].click()

我收到一个有趣的错误提示我发现我点击的那个还没有弹出:

JavascriptError: Element is not currently visible and may not be manipulated (status: 11)

但这要由我来解决。如果我跟踪通过过滤器的文本，我发现数组中放置了多个无文本按钮。

很抱歉，我还没有生成和测试小示例的技能，但我希望一些有帮助的读者可以。无论如何，我想我可能遗漏了一些关于 promise 解决方案的细微之处，或者所需的行为是您无法通过查找空文本来找到无文本按钮。我也有一个解决方法(实际上是多个 - 请参阅下面的评论)。但如果有人可以提供，我欢迎在这里进行一些澄清。最好的，杰里米·卡汉附:我不认为这是“如何单击 Protractor 中没有文本的按钮”的副本，因为它与区分无文本按钮有关，我的问题不是如何找到和区分它们，而是为什么搜索文本 ''找不到他们。 [我认为，我的代码甚至暗示了如何实现或仍然可以实现。]

Answer 1

据我了解，您有很好的解决方法和方法可以在不使用 by.buttonText 的情况下解决问题，只需要解释为什么 by.buttonText('')不起作用。

如果我们查看 how the by.buttonText is implemented,我们会看到它首先只找到以下“按钮”变体:

button, input[type="button"], input[type="submit"]

这意味着如果您要查找的元素不是button 或适当的input 元素，您将无法通过定位器匹配它.

而且，根据解决方法判断，您的案例中所需的元素实际上是 span 元素。

除此之外，通过空“按钮文本”进行匹配应该可行。

---

在我们正在测试的内部应用程序中使用的日期选择器上进行了测试 - 对我有用。以下是“<”按钮在我们的例子中的样子:

<button type="button" class="btn btn-default btn-sm pull-left" ng-click="move(-1)" tabindex="-1" ap-tab-nav-idx="1.2" ap-tab-nav-child="true">
    <i class="glyphicon glyphicon-chevron-left"></i>
</button>

而且，如果我在控制台中模仿“by.buttonText”客户端脚本逻辑，我会让这个元素通过所有决定是否选择元素的条件:

> var element = $("button[ng-click='move(-1)']")[0]
> elementText = element.textContent || element.innerText || '';
> elementText.trim() === ""
true