1

我已经以这种方式为选择列表编写了代码 b.select_list(:id,'something').select 'something' 但我不知道如何为下面的选择列表编写代码，谁能帮我写从此 select_list 中选择的代码

<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>
4

1 回答 1

3

根据元素标签 ，md-select看起来这个选择列表是由 Angular Material 创建的。它不是一个select元素，这意味着您不能使用通常的select_list方法。相反，您需要手动与之交互。这涉及：

  1. 单击选择列表以打开选项列表
  2. 单击其中一个选项

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

# 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（或其他等待方法）确保在选择之前显示选项。
于 2016-05-18T13:18:43.077 回答