Handle Complex SVG Graph using Actions MoveToElement(Offset) - Selenium Interview Question - 8

In this video, I have explained how to handle Complex SVG Graph using Actions MoveToElement(Offset).

~~~Subscribe to this channel, and press bell icon to get some interesting videos on Selenium and Automation:

Follow me on my Facebook Page:

Let's join our Automation community for some amazing knowledge sharing and group discussion on Telegram:

Naveen AutomationLabs Paid Courses:
Java & Selenium:

Java & API +POSTMAN + RestAssured + HttpClient:

[rachimanwal]

I was able to find the logic to solve it but couldn't able to implement it.. and here you video comes up... Thanks :)

[pavangowda]

Hi navven, its Pavan from Bangalore,
I have watched your videos its very awesome and good. My request is that, you have 8-10 yoe, may be you r team lead, attending so many projects, considering u r attending selenium with java project (in it company) u r chosen cucumber, pom, testing framework (combination) etc like this pls make video. May be my comments was confuse to you. Try to tell realtime(it) combination of frameworks.
Pls make video for frameworks. Like in it industry. I have seen your profile that you have 8-10 years of experience but your videos helps fr beginners only

[sanketkale]

Thanks for sharing this @Naveen Khunteta....

[rupeshaujikar]

Thanks a lot for making this video, can you please also share how to just capture the data based on the date

[sanjaybhat]

Hi Naveen. Thanks a lot for videos. can you please explain how to drag and drop the elements in SvG Graphs using selenium

[shibashankar]

thank you automating this ..plese guide on automating moneycontrol chart in the home page

[abhinavraj]

Hi Naveen!! Thanks a lot for your videos. Can you please explain how can we drag and drop when source and destinations are in different frames.

[akhilanarayan]

Thank you for sharing ur knowledge. Could u please tell me the difference between stale element exception and no such element exception?

[avishekjana]

Hi Naveen, I have couple of observations in this solution. Can you please help me to clarify.

1. Do we actually need to pass yOffset value as per you calculated? Even if we send yOffset value as hardcoded '0', will it give any incorrect result? Because we are moving cursor into X axis direction to get value for each date.

2. Will it give data for all dates from 20-Mar-2020 if we iterate the axis based on days value from current date? As per days difference from 20-Mar-2020 to current date is 555 days. But if we look width of the element, it returns 620 as of today's date. So it will not iterate all dates if we pass daysDiff in loop. Hence I see your loop is executed till 2nd July 2021 only. Instead of that can we loop the cursor based on width(620) value?

Please let me know if my logic is incorrect.  It will help me to empower my logical ability.

[treetyfarahmand]

Hi Naveen Thank you for your channel and videos. All very helpful. I am struggling with getting a data from exact point on a graph. Would you kindly help, please? I have tried to use video 8 and 9. On the inspection page I get one element for my search which is good but it does not work in Visual studio. Many thanks

[kothagundlayuvasandeep]

Hi naveen, i implemented the samething for highcharts when using the moveToElement i am not able to see my driver going through the graph what might be the reasons

[samrajbhowmik]

hi Naveen i have been trying to drag and drop an element the taget element is an svg element and i have tried with actions using offset it didnot work tried with java script as well still not working, would be great if you share something regarding drag and drop using java script executer

[abhinibeshbhattacharya]

Hello Naveen,

Thanks for this SVG logic.

is it possible from your end to publish a demo, can we integrate the automated selenium test scripts execution through ALM test management and accordingly it will provide us the results after test execution.


Again thanking you in advance for your valuable feedback if any.

Regards,
Abhinibesh

[udaynevase]

Hi @Naveen
Thanks for this informative video I am able to automate bar charts using this. However in one of the similar graph secnario I am stuck because graph points are added in PATH tag and this tag is getting activated in DOM only when i hover on them manually.
befor hovering the dom looks like this
<g class =''abc">
Once i hover on graph manually two child tags are getting added in above G tag and if i identify these child elements and hover to them and try to get text then i am able to get tool tip text but to access these child path tag i need to manually hover on graph.

<g class =''abc">
<path fill="" d="random value ">
<path fill="" d="random value ">
</g>

hope you got the question. i would really appreciate if could help/guide me in the problem

thanks in advance

Uday

[soumyajit]

@Naveen
I tried the above program. I have few doubts. Can you please clear the below :
1. Height of graph = 170 i.e. getTopLeftY = -85, How does it work ? the pointer moves from (-310, -85) to (245, -85) i.e. (0, -85) refers to middle of the graph (Data for 21 Dec 2020)
May be I need to read and understand offset. I have a concern how it works actually as yOffset is constant but xOffset only changes.

2.The program do not run till today's date it stops at (245, -85)
i.e. till the below Data appears in console.
28 Jul 2021 7-day average
Tests taken 1, 672, 529
Positive tests* 38, 468
Positive % 2.3%

please reply whenever you are free.

[devrajukkingatti]

How to call non static concrete method of abstract class; when subclass override same non static
CONCRETE method of abstract class.

[NagasaiMaddineni]

Can you do it in bdd cucumber framework

[raginipasi]

Sir main aapke videos se selenium learn kar rahi hoon..par mjhe certificate chahiye hai..to main kaunsa or kiska certification join karu.pls suggest me sir i'm very confused

[shibashankar]

can any one help me automating Moneycontrol home page graph for nifty50...

[nilstoned]

Not sure what I'll do if they ask such questions in interviews...