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

แชร์
ฝัง
  • เผยแพร่เมื่อ 12 ก.ย. 2022
  • In this video, I'll discuss shadow DOM and how to locate shadow dom elements using Selenium.
    So lets move inside the video to get more details.
    *************Please comment in case of any query************
    Please watch below video as well -
    Selenium 4 new features: • Selenium 4 Features | ...
    What is Same Origin Policy : • What is Same-Origin po...
    Best way to create If-else block : • Best way to create if-...
    Comments in code good or bad: • Are comments in code g...
    Dependency Inversion Principle: • #5 SOLID Principles | ...
    Interface Segregation Principle : • #4 SOLID Principles | ...
    Liskov Substitution Principle: • #3 SOLID Principles | ...
    Open/Closed Principle : • #2 SOLID Principles | ...
    Single Responsibility Principle : • #1 SOLID Principles | ...
    git pull and git fetch : • #7 Git Tutorial | What...
    git tag : • #6 Git Tutorial | What...
    git pull request : • #5 Git Tutorial | Git ...
    git branching strategy : • #4 Git Tutorial | Bran...
    github overview : • #3 Git Tutorial | GitH...
    git installation on windows : • #2 Git Tutorial | Git ...
    git architecture : • #1 Git Tutorial | Vers...
    Widening Primitive Conversion: • Do you know the output...
    To start with selenium project in c#. : • Selenium with C# | Cre...
    5 time saving tips for visual studio : • 5 Time Saving Shortcut...
    Drag and drop operation in selenium : • How to perform drag & ...
    How to switch dotnet core version : • How to switch .Net cor...
    Ternary or conditional operator : • Replace if-else block ...
    String manipulation : • Avoid using String var...
    Klov report server : • Selenium with C# | Klo...
    Dynamic v/s Var in c# : • Dynamic vs Var | C#
    How to setup selenium grid in docker : • How to setup Selenium ...
    Selenium with C# - Klov Report : • Selenium with C# | Klo...
    Selenium with C# - Extent Report : • Selenium with C# | Ext...
    Selenium with C# - Create Project to automate test (Selenium + Specflow ) : • Video
    Selenium with C# - Parallel Execution and Screenshot : • Video
    Selenium with C# - All about feature files : • Video
    Serilog - Logging in Automation Framework : • Serilog | Logging in A...
    Selenium with C# - Specflow - External Bindings : • Selenium C# | Specflow...
    Selenium - Working with Excel - Part 1 : • #1 Working with Excel ...
    Selenium with Java - Cucumber Html Report : • Selenium with Java | C...
    Logging in Java : • Log4J2 | Logging in Ja...
    Object Repository | YAML file | Selenium JAVA | BDD Framework - • Object Repository | Ho...
  • วิทยาศาสตร์และเทคโนโลยี

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

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

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

  • @ajaykrishna1136
    @ajaykrishna1136 4 หลายเดือนก่อน +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  4 หลายเดือนก่อน +1

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

  • @yuriytereshchuk1232
    @yuriytereshchuk1232 9 หลายเดือนก่อน +1

    Thanks for the detailed explanation. It is really helpful.

  • @user-ne4kh8vy6l
    @user-ne4kh8vy6l 11 หลายเดือนก่อน +1

    A great explanation indeed sir .

  • @sarathr4495
    @sarathr4495 20 วันที่ผ่านมา +1

    Helpful

  • @narendrar9030
    @narendrar9030 9 หลายเดือนก่อน +1

    nice explanation understood the concept well.

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

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

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

    love it!

  • @rohitchauhan9891
    @rohitchauhan9891 9 หลายเดือนก่อน +1

    Thankyou you are great

  • @osnicirio4986
    @osnicirio4986 7 หลายเดือนก่อน +2

    A great explanation. Thank you

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

    This is really helpful. Thanks

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

    It was pretty useful for me.

  • @sreedharSN-ft8fm
    @sreedharSN-ft8fm ปีที่แล้ว +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  ปีที่แล้ว +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 ปีที่แล้ว

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

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

    I love you

  • @Jay-gb8uv
    @Jay-gb8uv 13 วันที่ผ่านมา +1

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

    • @maximumautomation
      @maximumautomation  13 วันที่ผ่านมา +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 13 วันที่ผ่านมา +1

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

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

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

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

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

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

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

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

      Sorry, but I didn't understand your question.

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

      ​@@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

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

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