如何使用 div 标签选择 cypress 中的下拉菜单

Question

我在 cypress 中使用 select 命令访问下拉列表时收到此错误。cy.select() 只能在 . 您的主题是：-- 选择...

这是我的代码：it('新用户',() =>{

        cy.get(':nth-child(2) > .oxd-input-group > :nth-child(2) > .oxd-input').type('Admin')
        cy.get(':nth-child(3) > .oxd-input-group > :nth-child(2) > .oxd-input').type('admin123{enter}')
        //To hide sub menu
        cy.get('.oxd-main-menu-search > .oxd-icon-button').click()
        // To show sub menu
        cy.wait(2000)
        cy.get('.oxd-main-menu-search > .oxd-icon-button').click()

        /// for leave
        ///cy.get(':nth-child(3) > .oxd-main-menu-item > .oxd-text').click()
        
        cy.get(':nth-child(1) > .oxd-main-menu-item').click()
        cy.wait(2000)
        cy.get('.orangehrm-header-container > .oxd-button').click()

        ///To Add a user
        cy.get(':nth-child(1) > .oxd-input-group > :nth-child(2) > .oxd-select-wrapper > .oxd-select-text > .oxd-select-text-input').click().select('Admin')

这是网站 html： 下拉菜单的html 代码，我正在尝试访问

Answer 1

当有 div 创建下拉菜单时您无法使用cy.select，该命令仅适用于 HTML<select>控制。

如果您使用cy.click相反的方式，首先打开下拉菜单，然后按名称选择您想要的选项。

这基本上与用户的操作相同。

测试代码是这样的

cy.get('[role="listbox"]).click()
cy.contains("Admin")
  .should('be.visible')
  .click()