如何从下拉菜单中选择项目答案

【问题标题】：How to select item from drop down menu如何从下拉菜单中选择项目
【发布时间】：2021-12-02 14:44:20
【问题描述】：

我正在 Cypress 中进行自动测试，但在捕捉下拉菜单框中的第一个复选框时遇到问题：

以及我尝试过的代码：

 cy.get('.dx-texteditor-container', { timeout: 5000 }).eq(3).click().eq(0)
                    .within(() => {
                        cy.wait(500);
                        cy.get('.dx-list-select-all-label', { timeout: 5000 }).should('be.visible')
                            .click();
                    })

代码本身如下所示：

我已经抓了几天了，还没有。有什么建议吗？

【问题讨论】：

标签： javascript jquery cypress

【解决方案1】：

假设这会打开下拉菜单：

 cy.get('.dx-texteditor-container', { timeout: 5000 }).eq(3).click()

在这之后你可以写：

cy.contains('.dx-list-select-all-label', 'Vybrat vše').should('be.visible').click()

【讨论】：

【解决方案2】：

您似乎试图单击标签而不是复选框。

复选框通常是复选框类型的输入，例如：

<input type="checkbox" ...>

从你的图片来看，它应该就在你的标签旁边 div 这里：

应该这样做：

cy.get('div.dx-list-select-all-checkbox').find('input[type=checkbox]').check({ force: true })

我添加了{ force: true }，因为在许多网络框架中，类型复选框的输入隐藏在 div 后面，以使样式更容易。你可能不需要它。请参阅check() 文档here。

【讨论】：