选择量角器

Question

我在编写end2end测试时遇到了很大的问题。

这是我的场景:我想计算给定元素的选项个数。

我不想要做的是使用id，所以我尽量选择它而不污染html。

让我们看看html:

<form class="catalogue-sidebar">
  ...
  <ki-multi-select-option>
    <select>
      ...
      <option></option>
      ...
    </select>
  </ki-multi-select-option><!-- ki-multi-select-option -->
  ...
</form><!-- .catalogue-sidebar -->

我这里有几个ki-multi-select-option指令。我需要计算，比如说，第二个选项的个数

如何选择?

使用id将像这样(这是有效的):

var colorsOptions = browser.findElements( by.css( '#filter-colors select > option' ) );
colorsOptions.then( function( elements ) {
  // There is an empty option as default, thats why "greater than 1"
  expect( elements.length ).toBeGreaterThan( 1 );
});

但是正如我所说的，我要避免仅仅为了测试而包含id。

我尝试了很多不同的组合，但没有成功。

使用jQuery，我可以这样做:

$( ".catalogue-sidebar ki-multi-select-option:eq(1)" ).find( 'select > option' )

有人能帮我一下吗?

谢谢!

Answer 1

使用CSS:

var options = element.all(by.css('.catalogue-sidebar ki-multi-select-option:nth-child(1) select option'));

链接get和all:

var kiWrapper = element.all(by.css('.catalogue-sidebar ki-multi-select-option')).get(1);
var options = kiWrapper.all(by.css('select option'));

现在有了计数函数，就不需要then了，因为expect处理webdriver的承诺:

expect(options.count()).toBeGreaterThan(1);