How to select value from drop down using cypress?

Question

Here I am using cypress tool for automation. How to write code for dropdown menu

Here is the HTML code

I just done like this way but its not working

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

can you add the html code of your dropdown to the question. And also post the code that you tried? — Alapan Das, Sep 20 '21 at 11:21
Your html doesn't have the code for any of the dropdown values. can you add that? — Alapan Das, Sep 20 '21 at 12:24
@AlapanDas this dropdown listing is based on the previously created data for feature, if we create a new feature, then next page dropdown features shows- last created datas, we need to select from that — user2345, Sep 20 '21 at 12:38

score 5 · Accepted Answer · answered Sep 20 '21 at 22:00

After dropdown opens search for the option with required text.

Not sure which selector might work for you, either role or .MuiMenuItem-root looks best, or try just getting any element with the text

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

score 3 · Answer 2 · answered Sep 20 '21 at 14:06

3

Have a look at this. Gives a good explanation as well.

select dropdownlist item using cypress

Otherwise you can just get it by css selector, xpath or you can do cy.contains

answered Sep 20 '21 at 14:06

ItsNotAndy

563
5
17

How to select value from drop down using cypress?

2 Answers2