Automate Complex Graphs with Selenium || Complex SVG Graph UI Elements

แชร์
ฝัง
  • เผยแพร่เมื่อ 3 ส.ค. 2021
  • In this video, I have explained how to automate complex Graphs with SVG elements.
    ~~~Subscribe to this channel, and press bell icon to get some interesting videos on Selenium and Automation:
    th-cam.com/users/Naveen%20Au...
    Follow me on my Facebook Page:
    / naveenqtpexpert
    Let's join our Automation community for some amazing knowledge sharing and group discussion on Telegram:
    t.me/joinchat/Q8HTanc9Xi4os0tS
    Naveen AutomationLabs Paid Courses:
    Java & Selenium:
    naveenautomationlabs.com/manua...
    Java & API +POSTMAN + RestAssured + HttpClient:
    naveenautomationlabs.com/selen...
  • วิทยาศาสตร์และเทคโนโลยี

ความคิดเห็น • 130

  • @ankitmahajan8295
    @ankitmahajan8295 3 ปีที่แล้ว +17

    Thats why "Naveeeeen" is different from other trainers. He can solve any complex UI. great video.

  • @kadalivaraprasad450
    @kadalivaraprasad450 3 ปีที่แล้ว +2

    Hey Naveen,
    People are addicted to alcohol
    People are addicted to drugs
    I addicted to your teaching and Videos
    Everyday I watch your videos and my day starts past videos and ends with the latest videos of yours channel, Please 🙏 do and help to everyone. God bless you

  • @raghavbakshee9307
    @raghavbakshee9307 3 ปีที่แล้ว +11

    Whenever Naveen posts, I like the video first and then watch. That's the level of respect I have for him. ❤️

    • @INRGadgetworld
      @INRGadgetworld 3 ปีที่แล้ว +1

      One step above like comment and watch

    • @naveenautomationlabs
      @naveenautomationlabs  3 ปีที่แล้ว +1

      Thanks for liking :)

    • @MayurP787
      @MayurP787 3 ปีที่แล้ว

      Same here bro

    • @KARTHIKPANCH97
      @KARTHIKPANCH97 3 ปีที่แล้ว

      @@naveenautomationlabs I have a doubt. If I learn selenium and frameworks will it be in market for next 4 years or not

    • @jajatikesharisahoo8628
      @jajatikesharisahoo8628 2 ปีที่แล้ว

      @@KARTHIKPANCH97 Don't ask this type of question in any forum brother. I am suggesting you to learn every thing

  • @raghup6404
    @raghup6404 2 ปีที่แล้ว +2

    Superb video :) earlier we have exactly same bars in one of CISCO project , we partially Automated those bars as we had less knowledge on this kind of scenarios and doing that verification manually , now after seeing this video, we will definitely automate E2E , Thank you Very much Naveen :) , you are god gift to all QA people

  • @sagars3332
    @sagars3332 3 ปีที่แล้ว +5

    Thanks a ton Naveen..today I felt I learned something new and different...

  • @stith_pragya
    @stith_pragya 3 ปีที่แล้ว +1

    Thank You Naveen sir...keep uploading these type of great videos because you are now the favorite teacher of Automation subject for all.

  • @delipchakaravarthi8935
    @delipchakaravarthi8935 ปีที่แล้ว

    I got the exact requirement on my project today. Luckily I have found your video. Thank you so much Naveen :)

  • @vasanthjayakumar529
    @vasanthjayakumar529 3 ปีที่แล้ว +1

    Absolutely awesome.👌 Thanks for the detailed explanation.

  • @alpijain4270
    @alpijain4270 3 ปีที่แล้ว +1

    Superb video. Loved the way, you make the complex things so easier to understand. Thanks!!

  • @DEEPAK-hh5nr
    @DEEPAK-hh5nr 3 ปีที่แล้ว +1

    Great trainer and excellent way of solving any problem. 👍 Keep up the good work Naveen.

  • @ashwinichannaveerappa7847
    @ashwinichannaveerappa7847 3 ปีที่แล้ว +1

    Automation Guru! Kudos to Naveen👏👏

  • @mdsheikh5626
    @mdsheikh5626 3 ปีที่แล้ว +2

    @Naveen, you are the best , learned something new today , thanks a lot , stay safe!

  • @kumarchiranjivee240
    @kumarchiranjivee240 3 ปีที่แล้ว +1

    There is always something new to learn from you !! Kudos to you. 👍👍👍

  • @ManishKumar-sw3cn
    @ManishKumar-sw3cn 3 ปีที่แล้ว +1

    This is excellent Naveen!!! Highlight is pausing and finding tooltip this was never knew to me.
    Thanks a lot, I know many project having dotted graph in my org. But im using robot framework so I'll try this.
    Thanks again!!

  • @DurgaPrasad-qm3hu
    @DurgaPrasad-qm3hu ปีที่แล้ว

    Thank you, Naveen, for introducing new features, we are lucky to have you.

  • @mastertheblaster6061
    @mastertheblaster6061 3 ปีที่แล้ว +1

    Great, looking forward same kind of complex scenarios Naveen

  • @naijuskitchenmanucooking2536
    @naijuskitchenmanucooking2536 3 ปีที่แล้ว +1

    Awesome Naveen.. you made it look so simple which I was trying from a very long time.. Thank you :)

  • @ppayani1
    @ppayani1 2 ปีที่แล้ว +1

    Very nicely explained.Thanks for the video.

  • @mallikarjunsavanur2314
    @mallikarjunsavanur2314 2 ปีที่แล้ว

    Thank you very much Naveen,
    It becomes very simple and easy to implement once after I gone through your video.

  • @singhbrijeshomkar
    @singhbrijeshomkar 3 ปีที่แล้ว +1

    Awesome 👍
    Keep up the good work.
    Thanks a lot

  • @amitsumant3131
    @amitsumant3131 ปีที่แล้ว

    @Naveen Sir: you are a genius. Your videos always give the best knowledge of Selenium.

  • @shankumondal2881
    @shankumondal2881 3 ปีที่แล้ว +1

    Everytime we learn new things from each of your video.!🙏

  • @soumyajitsatpathy3627
    @soumyajitsatpathy3627 3 ปีที่แล้ว +1

    Great Naveen…so nice and quick solution…hats off and for us it was great learning…

  • @mohamedilyas8610
    @mohamedilyas8610 3 ปีที่แล้ว +2

    Whenever naveen posts i believe i could learn something awesome.Its pleasure to have a guy like naveen.🥰🥰

  • @surindersinghh
    @surindersinghh 3 ปีที่แล้ว

    Thank you Naveen for sharing this video. Learned new thing today 🙏

  • @vishnuk6417
    @vishnuk6417 3 ปีที่แล้ว +1

    Wovvv that's awesome 😎😎💐💐💐

  • @rupeshaujikar339
    @rupeshaujikar339 ปีที่แล้ว

    Thank you Naveen, really appreciated.

  • @Apoorva4499
    @Apoorva4499 3 ปีที่แล้ว +1

    Great explanation... U r d best

  • @khushboochauhan8924
    @khushboochauhan8924 3 ปีที่แล้ว +1

    Very simply explained..

  • @VoteForGlass2
    @VoteForGlass2 2 ปีที่แล้ว +1

    oh god... Really super cool Naveen😍.... Lot more to learn.... thanq so much for subject and for sharing as well

  • @payalkapre4152
    @payalkapre4152 2 หลายเดือนก่อน

    Very good information, I am going to try this. Thank you so much!

  • @shakib651
    @shakib651 2 ปีที่แล้ว

    Thank you for the solution. You explained it very well.

  • @ahtesham195
    @ahtesham195 3 ปีที่แล้ว +1

    Awesome sir ji....Really you are different from others...

  • @swapniltitar9002
    @swapniltitar9002 3 ปีที่แล้ว

    Great, it's new learning everytime from you Naveen..!

  • @DheerajGambhirDG
    @DheerajGambhirDG 3 ปีที่แล้ว +1

    Bravo!!! Impressive dude.

  • @sambarwired
    @sambarwired 2 ปีที่แล้ว

    Cool, any QE will enjoy watching this

  • @aahanvlogs6713
    @aahanvlogs6713 ปีที่แล้ว

    Great Brother.. keep rocking

  • @codewithcuriosity-cwc3155
    @codewithcuriosity-cwc3155 ปีที่แล้ว

    Thank you so much Naveen very nice explanation

  • @sanketkale8974
    @sanketkale8974 3 ปีที่แล้ว +1

    This was absolutely difficult scenario to automate,but you explained it so well @Naveen....It was very tricky problem to handle in Automation.Thank you for that.

    • @ankitnegi4557
      @ankitnegi4557 ปีที่แล้ว

      Hello Naveen, Which inspector you use in your browser? Selectorshub used to display in right menu in right side but this is different it displays in bottom with single search field..

  • @satishkumarsingh5934
    @satishkumarsingh5934 2 ปีที่แล้ว +1

    Naveen u have done oscar winning performance in automation testing 😅😅 great man

  • @vidhyamanickaraj5802
    @vidhyamanickaraj5802 3 ปีที่แล้ว

    Thankyou sir! A great video👏

  • @mychoice2559
    @mychoice2559 3 ปีที่แล้ว +1

    Naveen = Automation king

  • @bharatvarshney5332
    @bharatvarshney5332 3 ปีที่แล้ว +1

    Learning new thing in a new day
    thanks my mentor @naveen

  • @sanghamitrabhowmicklive3013
    @sanghamitrabhowmicklive3013 3 ปีที่แล้ว +2

    You are a powerhouse of concepts. You are Just the best 👏👏

  • @sharathkumar5791
    @sharathkumar5791 3 ปีที่แล้ว +1

    Thanks Naveen, nice explaination, any suggestions on graphs plotted in canvas element. Aplitools supports actions on elements in canvas, but Is there a way to capture the tool tip data from it?

  • @deepakdange5530
    @deepakdange5530 2 ปีที่แล้ว

    naveen you are simlpy great

  • @MrSno80
    @MrSno80 2 ปีที่แล้ว

    Awesome thank you very much! I needed this but using Cypress. I will try to workaround with this solution

  • @mahendrav2719
    @mahendrav2719 3 ปีที่แล้ว +1

    Hi Naveen, thanks for sharing this video. Can u take a look on to the line graph because it was different from bar, pie graph. I am research for line graph over the long time to capture tooltip.

  • @mobashirrr
    @mobashirrr 2 ปีที่แล้ว

    Amazing solution. Much respect from Pakistan.

  • @voiceover_vipul
    @voiceover_vipul 3 ปีที่แล้ว

    Niceeeee. I learned a new thing

  • @wilsonfernandes21
    @wilsonfernandes21 3 ปีที่แล้ว

    Thanks Naveen,
    U are awesome 🙂
    I never knew we can pause in debugger and inspect element. This was really helpful..

  • @crickettales6594
    @crickettales6594 3 ปีที่แล้ว +1

    You are the best 😎

  • @srinivasputcha915
    @srinivasputcha915 3 ปีที่แล้ว +1

    Man...you are genius..I really liked the question and the way you have solved it..Thanks for sharing your knowledge and it will be really helpful for the people

  • @ronybhatt9940
    @ronybhatt9940 3 ปีที่แล้ว +1

    Fantastic

  • @vijayakumarjanarthanam3061
    @vijayakumarjanarthanam3061 3 ปีที่แล้ว +1

    Hi Naveen, Thanks for sharing the knowledge. Could you please make a video to handle the dynamic window which is appearing as part of the scenario execution.
    Example scenario is like client wants to get the feedback from the customers using feedback form. The feedback form window will appear at anytime in the execution of the flow. Sometimes it may not appear also.

  • @SarangHoley
    @SarangHoley 3 ปีที่แล้ว +1

    Thanks a lot Naveen for making a video on this, its much much needed as like you no one had explained on this topic 😊👍 on this platform.

  • @jaiprakashkeswani5022
    @jaiprakashkeswani5022 2 ปีที่แล้ว

    Amazing

  • @JK-gr2et
    @JK-gr2et ปีที่แล้ว

    Hi, Thanks for the explanation.
    I have automated bar chart, it's capturing the tooltip values as well. For few progress bar , it's hovering on the cross line and capturing its tooltip value.
    Not sure, why it's hovering there. Will it hover on mid of the bar, is anything like that?

  • @INRGadgetworld
    @INRGadgetworld 3 ปีที่แล้ว +3

    Much waited video

  • @kashishpasrija406
    @kashishpasrija406 2 ปีที่แล้ว

    Nice video 👍

  • @banuprema1619
    @banuprema1619 3 ปีที่แล้ว

    Thanks a lot. Can we drag and drop the svg element into canvas using cypress?

  • @anianirudh4619
    @anianirudh4619 2 ปีที่แล้ว

    Thank you so much Naveen for giving simple solution to identify the XPATH related to bar graph and mouseover data validation part .... You are awesome and inspiration to all the automation people ...
    Recently i started working on Cypress ,is it possible to use the same XPATH in CYPRESS as well?

  • @prakashkerlekar7060
    @prakashkerlekar7060 ปีที่แล้ว +1

    masterpiece

  • @gaddamhemanthkumar6792
    @gaddamhemanthkumar6792 ปีที่แล้ว

    How to read the values of a bar graph if there is no tooltip or other source (dev's are used plotly technique so that will read value from data then it will arrange height of the graphic) is there any way to read value of graph

  • @ddk548
    @ddk548 2 ปีที่แล้ว +2

    Very interesting question and solution. Thank you.
    There seems to be one issue here. Look output console at 19:11
    Year 2037 output differs from rest of the output. Just an observation. Thank you.

  • @gam__04
    @gam__04 3 ปีที่แล้ว +1

    I believe selenium must be used only for testing automation and not for these task, but this video is awesome 😎😎

  • @subhashsubhash684
    @subhashsubhash684 3 ปีที่แล้ว

    Hi Naveen
    Thanks for your video.
    Svg is fine we have tags g,rect etc to find web elements
    But how about canvas?? Canvas don't have any tags like rect, g. Can you please let us know about canvas?

  • @madhusmitasahoo1061
    @madhusmitasahoo1061 2 ปีที่แล้ว

    Thanks!

  • @srujankumar1735
    @srujankumar1735 3 ปีที่แล้ว

    Nice clear explanation Naveen, it's really useful in my current application. Can you get some time to explain Serenity screen play

  • @prabhuprasad59
    @prabhuprasad59 ปีที่แล้ว

    Hello Naveen sir, Can we deselct the Z-index in html style via selenium java? Before deselect the Z-index or reduce the number of it; I am not able to handle the message and other actions. ElementNotToBeClickableException occur. Can you Help me Please? Thank you.
    1. In myntra, when we put any product into cart the as soon as we go to cart then web message comes and it has higher z-index and untill and unless we does not reduce it or deselect it in html we can not proceed.
    Hope will get help! Thank you.

  • @ShashankDharmadhikari152
    @ShashankDharmadhikari152 27 วันที่ผ่านมา

    Hi Naveen and Team, In my case there no element present in DOM to hover and get tooltip. Tooltip element is visible in DOM after hovering element manually. But element on which we are going to hover to get tooltip is not visible. Any solution on this ? Everything else is same my line graph also an svg element.

  • @ammarkhan280
    @ammarkhan280 3 ปีที่แล้ว +2

    How to assert/validate the tool tip data.. Cn u please shed some light on this

  • @dwaipayandas8692
    @dwaipayandas8692 2 ปีที่แล้ว

    Spendid 👏

  • @nilpatel8708
    @nilpatel8708 3 ปีที่แล้ว

    How can I call int value from Excel (data driven testing) please help

  • @rahul18181
    @rahul18181 5 หลายเดือนก่อน

    Can we do the same thing with the canvas element?

  • @muaazster
    @muaazster 2 ปีที่แล้ว

    Naveen can u suggest complex sites to catch xpath , i want to master it

  • @kashishpasrija406
    @kashishpasrija406 2 ปีที่แล้ว

    Hi Naveen. I have a web application which is having complex javascript. Sometimes pages takes long time to load. Script fails . Please help with the solution of this

  • @SameerZH
    @SameerZH 3 ปีที่แล้ว +1

    Great explainataion.

  • @dhanapalayyanar1394
    @dhanapalayyanar1394 3 ปีที่แล้ว +2

    Hi Naveen ,
    Similar to this svg is it possible to identify element for canvas ?.. in my application workflow are designed by canvas for that no unique identifier also to identify..kindly provide ur suggestions

    • @naveenautomationlabs
      @naveenautomationlabs  3 ปีที่แล้ว +2

      Yes you can using javascript interceptor. Will prepare something on this.

    • @dhanapalayyanar1394
      @dhanapalayyanar1394 3 ปีที่แล้ว

      @@naveenautomationlabs please make one video on that ..

  • @user-tr7dc5ch9v
    @user-tr7dc5ch9v 6 หลายเดือนก่อน

    Hi, Naveen how to add a random name in an automation script using javascript

  • @KARTHIKPANCH97
    @KARTHIKPANCH97 3 ปีที่แล้ว

    have a doubt. If I learn selenium and frameworks will it be in market for next 4 years or not

  • @avinashchauhan22
    @avinashchauhan22 3 ปีที่แล้ว +1

    Thanks Naveen🙏 it was really cool to see but I see for few bars instead of 'principal' and 'interest' the 'balance' data is being captured so in this case what we have to do ?

  • @nellaimuthuvels7099
    @nellaimuthuvels7099 2 ปีที่แล้ว

    svg tag only has xmlns and version, no tag or name, can you please help me sir

  • @SurajKatole
    @SurajKatole ปีที่แล้ว

    Can we automate graphs that are made using canvas?

  • @nagendranfriends3153
    @nagendranfriends3153 3 ปีที่แล้ว

    Hi sir , I am New to testing from Python Background . Please give a guideline to follow where to start and where to end . Appium and Selinum I am using . But I don't know why pytest is required , what is ROBOT Framework and Jenkings etc . What is what . Where to be used in Testing . Please give a clear picture sir please

  • @yforyou1342
    @yforyou1342 3 ปีที่แล้ว +2

    Sir I am also having graphs, pie charts, donut charts in my project but those are in inside the img tag. If I am trying to inspect any value inside the graphs it highlighting entire image..can you please give any suggestions on this

    • @naveenautomationlabs
      @naveenautomationlabs  3 ปีที่แล้ว

      plz share any web url having the same graph.

    • @yforyou1342
      @yforyou1342 3 ปีที่แล้ว

      @@naveenautomationlabs ok sir.

    • @kumarchiranjivee240
      @kumarchiranjivee240 3 ปีที่แล้ว +1

      Will be waiting to learn this 🤩

    • @yforyou1342
      @yforyou1342 3 ปีที่แล้ว

      @@naveenautomationlabs Sir one more challenge I have in my project that is pdf validation which contains dynamic tables. if I am fetching data by using pdf box it is giving entire content as a single string. Here string manipulation is not feasible to us. Can you please make a video on pdf validation which have tables.

  • @madhukarapaim3448
    @madhukarapaim3448 3 ปีที่แล้ว

    Hi Naveen,
    Where I can find the code of above?
    Can you please share me the GitHub URL?

  • @prateekvaishnav4563
    @prateekvaishnav4563 3 ปีที่แล้ว

    Hi Naveen,
    Could you please make a series for springboot framework for using with selenium cucumber bdd framework?

  • @ganeshreddychalla4956
    @ganeshreddychalla4956 3 ปีที่แล้ว

    Could you please explain bank domain knowledge for testing

  • @vishnuvlog8030
    @vishnuvlog8030 3 ปีที่แล้ว

    How much you charged for entire selenium course, really excited to learn from you

  • @anjalivaswani8739
    @anjalivaswani8739 ปีที่แล้ว

    Naveen can u also try the same in power bi reports if the same approach works. I tried the same however not able to capture svg tags

  • @alenka7891
    @alenka7891 3 ปีที่แล้ว +1

    Very informative and good video. I have only one question. Why the person who sent you the task wanted to take data from the graph, there's a table below where she could successfully take the data

    • @naveenautomationlabs
      @naveenautomationlabs  3 ปีที่แล้ว

      Ya but she wants to validate the data from the graphs also.

  • @theentertainer8062
    @theentertainer8062 ปีที่แล้ว +1

    Thank you very much. In my project we have so many SVG Graphs :(

  • @muaazster
    @muaazster 2 ปีที่แล้ว

    xpath Master ...

  • @anujashinde8074
    @anujashinde8074 2 ปีที่แล้ว

    Hi Navin .. telegram link is expired..can u pls share updated link ..Thanks!

  • @ganeshreddychalla4956
    @ganeshreddychalla4956 3 ปีที่แล้ว

    Could you please explain bank domain knowledge

  • @maheshharish6415
    @maheshharish6415 3 ปีที่แล้ว

    Hi Naveen , it's was nice . Can you please share the url here 😊

  • @ghummakad_premi
    @ghummakad_premi 3 ปีที่แล้ว

    I was not able to get the debugger paused with the F8 command,. The other command which does the same thing in MacOS is "CMD+\ " and for Windows machine it is "CTRL+\"

    • @naveenautomationlabs
      @naveenautomationlabs  3 ปีที่แล้ว

      You need to press function with f8.

    • @ghummakad_premi
      @ghummakad_premi 3 ปีที่แล้ว

      @@naveenautomationlabs yes I did that. Pressing Fn with F8 ( which appears on the touch id). Nothing happened. I'll see if there is something I have not enabled.

  • @kartikbadnorejain4708
    @kartikbadnorejain4708 3 ปีที่แล้ว

    Sir pls make video on how to convert int to roman numbers in java

  • @sarojkarki5752
    @sarojkarki5752 3 ปีที่แล้ว

    why there is dislike on this video?