Cypress调用cy.click()操作<select>元素报错无法打开下拉框如何解决

Cypress 原生不支持对 <select> 元素直接调用 click() 方法，你可以直接使用 Cypress 内置的 select() 方法完成下拉选项的选择，不需要手动触发点击打开下拉列表。

可选使用方式 #

• 按选项的value值选择（比如要选择孕周12）：

cy.get('#gestationWeek').select('12')

• 按选项的显示文本选择：

// 你提供的option文本前后带有空格，要严格匹配文本内容
cy.get('#gestationWeek').select(' 12 ')
// 也可以传正则忽略空格影响
cy.get('#gestationWeek').select(/12/)

• 如果你确实需要先触发下拉展开做UI交互验证，可以用触发焦点代替点击操作：

cy.get('#gestationWeek').focus()

可选校验逻辑 #

如果需要确认选择结果符合预期，可以追加断言：

cy.get('#gestationWeek').select('15').should('have.value', '15')

内容的提问来源于stack exchange，提问作者enroberte