如何选择下拉菜单并单击带有watir webdriver的下拉项

时间:2016-08-24 09:07:48

标签: ruby web-applications automation watir watir-webdriver

点击下拉菜单的代码:

browser.select_list(:class => "ui-select-match").click

我的代码从列表中选择:

browser.select_list(:name => "system-parameter").clear
puts browser.select_list(:name => "system-parameter").options
browser.select_list(:name => "system-parameter").select("Brand")

HTML点击下拉菜单:

<div class="ui-select-match" ng-hide="$select.open" ng-disabled="$select.disabled" ng-class="{'btn-default-focus':$select.focus}" placeholder="Select System Parameter">
    <span tabindex="-1" class="btn btn-default form-control ui-select-toggle" aria-label="Select box activate" ng-disabled="$select.disabled" ng-click="$select.activate()" style="outline: 0;">
    <span ng-show="$select.isEmpty()" class="ui-select-placeholder text-muted ng-binding">Select System Parameter</span> 
    <span ng-hide="$select.isEmpty()" class="ui-select-match-text pull-left ng-hide" ng-class="{'ui-select-allow-clear': $select.allowClear &amp;&amp; !$select.isEmpty()}" ng-transclude="">
    <span class="ng-binding ng-scope"></span>
    </span> <i class="caret pull-right" ng-click="$select.toggle($event)">
    </i> <a ng-show="$select.allowClear &amp;&amp; !$select.isEmpty()" aria-label="Select box clear" style="margin-right: 10px" ng-click="$select.clear($event)" class="btn btn-xs btn-link pull-right ng-hide">
    <i class="glyphicon glyphicon-remove" aria-hidden="true">
    </i>
    </a>
    </span>
    </div>

要从列表中选择的HTML代码:

<a href="javascript:void(0)" class="ui-select-choices-row-inner" uis-transclude-append="">
<div ng-bind-html="constant.Value | highlight: $select.search" name="Brand" class="ng-binding ng-scope">Brand</div>
</a>

<a href="javascript:void(0)" class="ui-select-choices-row-inner" uis-transclude-append="">
<div ng-bind-html="constant.Value | highlight: $select.search" name="Group" class="ng-binding ng-scope">Group</div>
</a>

<a href="javascript:void(0)" class="ui-select-choices-row-inner" uis-transclude-append="">
<div ng-bind-html="constant.Value | highlight: $select.search" name="Unit" class="ng-binding ng-scope">Unit</div>
</a>

我试图点击下拉列表,但也无法从列表中选择。

1 个答案:

答案 0 :(得分:0)

根据ruby docs建议,您需要对import SliderProps from 'material-ui/Slider'; interface SliderProps { sliderStyle: { [key: string]: any }; } 代码中的元素使用select_list

在此处查看更多信息 Class::Watir::SelectList