What is Shadow DOM? | How to identify shadow root elements using Selenium 4 | GetShadowRoot method

แชร์
ฝัง
  • เผยแพร่เมื่อ 7 ม.ค. 2025

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

  • @manishr1000-w8i
    @manishr1000-w8i 4 หลายเดือนก่อน +1

    Excellent Content. Just to add on to this topic that I found an easier way to write all the lengthy shadow root code. Following are steps:
    1)In Development Tool (F12) window> Right click the element> Copy> Copy JSPath.
    2) It will provide fullJSPath of the webelement.
    3) On chatgpt (or any AI platform) > paste above jspath > and enter the prompt: "You have above jspath. You have to select this webelement in Selenium4 using shadowhost and shadowroot approach"
    4) It will provide almost exact code required for shadow-root hierarchy.
    Above approach can reduce most of the manual time required otherwise in identifying sub-elements one by one

    • @maximumautomation
      @maximumautomation  4 หลายเดือนก่อน

      Thank you for adding these details.

    • @ManishKumar-dl8iu
      @ManishKumar-dl8iu 27 วันที่ผ่านมา +1

      Thanks for the useful info Manish, huge shout out to Maximum automation channel for this video!

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

    I have been looking for an explanation like this, thank you very much, you did a great job

  • @ajaykrishna1136
    @ajaykrishna1136 10 หลายเดือนก่อน +4

    Do we have other way to identify element directly instead of traversing from top to bottom ? Identifying element with this approach is a tedious task.

    • @maximumautomation
      @maximumautomation  10 หลายเดือนก่อน +1

      As far as I know, this is the only option in webdriver to get the shadow elements.

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

    Thanks for the detailed explanation. It is really helpful.

  • @ОтацТорпедије
    @ОтацТорпедије ปีที่แล้ว +1

    A great explanation indeed sir .

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

    Nice explanation made excellent by nice speech pattern with pauses. Great job.

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

    nice explanation understood the concept well.

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

    A great explanation. Thank you

  • @Jay-gb8uv
    @Jay-gb8uv 6 หลายเดือนก่อน +1

    Dear Sir, Can you explain the code at 10:10, why did you not call getshadowhost() method?

    • @maximumautomation
      @maximumautomation  6 หลายเดือนก่อน +1

      If you see the element hierarchy then you will find the tag 'settings-appearance-page' does not come under shadow root. We can directly reach this tag element using the earlier element.

    • @Jay-gb8uv
      @Jay-gb8uv 6 หลายเดือนก่อน +1

      @@maximumautomation OMG Thankyou, and congratulations, Well recommended channel

  • @aambikarani
    @aambikarani 13 วันที่ผ่านมา

    Thank you very much for ur post ,it is very useful

  • @CynthiaKaufman-c7j
    @CynthiaKaufman-c7j 5 หลายเดือนก่อน +1

    You’re a legend!

  • @sreedharSN-ft8fm
    @sreedharSN-ft8fm 2 ปีที่แล้ว +1

    Great Video ... why we need to use only css selector to identify shadow root inside shadow tree (why it will throw invalid locator exception ?) please explain ..

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

      getshadowroot method is defined using css selector only. So if you give any other locator it will throw an exception. And regarding the question, why other locator don't work on shadow DOM? Because original DOM don't have any information of the element of shadow trees.
      Hope it answers your question.

    • @sreedharSN-ft8fm
      @sreedharSN-ft8fm 2 ปีที่แล้ว

      @@maximumautomation This answer is helpful, Thank you so much .. Looking forward ..

  • @ChayaE-yw8tm
    @ChayaE-yw8tm 4 หลายเดือนก่อน +1

    great explanation

  • @olasupoabdlateef4294
    @olasupoabdlateef4294 7 หลายเดือนก่อน +1

    This is really helpful. Thanks

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

    It was pretty useful for me.

  • @box4aza
    @box4aza 2 หลายเดือนก่อน +1

    Thanks, Boss!

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

    i like this video..
    but how to select time using showdow-root concept

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

      Sorry I didn't get it. Could you please give an example?

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

    Thankyou you are great

  • @anandsubhash5088
    @anandsubhash5088 7 หลายเดือนก่อน

    Have a question is ist same with accessing the document element is the dom?

    • @maximumautomation
      @maximumautomation  7 หลายเดือนก่อน

      Sorry, but I didn't understand your question.

    • @anandsubhash5088
      @anandsubhash5088 7 หลายเดือนก่อน

      ​@@maximumautomation I have a I frame and inside an there is a document and inside that there is element and I need to click on it. I switched to but when iam trying to access the element . The element is not accessible because its present inside the document tag . So how to resolve this issue . Will be helpfull if u make an video aswell.Thankw in advance

  • @zlegend-wh6pt
    @zlegend-wh6pt 10 หลายเดือนก่อน +1

    love it!

  • @TIMDAviz
    @TIMDAviz วันที่ผ่านมา

    How can I contact you

    • @maximumautomation
      @maximumautomation  19 ชั่วโมงที่ผ่านมา

      You can post your question here.

  • @sarathr4495
    @sarathr4495 7 หลายเดือนก่อน +1

    Helpful

  • @TIMDAviz
    @TIMDAviz วันที่ผ่านมา

    Bro I have questy

  • @gabrieln.6064
    @gabrieln.6064 10 หลายเดือนก่อน +1

    I love you

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

    ░p░r░o░m░o░s░m░ 😕