Question

<div class="subtab">
    <button class="ui-multiselect ui-widget ui-state-default ui-corner-all" type="button" aria-haspopup="true" style="width: 231px;">
        <span class="ui-icon ui-icon-triangle-2-n-s"></span>
            <span>None</span>
    </button>
    <button class="ui-multiselect ui-widget ui-state-default ui-corner-all" type="button" aria-haspopup="true" style="width: 231px;">
        <span class="ui-icon ui-icon-triangle-2-n-s"></span>
            <span>None</span>
    </button>
</div>

这是2下拉菜单（第一个位于第二个菜单的正上方）。它们都具有完全相同的属性。如何指定要单击哪一个？我甚至不确定为什么他们有相同的属性，但确实如此。

Answer 1

您可以使用：index locator指定返回哪些匹配元素。例如:index => 0将返回第一个匹配元素，:index => 1将返回第二个匹配元素，等等。注意：index是从0开始的（即从0开始）。

# To click the first one
browser.button(:class => class="ui-multiselect", :index => 0).click

# To click the second one
browser.button(:class => class="ui-multiselect", :index => 1).click

Watir：点击具有相同属性的下拉菜单

1 个答案: