赛普拉斯选择下拉列表中的最后一个选项

Question

我有一个动态生成的下拉列表，其正常结构如下：

<select>
<option value="10">10</option>
<option value="20">20</option>
<option value="30">30</option>
etc.
</select>

这是一种分页，我不知道表中有多少项目，也不想根据项目计数计算下拉列表中有多少个选项。

我想通过 Cypress 实现的目标就是始终选择最后一个选项。

我知道我可以按名称或值选择任何选项，例如cy.get('select').select('10')

还有索引：cy.get('select').select(0)

但我不知道最后一个索引。

我也尝试过select().last()，但这不起作用，因为select不能为空。

Answer 1

如果您的选项是动态的，则应确保在选择之前填充列表

cy.get('select option')
  .should('have.length.gt', 0)

cy.get('select option')
  .last()
  .then($lastOption => {
    cy.get('select').select($lastOption.text())
  })