如何使用 cypress 从下拉列表中选择值？

Question

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

这是 HTML 代码

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

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

Answer 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()