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
2022 Release Wave 1 760x460.png

2022 Release Wave 1 Plan

Power Platform release plan for the 2022 release wave 1 describes all new features releasing from April 2022 through September 2022.

Community Connections 768x460.jpg

Community & How To Videos

Check out the new Power Platform Community Connections gallery!

Top Solution Authors
Users online (3,137)