The problem here is when we hover the mouse over the particular menu item, drop down items going to visible. When trying to click the inspect element the drop down items are not going to be visible.
How can I inspect this drop down menu items
-
Can you share a screenshot and the DOM of the page/related ares. – Kshetra Mohan Prusty Jul 29 '18 at 15:47
-
You will need to open the developer tool side by side with your webpage, hover your mouse over the particular menu item and at the same time, inspect the element displayed in the developer tool. If this still does not work, you will make an educated guess by selecting the child of of this menu item. – Yu Zhang Jul 29 '18 at 22:12
-
Where it happens? If its an Salesforce Lightning website then there is different mechanism to view dropdown options and if its other than that you can simply find all the options within the Select class with option tag. – Bharat Mane Jul 30 '18 at 6:24
To make drop-down visible and inspect the elements under the drop-down, In the automation testing company we use to set
drop-down-content {
display: none;
}
to "block" in HTML while inspecting element, So that drop-down did not disappears. or set display none check box to uncheck under DOM. Hope this solution works for you.
Thanks.
