cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
peterelbek
Regular Visitor

How to make a stable selector for UI element when accessing sites serving javascript? Is XPath an option?

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.

 

0 REPLIES 0

Helpful resources

Announcements
 WHAT’S NEXT AT MICROSOFT IGNITE 2022

WHAT’S NEXT AT MICROSOFT IGNITE 2022

Explore the latest innovations, learn from product experts and partners, level up your skillset, and create connections from around the world.

Register for a Free Workshop.png

Register for a Free Workshop

Learn to digitize and optimize business processes and connect all your applications to share data in real time.

Top Solution Authors
Users online (3,728)