如何使用柏树从下拉列表中选择值？答案

【问题标题】：How to select value from drop down using cypress?如何使用柏树从下拉列表中选择值？
【发布时间】：2021-09-20 11:13:47
【问题描述】：

我在这里使用 cypress 工具进行自动化。如何编写下拉菜单的代码

这是 HTML 代码

我只是这样做了，但它不起作用

cy.get('.dropdown-heading-dropdown-arrow').click()
cy.get('#0').click()

【问题讨论】：

您能否将下拉列表的 html 代码添加到问题中。并发布您尝试过的代码？
@AlapanDas 请检查先生.....
您的 html 没有任何下拉值的代码。你能补充一下吗？
@AlapanDas 这个下拉列表是基于之前创建的特征数据，如果我们创建一个新特征，那么下一页下拉特征显示-最后创建的数据，我们需要从中选择

标签： cypress

【解决方案1】：

在下拉菜单打开后，搜索带有所需文本的选项。

不确定哪个选择器最适合您，role 或 .MuiMenuItem-root 看起来最好，或者尝试只获取带有文本的任何元素

cy.get('.dropdown-heading-dropdown-arrow').click()

cy.contains('[role="option"]', 'Select All')      
  .click()

// or

cy.contains('.MuiMenuItem-root', 'Select All')      
  .click()

// or

cy.contains('Select All')
  .click()

【讨论】：

【解决方案2】：

看看这个。也给出了很好的解释。

select dropdownlist item using cypress

否则你可以通过 css 选择器、xpath 或者你可以通过 cy.contains 获得它

【讨论】：