How to handle

#ShadowDom #NaveenAutomationLabs
In this video, I have explained How to handle #ShadowDom elements in Selenium
What is ShadowDom & ShadowRoot in DOM
How to query ShadowDom elements using querySelector
How to create shadow Dom element using JavaScript and execute it using JavaScript Executor in Selenium
GIT REPO FOR THIS EXAMPLE:
github.com/naveenanimation20/...
~~~Subscribe to this channel, and press bell icon to get some interesting videos on Selenium and Automation:
kzbin.info%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/COJqZUPB02r5sB7...
Paid courses (Recorded) videos:
naveenautomationlabs.com/reco...
For Java & Selenium - naveenautomationlabs.com/selen...
For API (Manual + Automation) - naveenautomationlabs.com/manua...

[@shankumondal2881]

From no other available internet resources we can get a so clear explanation ever. Thank you Naveen. 👍

[@a_l_o_k_1991]

That's the right way how to explain concepts...Thanks for this video

[@saurabhk2327]

Most awaited topic... Thanks Naveen 👌

[@arpitarjaria2784]

Amazing explanation of shadow dom. Thanks Naveen

[@KuldeepKumar-wu7xx]

Thanks for sharing Naveen, its very helpful..!!

[@afrinfakir7313]

This is so amazing... Thank you so much Sir

[@kavishautomationfactory170]

Thanks Naveen. This is new concept for me. Learned new things today

[@vikalpandey937]

Thanks for your quick response 👍 👏 👌 😀

[@najiriyas7394]

Very good explanation about shadow dom.. Thank you so much 😊

[@girishchandramoharana2]

Thanks a lot Naveen.....👍👍👍

[@MegaSivaganesh]

Thanks for covering this topic

[@adurianvesh7225]

Thanks, Naveen. This is a new concept for me. Learned new things.

[@pandudamera7211]

Thank you so much made that video brother

[@tarang692]

Thank You Sir ji...very informative...I was lost and your videos helped me understand.

[@rahultripathi2005]

Beautifully explained in details..

[@sunrisesoft7952]

Great!!!! thank you so much!

[@rssaiganesh]

Thank you very much for this video. Helped me a lot

[@velun4047]

Very helpful for accept all cookies banner.. Thanks Naveen...

[@vikalpandey937]

Thank you so much naveen

[@sunrisesoft7952]

Hello @Naveen I'm facing an issue about the stale element under shadow root, do you have any idea/suggestion? thank you in advance!

[@MrDottyrock]

After 12 hrs of debugging SF, I learnt what shadow doms are and got my CI tests working.

[@naveenautomationlabs]

Awesome!!

[@arunbarma1002]

Excellent 👌

[@SarangHoley]

Awaited topic got covered, Thanks Naveen For this 😊👍

[@naveenautomationlabs]

Most welcome 😊

[@waniya-huzzu]

@@naveenautomationlabs findelements how to handle ?

[@snehakakade4504]

Hi Naveen .In application we used Angular and web component with Shadow DOM. Can you please suggest which tool is good for this UI automation

[@samitbh87]

Learned a new and much awaited topic !! Thanks Naveen :)

[@naveenautomationlabs]

Glad to hear that

[@asifsaleem7086]

Javascript error : cannot read property 'shadowroot' of null ............... i facing this all the time plzzz help

[@devashishrawat6555]

I am getting the same error. Please help me with the solution if you found it.

[@luikanungo5859]

Thank you Naveen!! This helps me a lot 🙏🏻could run my application successfully 😇

[@paulr7765]

Dude I love you. You saved me

[@nagarathnadesai]

Hello, I have a drop-down value in shadow root that I need to select. Tried with JS path like you suggested, but the value keeps changing, as it is dynamic. Any way that I can search the value through text? Please let me know. Thank you in advance. Below is my output from console : document.querySelector(‘eds-select’).shadowRoot.querySelector(‘div > ng-select > ng-dropdown-panel > div > div > div > span’) Span contains the text that I am trying to select

[@vivekn9856]

That's great!! Thank you, Naveen for the video. Please demonstrate how to scroll inside shadowroot element

[@mandeeparora5652]

Thanks for this topic... Really helpful

[@naveenautomationlabs]

Glad it was helpful!

[@suprabathj7843]

Good one👍

[@swapnilgujar6398]

Thanks Naveen for this video. It helped me a lot

[@ppk24]

Request you to please explain how to locating elements in shadow DOM using selenium *python*. Thank you Naveen..!!

[@ishannavgire6575]

Hi Naveen, Thank you for covering this topic. Accessing elements inside a shadow DOM works fine for Chrome browser, but it fails for firefox with error “circular object reference”. Did you come across this error by any chance? If yes, how did you resolve it?

[@DinuVijayan]

Thanks Naveen for this wonderful video. But a question, while using document.querySelector should we traverse through each node or can we use something relative like relative XPath?

[@RoyerAdames]

Thank you that helps

[@vasudhakalyane3294]

Thank you so much

[@SingaporeChinnodu]

HI Naveen, Telegram link provided in description is not working. Could u tell the group name.

[@nisarAhmed_Syed]

Hi there, I have a test that, I have to select an icon (web element) which will be displayed only when I mouse hover to it , then I have to inspect it.can someone help me out how to do it...before mouse hover to it, it shows another data, by mouse hovering to it I get a icon, which I should click and carry out other process

[@gokulnathps8246]

Great

[@lattikajagannathan1137]

Shadow-root ( user-agent) is open shadow-root or closed. Can we automate shadow-root (user-agent) elements??

[@NehaKumari-hn4uk]

If anyone reading this comment please reply I am automating rahulshetty ecommerce website when I don't use page object model its work perfectly but when I try to automate using page object design pattern the same program doesn't work

[@shilpamadabhavi7718]

Hi Naveen i tried this shadow dom in my application its working for textbox when tried it on select item its working could you please give me some idea on this

[@poonamsharma7026]

Hi Naveen, can we automate shadow-root(user-agent)?

[@user-bm8ou1xr6o]

Hey Naveen, how to apply webdriver wait or any other wait for that instance for shadowDOM elements? PLEASE HELP. My webpage is not loaded and the script is already performing click function

[@gilsonsouza8159]

Hi Naveen, How are you? I have a question, lets say that inside the shadow-root there is a also. it is a text box where I have to paste a text message. I am facing problems to get there. do you have any idea on how to do it? Also I am trying to handle a dropdown, which I now how to do it with normal xpath elements using JAVA API, but how to do it using JS path? Please help me :) Have a good day Naveen, thank you so much for your videos, it has been helping me a lot

[@developerscentre]

Thank you for the video! How to use waits for dynamically loading elements present under Shadow DOM?

[@swapnilkawade]

Naveen Sir. I'm trying tp automate Service Now developer Instance. However when I login and come to Start Building page, the Shadow root does not handle. I tried with same method - putting in console and checking out but getting error: javascript error: Cannot read properties of null (reading 'shadowRoot') Kindly suggest....

[@swatishreesahoo2670]

Hi Naveen, I followed the steps mentioned to write the path for shado dom element. but getting "org.openqa.selenium.JavascriptException: javascript error: Cannot read properties of null (reading 'shadowRoot')" error

[@jimmatrix7244]

Is youtube ad video an example of shadow DOM? If yes, what element is it referencing?

[@rsudarsan6690]

hi Sir, is it possible to create one video like this using python and selenium webdriver and another one with Python Robot Keyword framework as well

[@kirankumar-ek5mr]

Hi Naveen how to open real web cam.. fake camera not working for me.. it just masks with green color in camera.. will you please help me out.. tried all kind of stuffs..

[@varadatiwari1343]

Thanks Naveen. It's a very informative video. I followed this and it worked perfectly for me in chrome but the same code doesn't seem to work for Safari. It would be really helpful if you can make a similar video for Safari as well.

[@snehabhat4446]

Hi Naveen, Could you please teach how to insert shadow DOM elements in list. This is required for my work. Please help. I am using JSPath to identify the shadow DOM elements.

[@piyushkotiyal9964]

how can we use waits without driver as we using JSE,pl help naveen

[@tulasiramsunkara]

Excellent Naveen.... I would like to know what is the purpose of shadow elements...

[@lakshmisuprajamaggie]

If input is uploading a file,how can we handle inside nested shadow in python selenium

[@YOGESHKUMAR-ce9cd]

Even though I follow the same steps in my project the "Check button" is not clicking. Kindly help me on this. what will be the issue?

[@rajeshrj67]

Can you help me please... I need to open one downloaded file by clicking on it but that is not working...

[@ravishankarharish1345]

Hi naveen,this was good session.Using this iam trying to operate on drop down but its not woking. It will be good if the session is made on the drop down with out using the select tag inside a shadow root. Thank you

[@useme8196]

Hi Naveen, How Can we use shadow root in Implicitly/Explicitly wait.

[@macharlaanilkumar6363]

can you please help me in this, iam getting this elow error-------- raise exception_class(message, screen, stacktrace) selenium.common.exceptions.JavascriptException: Message: javascript error: Cannot read properties of null (reading 'shadowRoot')

[@ronakraskar5843]

Thanks Naveen.... This is very helpful.... Does this work in headless mode..? It's working in UI mode but I am facing issue while executing this in headless mode in chrome...

[@pavankumar-wn9to]

Hi Naveen,. I can see shadow root element is opened but still seeing can not read property 'shadowRoot' of null...any idea on this?

[@abhisrag]

Same error did you find a solution ?

[@rahulpatil5990]

How can get list of elements by document.queryselectorAll() with selenium ?

[@piyushkotiyal9964]

great sir!! cud u pl let me kno how can we use webdriverwait with jse as we are not using driver directly

[@kirankumar193]

Hello sir, How to do gettext of shadow dom element?

[@amaraa42]

Hi Naveen, thank you for the great video it helps a loooot. But I still have problem. I have many shadow root like this DOM. I click one element then navigate to other page. then I was going to locate element. but some reason I cannot locate any element on that new page. I tried reasign jse again or created new one still cannot locate any element from that page. What should I do? Can you advise?

[@saurabhgupta3542]

I wanted to automate chrome:downloads section once, but I never knew why I was not able to interact with the element. With this video now I know the reason. Thank you for the video Naveen ❤️

[@naveenautomationlabs]

You're very welcome!

[@najiriyas7394]

Hi sir.. after using the same way am getting JavascriptException in the console...

[@sampurnagadipudi9925]

Hi Naveen, can u pls share a video on how to perform scroll if we have shadow dom

[@bhushandeshpande6246]

Great topic coverage Naveen !!! Thanks a lot... I followed the steps and created JS query in my project, it is working in console, but in test script it is failing with error "Cannot read properties of null (reading 'shadowRoot')". I'm working on selenium 3 with Java. Can you please help??

[@shankarlingam4702]

Hi Bhushan, I am also getting the same error may i know whether the issue is fixed and if yes could pls share how it got fixed?

[@therealistoptimistic]

Getting error - org.openqa.selenium.JavascriptException: javascript error: Cannot read property 'click' of null

[@shankarlingam4702]

Whether the issue is fixed?

[@macharlaanilkumar6363]

@@shankarlingam4702 is this issue fixed

[@KonduVenkat1995]

Thank's naveen for this video and your're QA community support, and one more I unable to join you're telegram group . How I would join you're Telegram group

[@sanjibkumar2390]

It's such a helpful video thanks Naveen a lot., Team, Please tell me how use get text from a shadow.please it's urgent!!!

[@yogeshkale4398]

How to make list of shadow root elements. Is it possible?

[@cristianvargas7176]

There is no better way to get the elements? I think there are too many chain calls

[@bihari1422]

copy js path is life saviour :)

[@rahulgada]

Hello Naveen...I am able to enter the value but i am not able to see them in input field on UI but when i go and see in the inspector, under value tag the value is getting stored but not displaying on UI what could be the issue, appreciate anyone's help🙏🙏🙏

[@piju6036]

Since you already got the WebElement by casting the shadow DOM object you can use .sendKeys() method with it.

[@kamalkishoresingh9532]

HI Naveen can we do similar in webdriverio

[@tejalgulati8085]

can you please explain, how it can be done for Webdriver IO?

[@nasbasarinkm7869]

is there any way for shadow root closed?

[@KARTHIKPANCH97]

Hi Naveen Please share some websites where shadow DOM is Implemented

[@mahapol8812]

How to do shadow dom with python selenium?

[@snehalatabehera7303]

Thanks Naveen for explaining it so well. But in my DOM case, after shadow-root I have all the html tags with section only as below Shadow-root (open) Goes on... I need to select the section part 2..how can I do that?? Could you please help me with this??

[@snehalatabehera7303]

It worked with section.2... Please ignore the question. Thank You!

[@richiestark4921]

How to come out from shadow root after driver switch inside?

[@akshaygawand8]

Sir please create a video where script is selecting shadow root drop-down options.

[@MatheusPereira-nn9dj]

este conteudo deveria ter legendas urgentemente porque nao se tem muito sobre no youtube

[@rahultiwari9376]

I tried the same way but neither it is throwing error nor entering any text in the textbox

[@AniketSingh-gn7gb]

Hi Rahul, I am getting the same username cannot be empty. You resolved it?

[@nishantshekhar7447]

Need same flow but with Shadow Dome close

[@naveenautomationlabs]

GIT REPO FOR THIS EXAMPLE: github.com/naveenanimation20/ShadowDOMHandle

[@jaganathanellappan4244]

Hi Naveen Script was working but ...text which passed as attributes were not displayed as text and looks like predefined text...any idea on it...

[@gordonmccarthy5152]

when i use this code i got exception " org.openqa.selenium.JavascriptException: javascript error: Cannot read properties of null (reading 'shadowRoot') any solution for that

[@macharlaanilkumar6363]

same problem facing , pls explain me if you have already solved