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– Alapan Das2021-09-20 11:21:49 +00:00Commented Sep 20, 2021 at 11:21
-
@AlapanDas please check sir.....user2345– user23452021-09-20 12:22:03 +00:00Commented Sep 20, 2021 at 12:22
-
Your html doesn't have the code for any of the dropdown values. can you add that?Alapan Das– Alapan Das2021-09-20 12:24:56 +00:00Commented Sep 20, 2021 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 thatuser2345– user23452021-09-20 12:38:37 +00:00Commented Sep 20, 2021 at 12:38
Add a comment
|
2 Answers
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()
Comments
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
