Handle Hidden Drop Down Values / Auto Suggestions using DOM Trick | EventListener

Поделиться
HTML-код
  • Опубликовано: 2 фев 2025

Комментарии • 205

  • @bektazhibaev4479
    @bektazhibaev4479 Год назад +69

    For those who cannot find ‘blur’ event, alternatively you can remove ones in ‘focusout’

    • @relaxsleep5148
      @relaxsleep5148 Год назад +4

      Thanks Bek, most useful comment. I was confused as I don't have blur in my Event Listerners. I removed it from 'focusout'

    • @josephjibin4402
      @josephjibin4402 Год назад

      Thanks....😊

    • @Irina-cw4lw
      @Irina-cw4lw Год назад

      You really saved me, dear! I've tried so many options, but they didn't work in my case.

    • @winwinsichengnct
      @winwinsichengnct Год назад

      Thanks a lot, saved my day

    • @vedantraut7345
      @vedantraut7345 Год назад

      Thanks bek, very useful for me as well

  • @shriniwasalle911
    @shriniwasalle911 2 года назад +11

    This is very very useful for angular or react applications. I faced this issue lot of times, I used to do it with f8 key but now this is the coolest way you taught us. Thanks a lot man!

  • @SameerKumar-yu1xi
    @SameerKumar-yu1xi 2 года назад +9

    You are a great boss... Whenever I face issue I feel you knew in advance and you made on exactly same topic... Respect 🤜🤛

  • @anjalijha1598
    @anjalijha1598 2 года назад +2

    I was actually facing this issue and that too yesterday and today ur solution made my day....thank you so much sir

  • @SMSM-gd5dt
    @SMSM-gd5dt 2 года назад +2

    One of my interview question. Thanks for the useful video .Thanks a ton from USA

  • @sugumarraja550
    @sugumarraja550 Год назад +2

    You have made solution for every automation issue Thanks @naveen

  • @PJ-ev5xd
    @PJ-ev5xd Год назад +2

    Thank you ! very useful. As a self-study, I really appreciate

  • @automationwithwasi
    @automationwithwasi 2 года назад +1

    Thanks a lot, Naveen I have been facing this issue for a long time and you gave me a solution. Hats off to you👒👒.

  • @nayanagopinath669
    @nayanagopinath669 2 года назад +3

    Thanks a lot Naveen for sharing this.
    These are components which goes off when focus is lost. so when we switch to developer tools , the focus is lost and the component goes off.
    In developer tools , inspect tab
    click cmd+shift+p(short cut will be different in windows OS)
    Run command focused
    Select emulate a focused page option
    now you will see the dropdown and can inspect the elements

    • @swapnilpatil2189
      @swapnilpatil2189 2 года назад

      This helps ..removing blur is not working for me.

    • @nayanagopinath669
      @nayanagopinath669 2 года назад

      @@swapnilpatil2189 can you pls eloborate the use case

    • @swapnilpatil2189
      @swapnilpatil2189 2 года назад

      @@nayanagopinath669 there is dropdown in my application to select country and titles which get disappears while trying to get xpath, so as per the video i tried removing blur property from event listener but still i was not able to inspect. I tried your approach and it worked. Thanks!

    • @nayanagopinath669
      @nayanagopinath669 2 года назад +1

      Ok understood..glad that this tip helped and worked for you.

    • @herojagadesh
      @herojagadesh 2 года назад +1

      Thanks for the trick it worked

  • @varunkumarreddyp5767
    @varunkumarreddyp5767 2 года назад +1

    Your brain is like an alien Naveen. This will help a lot

  • @priyankadawane4156
    @priyankadawane4156 2 года назад +1

    it's like magic to know this trick👏👏👏 really helpful... thank you Naveen😊

  • @yerrasaimanojkumar6529
    @yerrasaimanojkumar6529 2 года назад

    Thank You Naveen....It is quite difficult to go with DOM BreakPoints...Now It is easy with this trick...😊

  • @SarangHoley
    @SarangHoley 2 года назад +3

    Thank you Naveen for this Quick video for this issue most of us face while automation 👍😊

  • @ujjalsaha2899
    @ujjalsaha2899 2 года назад

    Thanks Naveen … these simple automation tricks makes life easier… previously i used to open debugger for it…now this will help a lot!

  • @amitturkar7144
    @amitturkar7144 2 года назад

    Thank you so much Naveen for this trick. I was struggling for such drop down since last 1 week. I will try like this and will let you know.

  • @dhanamprakash6092
    @dhanamprakash6092 8 месяцев назад

    Thank you. After struggling with this issue, your solution worked.

  • @shivapolaki2024
    @shivapolaki2024 Год назад

    You are the best in explaining testing topics. Very helpful

  • @raghavpothineni6843
    @raghavpothineni6843 2 года назад +2

    You are really god gift for all the QA people who is already in industry and people who are looking for job, I donot think we need to apply our brains while desgining framework or designing the scripts :) , simply coming to your channel and refer the videos and getting knowledge.
    My Request , can you please do a video on Common/reusable methods in selenium webdriver which can be accessed across the frame work, I found Common methods for Webdriverwait, type, click . Can you please do a common methods for Calender , Bootstrap dropdowns, webtables, Search functionalitys , Auto Suggestions, Take screenshots ...I hope you can do it for your students :) because it is cakewalk for you :)

  • @madhuribramhe3248
    @madhuribramhe3248 2 года назад +1

    Thank yo so much ..i was so stuck bcz of this issue... completely helpful!

  • @TEBS2006
    @TEBS2006 7 месяцев назад

    Thanks Naveen. I was able to use this in my project with Angular JS drop downlist. Thank you again.

  • @nazimabanu4376
    @nazimabanu4376 10 месяцев назад +1

    Thank you so much for sharing this helpful knowledge with us. Continue the same ❤

  • @semcodynamics7299
    @semcodynamics7299 Год назад +1

    Thank you this has been extremely helpful!

  • @sanketdeshpande9242
    @sanketdeshpande9242 Год назад +1

    Thank you very much sir!
    This is very useful and informative tip.

  • @nilimasonawane519
    @nilimasonawane519 2 месяца назад +1

    really usefull..Thank you sir...all your videos are very helpful

  • @dineshkarthik5732
    @dineshkarthik5732 2 года назад +3

    It may be small thing and this willl very useful tips to automation community..thanks naveen
    It will really helpful if you share videos on all or major expected conditions(Webdriverwait) like staleness etc. in selenium when to use

  • @carln22
    @carln22 2 года назад +4

    Alternative if blur is not present: focusout - same trick, remove all, worked on a react dropdown I was looking into.

  • @rakeshkumarpanda1693
    @rakeshkumarpanda1693 2 года назад +6

    Thanks a lot Naveen for sharing this.
    We can use the below script from browser dev tool console as an alternative for the same concept
    setTimeout(function(){debugger;}, 5000)

    • @tissosweet....8638
      @tissosweet....8638 2 года назад

      Can you elaborate on it bro? Like how to use this?

    • @rakeshkumarpanda1693
      @rakeshkumarpanda1693 2 года назад +4

      Please open your browser dev console paste the script and hit enter. After 5 seconds the ui will freeze so that with the help of the inspector tool you can start inspecting the desired elements

    • @pimpomfossils
      @pimpomfossils 2 года назад

      this code is a savior! even blur sometime doesn't work in salesforce , like setup dropdown.. this code works. thanks very much.

    • @adityaphadnis1551
      @adityaphadnis1551 2 года назад

      @@rakeshkumarpanda1693 Can you please tell me after opening dev tool where I have to paste this script.

    • @rakeshkumarpanda1693
      @rakeshkumarpanda1693 2 года назад

      @@adityaphadnis1551 please follow below steps
      1. Open your browser dev tool
      2. Select the console tab
      3. Paste the above code and hit enter to execute. The browser will freeze after the mentioned time period

  • @abhishekvats6519
    @abhishekvats6519 2 года назад +3

    Hi Naveen, thanks for sharing this. But it is not working in my case, I deleted the blur property as well but the moment I tried to inspect the element, the same has been selected. Please let me know if you know some other way

  • @Maverism
    @Maverism 2 года назад +1

    Thank you so much Naveen sir your trick is working wonders for me forever grateful to you...

  • @shoshKid
    @shoshKid 2 года назад +1

    Thanks a lot Naveen, we appreciate you buddy.

  • @lightbluesquarejelly3806
    @lightbluesquarejelly3806 2 года назад +1

    Awesome!!

  • @ABAutomationHub
    @ABAutomationHub 2 года назад +1

    Thanks for creating video on this.. It’s very useful and will make the life easier.. Great Job 👏👏

  • @Irina-cw4lw
    @Irina-cw4lw 2 года назад +1

    Amazing! Thanks for sharing 🙏

  • @surokiduniya
    @surokiduniya 4 месяца назад

    Very Helpful.

  • @andadana799
    @andadana799 2 года назад +1

    very good. congratulations.

  • @fizaautomationlabs2660
    @fizaautomationlabs2660 4 месяца назад

    nice one. i have another way of handling this. but this is something different

  • @balajibalaji7626
    @balajibalaji7626 7 месяцев назад

    Thank you so much it is very clear and easy process

  • @shwetabhsrivastava5398
    @shwetabhsrivastava5398 2 года назад +1

    Awesome trick ...hats off

  • @mrindian7422
    @mrindian7422 Год назад +1

    Thank you so much ❤

  • @vishalavishala1883
    @vishalavishala1883 2 года назад

    You are Awesome ....Thanks for all Gyan

  • @kdm3587
    @kdm3587 11 месяцев назад

    You're the best, thanks a lot, man!

  • @ashishsahu8065
    @ashishsahu8065 2 года назад

    This is very useful video. Thank you so much for such amazing videos.

  • @mohamedilyas8610
    @mohamedilyas8610 2 года назад

    That's why you are awesome naveen!..

  • @mohammedshahab6095
    @mohammedshahab6095 2 года назад

    You solved my problem. Thank you very much.

  • @nethajiraj8081
    @nethajiraj8081 2 года назад +1

    Great!! But did not work for my application. Still I am not able to inspect

  • @madhvikumari3279
    @madhvikumari3279 2 года назад

    This video is very helpful...
    Thanks!

  • @madhvikumari3279
    @madhvikumari3279 9 месяцев назад

    Thank you for amazing information.

  • @rajukiran5290
    @rajukiran5290 2 года назад

    Thank you Naveen for this video

  • @jayeshkumar2815
    @jayeshkumar2815 2 года назад

    Thank you Naveen it's really useful

  • @sonalirathod9950
    @sonalirathod9950 11 месяцев назад

    Hello sir, your videos are really very helpful thank you for posting such an useful content. And I really want you create one video on, when user Zoom on image at that time cursor symbol gets change and capture the element.
    is that possible to do???

  • @SurendraTalluri-e3z
    @SurendraTalluri-e3z Год назад

    Thankyou So much sir it was very helpful to me..

  • @81sinnombre
    @81sinnombre 2 года назад +2

    What I regularly do is in console ... setTimeout(()=>{debugger},8000) and quickly click the dropdown and wait 8 seconds

  • @shajeeprajeeth9544
    @shajeeprajeeth9544 Год назад

    🎉🎉 Tnk u so much buddy 😎

  • @mohammedakheeb7724
    @mohammedakheeb7724 2 года назад

    Thank you Naveen this was very helpful...

  • @bushrachowdhury278
    @bushrachowdhury278 2 года назад

    Thank you a lot Naveen.

  • @tanunjoyroy799
    @tanunjoyroy799 2 года назад +1

    In my case, I had to also remove the focusout property along with blur in order to inspect the suggestive list.

  • @sun4os
    @sun4os 2 года назад +1

    very useful explanation

  • @harshalgoswami5294
    @harshalgoswami5294 Год назад

    Too good. 😇

  • @PraveenKumar-bw5fo
    @PraveenKumar-bw5fo 2 года назад +1

    Thank you for info

  • @bharatheBha0526
    @bharatheBha0526 2 года назад

    Perfect Naveen..

  • @indiatouronbicycle8252
    @indiatouronbicycle8252 Год назад

    Thanks for videro make more such type of video.

  • @rajdakash
    @rajdakash 2 года назад

    quick and crisp 👍🏻

  • @anuragmishra7243
    @anuragmishra7243 2 года назад

    Hi Naveen,
    Thank you so much for the awesome help.
    Can you please suggest something to Automate Mobile App Drop Down?

  • @douglasfugazi
    @douglasfugazi 2 года назад

    Awesome tip, thanks for sharing 👏

  • @pulkitsachdevashorts8770
    @pulkitsachdevashorts8770 2 года назад

    Thank You Naveen.

  • @aniruddhanaik4671
    @aniruddhanaik4671 Год назад

    Hi I am also facing the same issue of hidden value i cant identify the element .Like you said in the video delete 3 items from blur if it is not then focusout that too is not present can you suggest something else

  • @JohnnyBikerOfficial
    @JohnnyBikerOfficial 2 года назад

    Hi Naveen can you help to select from that more dropdown in flipkart I am giving the xpath right but elements list is not getting any entry size is still 0.

  • @mnandarao
    @mnandarao 2 года назад

    Hi Naveen, Hope you are doing good, This trike is very useful and I tried to use it but it's not working in my application can you please share any workaround it

  • @bhaveshchiplunkar8437
    @bhaveshchiplunkar8437 2 года назад

    Thank you.. very helpful!!

  • @TrustTheTimingOfYourLife
    @TrustTheTimingOfYourLife Год назад

    In my case, i could not able to find BLUR property itself in the Event Listener and its not at all visible. Please suggest alternative solution for this.

  • @cglaptop
    @cglaptop 2 года назад

    Thank you so much.

  • @ajay_mauryaa
    @ajay_mauryaa 2 года назад +8

    This is not working for lightning or Salesforce application.

  • @savinashab8935
    @savinashab8935 Год назад

    Thank you. It worked

  • @amankumarsrivastava5227
    @amankumarsrivastava5227 2 года назад

    Thanks a lot sir, it is very easy, have one more way, will share i.e. something we can do through console

  • @hardikguliani2482
    @hardikguliani2482 Год назад

    Thankyou Very Much

  • @Rohan269503
    @Rohan269503 2 года назад

    Helpful THanks a lot

  • @jambudejavu-g9y
    @jambudejavu-g9y 2 месяца назад

    Sir I'm looking for some help regarding automation through selenium how can I contact you.

  • @malathiravi4890
    @malathiravi4890 3 месяца назад

    Hi naveen..have doubt in inspect the child category of flipkart..my interview question ..open flipcart- click any one category-find out xpath of child category...little bit difficult to find out the xpath of this..can you guide me how to take xpath for this?

  • @madhusudhanreddy5320
    @madhusudhanreddy5320 2 года назад

    Excellent man

  • @amitk6463
    @amitk6463 2 года назад

    @Naveen AutomationLabs Another trick is when the list appeared, press tab key manually to reach inspect button and hit enter key. You will find element source code without disabling blur property for those objects....

    • @naveenautomationlabs
      @naveenautomationlabs  2 года назад

      This won't work if you have many elements on the page like Flipkart or Amazon. In fact if you try the same on Flipkart and moving manually to inspect icon and press enter. List is getting disappeared.

    • @amitk6463
      @amitk6463 2 года назад

      @@naveenautomationlabsTrue, for multiple elements it becomes difficult..

  • @ashishsaxena5587
    @ashishsaxena5587 2 года назад +1

    Great

  • @namratasingh3464
    @namratasingh3464 2 года назад

    Hi Naveen, thanks your videos are really helpful!
    I have a query, in which when I am clicking on a button it is giving me one id, then have to wait overnight, and then next day login on the other URL where this id will have few account numbers and other data which I have to verfiy. but waiting overnight is must for data to generate , How this can be managed using Selenium ?

  • @anilkumaryadav106
    @anilkumaryadav106 2 года назад

    Hi Naveen, Selenium is not able to automate the pages having intermediate redirection pages.
    Page 1> Page2> Page 3
    Selenium is able to go up to page 2 URL only.
    What to do, please help.

  • @be.nandya
    @be.nandya 2 года назад

    Perfect 🥰

  • @abuthahir18
    @abuthahir18 2 года назад

    Hi Naveen,
    In in my react J web application, i could not able to find BLUR property itself in the Event Listener and its not at all visible. Please suggest alternative solution for this.

  • @StreetRiderSimran
    @StreetRiderSimran 2 месяца назад

    Thank you

  • @Indian-hq4ts
    @Indian-hq4ts 2 года назад

    Hi Naveen what if no blur is not available?

  • @ArushAryavlog
    @ArushAryavlog Год назад

    Nice trick thanks

  • @rajia3455
    @rajia3455 2 года назад

    I need same question for Appium. I need to get data from drop-down of 10 values. I used Select class. But, it get the text of only visible text, it is not getting last 2 values because of hidden by scrolling. Please give me solution for Appium

  • @amankumarsrivastava5227
    @amankumarsrivastava5227 2 года назад

    Sir, will this work for tooltip?

  • @nitityagi6101
    @nitityagi6101 2 года назад

    Hi Naveen, If I want some advice regarding career growth , how can i connect with you directly?? Please reply

  • @sidharthkumar1833
    @sidharthkumar1833 11 месяцев назад

    Sir pls tell, how to inspect "camera & accerlaries " under Electrons dropdown??????????

  • @ParasJoshiPj
    @ParasJoshiPj 2 года назад

    Thank you nvin..

  • @sarashaikh6729
    @sarashaikh6729 5 месяцев назад

    Hi sir ,how to select option(e.g.Ahmedabad) from a list without using select method? Thanks.

  • @ganeshtekale8777
    @ganeshtekale8777 2 года назад

    Osm Bro Thanks

  • @muzak_nat
    @muzak_nat 6 месяцев назад

    Can someone explain how he captured that xpath - Contains?

  • @Anup_x
    @Anup_x 7 месяцев назад

    He, I'm trying this on my test site but it's not working. Is there any other ways to do this?

  • @sahani7015
    @sahani7015 2 года назад

    I thought Ctrl+shift+C shortcut will work here but it didn't. Thank for the video sir.

  • @SantoshShinde-vu9oo
    @SantoshShinde-vu9oo 2 года назад +2

    we can use "Paused in debugger " In Console Run cmd : setTimeout(()=>{debugger},5000) and handle the hidden values.

  • @MyKalps
    @MyKalps 2 года назад

    Hi Naveen if u have videos regarding browser authentication application to find broken links and how to add cookies in the HttpURLConnection pls let me know