I've experimented with 'Inspect Element', Firebug, FirePath, Selenium IDE, Katalon Recorder to locate an element. However, the Css/xPath I use in my code doesn't seem to work for automating the addition of a new row scenario. In this particular case, the initial element in the grid is a dropdown, and upon selecting a value from it, a second dropdown is populated. The Css/xPath for the first element while examining the required value is:
Css:
body > div.k-animation-container > div > div.k-list-scroller > ul > li:nth-child(35)
xPath:
.//*[@id='ng-app']/body/div[4]/div/ul/li[35]
Check out the sample html code here, where I need to choose a value from the drop-down.
How can I resolve this issue so that the code consistently selects the value from the drop-down?