Really struggling trying to make a stable selector for an UI element from a website that serves javascript.
If I inspect the element I get the below. Even if I try to use "Starts with" to take into account the ever changing ID's I have no joy.
body > div.spa-container.refresh > div.spa-view.spa-normal.spa-start-view.no-animations.shown.spa-embedded-stack.spa-slim-stack > form > div > div.ms-nav-layout-content.thm-cont-g0-bgcolor-1 > nav > div > div > nav > div.navigation-bar-row-container--ok56Syj6ZI13oF-j9zyMK.home-action-container--3YQ3r2P8OlSMcLYYo6GIBj > div > div.ms-nav-layout-content > div > div > div > div.ms-FocusZone.css-43.row-responsive--bxltHKj2-HzRa1X3LQLLz > div > div > div > div > div.horizontal-container--2arCxSk94tV8g1nxne5CfI.row-overflow-hidden--18lLh3eRez7ryXzkjRI_0E > div > div.horizontal-scroll-container--Siuhx108-1XhIiyrv34fL > div > div:nth-child(3) > div > a > div.caption--OYuFEPeGjRdYeRklti5fB > span > span
So I'm starting to wonder if it's because there's no proper HTML generated but instead it comes via javascript.
How can I combat this? Can I use XPath when making my selector? Or can I run a Javascript-function to click an UI element?
Really hoping someone can guide me the right way.... Really at a loss here.
Thanks in advance.
