topic Select data pont in chart where the CSS name changes in Synthetic Monitoring

Select data pont in chart where the CSS name changes

michael_joseph_ — Sun, 28 Mar 2021 23:35:39 GMT

I'm trying to setup a Browser synthetic test that selects a value in a chart that is displayed. When I record the test I see the selector as for example #highcharts-ugkagd6-18 svg g:nth-child(11) g:nth-child(2) path:nth-child(2) but then when I try to playback that name doesn't exist and it generates a new name.

This is an example of the chart that I'm trying to just open any data point in the chart which should pop up another window.

Any help would be greatly appreciated.

Mike

Re: Select data pont in chart where the CSS name changes

ChadTurner — Thu, 17 Jun 2021 21:05:40 GMT

@michael_joseph_ are you using browser click paths for this?

Re: Select data pont in chart where the CSS name changes

HannahM — Fri, 18 Jun 2021 09:13:40 GMT

For locators with a dynamic id, the monitor will need to find the element using a different method. Is there something about the element that never changes? Usually there are other tags we can use to select the element instead.

Re: Select data pont in chart where the CSS name changes

michael_joseph_ — Fri, 18 Jun 2021 14:53:42 GMT

I was able to accomplish what I needed by using javascript and getElementbyId and drilling through the childnodes until I identified the one with the innerHTML response that had the data point.