发现了一种新的 Select_list 但不知道如何为其编写代码

Question

我已经用这种方式为 select 列表编写了代码 b.select_list(:id,'something').select 'something' 但我不知道如何知道如何为下面给出的 select 列表编写代码，任何人都可以帮助我从这个 select_list

中将代码编写到 select

<md-select tabindex="0" class="ng-pristine ng-untouched ng-empty ng-invalid ng-invalid-required" role="listbox" aria-disabled="false" aria-expanded="false" aria-invalid="true" aria-multiselectable="false" aria-required="true" aria-owns="select_container_5" aria-label="Gender" ng-model="user.gender" name="gender" required=""><md-select-value class="_md-select-value _md-select-placeholder" id="select_value_label_0"><span>Gender</span><span class="_md-select-icon" aria-hidden="true"></span></md-select-value><div class="_md-select-menu-container" id="select_container_5" aria-hidden="true"><md-select-menu class="ng-scope"><md-content>
                            <md-option tabindex="0" class="md-ink-ripple" id="select_option_3" role="option" aria-selected="false" value="Male"><div class="_md-text">Male</div></md-option>
                            <md-option tabindex="0" class="md-ink-ripple" id="select_option_4" role="option" aria-selected="false" value="Female"><div class="_md-text">Female</div></md-option>
                            </md-content></md-select-menu></div></md-select>

Answer 1

基于元素标签，md-select，看起来像这样 select list is created by Angular Material。它不是 select 元素，这意味着您不能使用通常的 select_list 方法。相反，您需要手动与之交互。这涉及：

单击 select 列表打开选项列表
单击其中一个选项

以下代码将 select 一个选项的值。您可以根据需要使用不同的定位器：

# Open the dropdown
browser.element(tag_name: 'md-select', name: 'gender').click

# Select an option (by value)
browser.element(tag_name: 'md-option', value: 'Female').when_present.click

一些注意事项：

由于 md-select 不是标准元素，您需要使用通用 element 方法定位它。
确保使用 when_present（或其他等待方法）以确保在 selecting 之前显示选项。

发现了一种新的 Select_list 但不知道如何为其编写代码

New kind of Select_list found and don't know how to write the code for that

ruby

watir

watir-classic