Forum Discussion

seth's avatar
seth
New Contributor
4 years ago

How to locate a component in nested shadowroots -- polymer in electron

Hi everyone!  I'm just dipping into TestComplete and I'm not having much luck figuring this particular issue out.  My project is a polymer/redux front end thats wrapped in Electron.  I'm trying to wr...
seth's avatar
seth
New Contributor
4 years ago

Good morning Sonya and thanks!  I actually found that NameMapping is useful but the nameMapping engine doesn't always locate the object and assign a name.  I've found mini work arounds but I think as I have to get deeper into the document, those workarounds won't work anymore.

 

My best workaround so far is to match the properties CustomObjectTypelook with innerHTML under the Chrome properties in Advanced view within Object Spy.  This also requires me to search for the parent object by FullName, which gets a little ugly.  If there is a better, faster, smarter way, I'd love to hear it  🙂

    • sonya_m's avatar
      sonya_m
      SmartBear Alumni (Retired)
      4 years ago

      Thank you for the link Marsha!

       

      seth Thank you for providing feedback! Have you looked into the section of documentation Marsha has suggested above? It is very thorough!

      • Morgan123's avatar
        Morgan123
        Visitor
        4 years ago
        sonya_m wrote:CredibleBH

        Thank you for the link Marsha!

         

        seth Thank you for providing feedback! Have you looked into the section of documentation Marsha has suggested above? It is very thorough!

        Shadow DOM is a new DOM feature that helps you build components. Shadow DOM lets you place the children in a scoped subtree, so document-level CSS The host has a property called shadowRoot that refers to the shadow root. child-element renders its light DOM children inside this div --> <slot id="child-slot">.

  • AlexKaras's avatar
    AlexKaras
    Champion Level 3
    4 years ago

    Hi,

     

    Also the https://support.smartbear.com/testcomplete/docs/app-testing/web/web-components/shadow-dom.html help article describes Shadow DOM support in TestComplete. I believe you've already read it, haven't you?

    I did not work with (multi-level) shadow DOM, so can suggest nothing better at the moment but to contact Support via the https://support.smartbear.com/testcomplete/message/ form and ask them if multi-level shadow DOM is supported in TestComplete.