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

Answer 1

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

Answer 2

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