如何使用赛普拉斯单击具有多个选项的选择元素？答案

【问题标题】：How to click in a select element with several options with Cypress?如何使用赛普拉斯单击具有多个选项的选择元素？
【发布时间】：2022-11-17 04:23:52
【问题描述】：

我在使用 cypress 单击选择元素时遇到问题。这是要单击的元素：

我收到这个错误。不能在元素上调用 cy.click()。请改用 cy.select() 命令来更改值。

这是我的代码：

cy.get('[name^=shopveg]').click()

搜索后，一些人建议使用 trigger 命令。将代码更改为：

cy.get('[name^=shopveg]').trigger('click')

该步骤在 cypress 执行中通过，但未执行点击。

【问题讨论】：

【解决方案1】：

如消息所述，.select() 是要使用的命令

cy.get('[name^=shopveg]').select('Bananas')

这是因为 <select> 行为是由 Web 组件（参见 slot 标记）而不是 javascript 实现的，因此没有可用的点击处理程序。

【讨论】：