当使用E2E测试在下拉量角器中有多个包含相同文本的选项时，如何选择任何特定选项

Question

我正在尝试使用量角器从下拉列表中选择一个选项“印度”，用于角e2e测试。

以下是选择选项的代码片段:

<select id="countryCode" class="form-control nux-select input-md ng-touched ng-dirty ng-valid-parse ng-valid ng-valid-required" required="" data-ng-model="selectedCountry" data-ng-options="c.country for c in country" name="countryCode">
<option class="" selected="" value="">-- select --</option>
<option value="0">Afghanistan</option>
<option value="1">Albania</option>
.
.
.
<option value="29">Brazil</option>
<option value="30">British Indian Ocean Territory</option>
.
.
.
<option value="98">India</option>
<option value="99">Indonesia</option>

我尝试过：

element(by.cssContainingText('option', 'India')).click();

但随着“英属印度洋领土”选项的到来，它选择了这个选项，而不是“印度”。

所以我试了下面的方法，它奏效了:

element(by.xpath('//select[@id="countryCode"]/option[98]')).click();

但是由于我是硬编码，新值可能会被添加到下拉列表中，任何人都可以建议我以不同的方式实现它。

Answer 1

element.all(by.cssContainingText('option', 'India')).then(function(items) {
  expect(items.length).toBe(2);
  expect(items[0].getText()).toBe('British Indian Ocean Territory');
  expect(items[1].getText()).toBe('India');
});

我不确定这是最好的解决方案，但它应该有效。只有在你增加包含“印度”的新价值的情况下，它才会稳定，但它看起来并不现实。

Answer 2

其他硒语言绑定有选择-

select = Select(driver.find_element_by_id('countryCode'))
select.select_by_visible_text('India')

在量角器中，没有内置这样的东西，但正如@dmitankin在选择中善意地提出的那样 -

var mySelect = new SelectWrapper(by.id('countryCode'));
mySelect.selectByText('India');

仅供参考，selectByText（）这里基于检查选项文本的xpath表达式：

SelectWrapper.prototype.selectByText = function(text) {
    return this.webElement.all(by.xpath('option[.="' + text + '"]')).click();   
};