如何在Cypress中选择Div标签下拉菜单？解决cy.select()报错

问题原因 #

cy.select() 仅支持原生HTML <select> 标签，而你页面中的下拉菜单是自定义模拟组件（通过div等元素实现），因此直接调用select()会报错。

解决方案 #

对于自定义下拉组件，需要先点击展开下拉列表，再点击目标选项：

修改后的测试代码片段 #

///添加用户
cy.get(':nth-child(1) > .oxd-input-group > :nth-child(2) > .oxd-select-wrapper > .oxd-select-text > .oxd-select-text-input').click()
// 等待下拉选项加载并点击目标选项
cy.contains('.oxd-dropdown-option', 'Admin').click()

优化建议 #

避免使用:nth-child这类依赖DOM结构的选择器，可改用更稳定的定位方式，比如结合元素的语义化属性：

// 示例：用更稳定的方式定位下拉触发框
cy.get('[role="combobox"]').click()
cy.contains('Admin').click()

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