使用ember-cli-page-object测试Select元素

Question

不确定是否缺少某些内容，似乎应该将其内置。我正在网站上使用本机选择下拉列表，并且在确定如何将其实现到集成测试中时遇到问题。

这是我要测试的页面对象的一部分。

  apiSelect: {
    scope: 'section.api-selector block-select',
    select: clickable('.select-dropdown'),
    options: collection('option', {
      label: text(),
      select: clickable()
    }),
    value: value('select'),
    isDisabled: is(':disabled', 'select')
  }

await component.content.customAnswers.apiSelect.select();
    assert.deepEqual(
      api.customAnswers.selectedAnswers,
      [ 'my-api-answer' ],
      'see api answer is set'
    );

我知道上面的方法行不通（也不应该），但是我希望至少下拉菜单实际上会收到点击动作，并在测试期间显示为打开状态。

本质上，我需要找到一种方法来打开此下拉菜单并选择一个选项。

我浏览了http://ember-cli-page-object.js.org/docs/v1.14.x/上的所有内容，却找不到任何概述方法。似乎应该超级简单，但也许不是吗？我看到很多可供选择的插件，但宁愿不添加其他软件包，除非我必须这样做。