赛普拉斯 - 我不知道为具有更多选项的列表选择哪个选择器

Question

我有一个下拉列表，其中显示了几个名称。我不知道如何调用 cypress 从下拉菜单中选择其中一个选项

<div class="dx-item dx-list-item" role="option" aria-selected="false">
  <div class="dx-template-wrapper dx-item-content dx-list-item-content">
    <span style="color: grey;">charlie sheen</span>
  </div>
</div>

Answer 1

dx-item 类看起来是个不错的候选对象。

cy.contains('.dx-item[role="option"]', 'charlie sheen').click()

确保您已打开下拉菜单。你没有提到它，所以假设你已经这样做了。