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

Question

Hi everyone!&nbsp; I'm just dipping into TestComplete and I'm not having much luck figuring this particular issue out.&nbsp; My project is a polymer/redux front end thats wrapped in Electron.&nbsp; I'm trying to write some automated tests but am having a problem digging buttons and other components buried within nested shadowroot nodes.&nbsp;I have enabled support for web components in Web Testing and I can get properties for objects that are one shadowroot deep, but cannot get any properties for objects deeper than that first shadowroot node.&nbsp; The result I get back is that the object doesn't exist, though it most certainly does exist and function for the user.

alexkaras · Accepted Answer

Hi,
&nbsp;
Also the&nbsp;https://support.smartbear.com/testcomplete/docs/app-testing/web/web-components/shadow-dom.html&nbsp;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&nbsp;https://support.smartbear.com/testcomplete/message/&nbsp;form and ask them if multi-level shadow DOM is supported in TestComplete.
&nbsp;

marsha_r · Answer

There's a lot of setup and other information here:
https://support.smartbear.com/testcomplete/docs/app-testing/web/electron/about.html
&nbsp;
Have you been through all this?

sonya_m · Answer

Thank you for creating this thread!
&nbsp;
Marsha_R&nbsp;tphillips&nbsp;AlexKaras&nbsp;Wamboo&nbsp;, could you take a look?

seth · Answer

Good morning Sonya and thanks!&nbsp; I actually found that NameMapping is useful but the nameMapping engine doesn't always locate the object and assign a name.&nbsp; I've found mini work arounds but I think as I have to get deeper into the document, those workarounds won't work anymore.&nbsp;My best workaround so far is to match the properties CustomObjectTypelook with innerHTML under the Chrome properties in Advanced view within Object Spy.&nbsp; This also requires me to search for the parent object by FullName, which gets a little ugly.&nbsp; If there is a better, faster, smarter way, I'd love to hear it&nbsp; 🙂

sonya_m · Answer

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

morgan123 · Answer

sonya_m&nbsp;wrote:CredibleBHThank you for the link Marsha!&nbsp;seth&nbsp;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&nbsp;components. Shadow DOM lets you&nbsp;place&nbsp;the children in a scoped subtree, so document-level CSS The host has a property called&nbsp;shadowRoot&nbsp;that refers to the shadow root. child-element renders its light DOM children inside this div&nbsp;--&gt; &lt;slot id="child-slot"&gt;.

Forum Discussion

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

6 Replies

Related Content

testing Electron Application

Resolving Shared-Components Error

Chrome Widget in an Electron application

Header Components in Response Body

Browser component is disabled

Recent Discussions

TestComplete14.72 is not recognizing WinUI-3 objects

Floating window bleep overlapping window takes longer time (~10 min) to click the button on it.

Test case randomly fails with "parent object was not found"

Does TC have a .within() method similar to Cypress.io?

SessionCreator /Timeout option not firing EventControl_OnTimeout