testing - GEB 找到第一个可见元素

Question

我在页面上有一些隐藏的按钮。当我单击文本输入时，这些按钮之一会显示在页面上。之前:

<div field='login'>
    <input type="text"> 
    <button class="submit" style="display: none">Save</button>
</div>

<div field='name'>
    <input type="text"> 
    <button class="submit" style="display: none">Save</button>
</div>

点击第二个输入后:

<div field='login'>
    <input type="text"> 
    <button class="submit" style="display: none">Save</button>
</div>

<div field='name'>
    <input type="text"> 
    <button class="submit">Save</button>
</div>

所以我尝试在我的测试中通过下一个选择器与第二个按钮进行交互:

static content = {
    submitButton { $("button.submit") }
}

但我有下一个错误:

isorg.openqa.selenium.ElementNotVisibleException: Element is not currently visible and so may not be interacted with

如果我写:

static content = {
    submitButton { $("button.submit", 1) }
}

它有效，但我需要使用页面上的第一个可见按钮。怎么了？

Answer 1

不幸的是，没有用于查找可见元素的 css 选择器，但您可以使用 displayed property Navigator 及其 findAll() method找到可见的按钮:

static content = {
    submitButton { $("button.submit").findAll { it.displayed } }
}