HI Team, I am using katalon for a month now, and i wanted to get 1 end to end scenario automate to prove to the business that it is brilliant tool However I have iframe<6 shadow doms< final element, or combination of iframe< 7-8 shadow dom<iframe<shadow don<final element It has become pain in the neck to design test object hierarchy It would be good if spy tool could automatically record the shadow dom and iframe elements Thanks

Hi, Sorry for my bad. Can you please explain your situation in more details? What kind of 1 end-to-end scenario automation do you want? As well, the problem you faced

the elements i am trying to click - are under combination of iframes and shadow doms , does that add more context? thanks

I will quote an example from the Katalon’s official doc: https://docs.katalon.com/docs/create-tests/test-objects/web-test-objects/automation-testing-of-shadow-dom-elements-with-katalon-studio#create-the-child-object [スクリーンショット 2023-09-19 14.52.51] In this example, user must have prepared the Test Object named book_app object, which is a Shadow Root Parent, before he newly creates a Test Object named input for the element he wants. when a user created multiple Test Objects as Shadow Root Parent, named “book-app”, “boo-app2”, “book-app3” ---- he must remember what each of them are meant for, and he must choose a correct one as the parent of a new Test Object for the element he wants. I think that these 2 requirements suffers @dipali.gawas. I guess, @dipali.gawas wants the Recorder and Spy tool to automatically generate all of Test Objects as Shadow Root Parent when he creates a new Test Object for the element he wants to grab. He would agree to operate the tool to create a Test Object for the HTML element he wants to grab. But he does not like to be bothered with the Test Objects as Shadow DOM Root. I guess, he want to say that the tools are incomplete. “The tools are informed of enough information when I specify the target HTML element. The tools should be aware what sort of Test Object as Shadow DOM Root is required. So it should generate everything at once for me. Why they don’t do so? Please don’t ask me to create Test Objects as ShadowDOM Root”. Not only Shadow DOM, the same requirement applies to the parent . @dipali.gawas Am I right?

[image] dipali.gawas: However I have iframe<6 shadow doms< final element, or combination of iframe< 7-8 shadow dom<iframe<shadow don<final element It has become pain in the neck to design test object hierarchy Your target web app seems employing WebComponents technologies. I guess it is too sophisticated (advanced? complexed?) to test using Katalon Studio. I am sure that Katalon Studio is not designed with the WebComponent technogies in mind. I would recommend you to shelve Katalon for now, and make a broader Google-search to find how others do automated UI testing for WebComponent-based web app. For example, I found the following https://www.thisdot.co/blog/testing-web-components-with-cypress-and-typescript/ Getting started with Playwright component testing - LogRocket Blog I think, if you are going to dive deep into testing WebComponents-based web apps, you should look at some JavaScript-native testing technologies like Cypress and Playwright to work with WebComponents-based web apps. Or, if you are satisfied with just scratching the surface of your target web app, go-on with KS, while you need to create TestObjects for Shadow DOM Root.

@kazurayam bang on! you understood my problem very well I would appreciate spy tool to do the job for me Rest of the test team members are going to be part of team for short stint, so I need to use a tool which will have short onboarding time- that’s the reason i went with katalon.

[image] dipali.gawas: combination of iframe< 7-8 shadow dom<iframe<shadow don<final element Katalon Studio’s Test Object does not support grabbing HTML element under multiple layers of Shadow DOM. See the following discussion years ago [image] When can we expect support for multilevel of nested Shadow DOM Katalon Studio Our application uses a polymer framework that needs multilevel of nested Shadow DOM. We are not able to automate our UI because of this issue. Any workaround or When can we have support for this will be appreciated.

[image] dipali.gawas: I would appreciate spy tool to do the job for me I don’t think the Spy & Recorder tools + Test Objects of Katalon Studio can ever support the nested Shadow DOM. You should not wait for it. You had better look for alternatives like Cypress and Playwright. Or simply abandon your mission. [image] dipali.gawas: I need to use a tool which will have short onboarding time- that’s the reason i went with katalon. Testing a WebComponent-based web app is a difficult task. That is my impression I got from the articles which I quoted above. You should not underestimate it. You would need long enough onboarding time.

I found a tutorial [image] How To Automate Shadow DOM In Selenium WebDriver | LambdaTest This Selenium WebDriver tutorial discusses shadow DOM elements and how to automate Shadow DOM in Selenium WebDriver. This tells us how to work with Shadow DOM (even nested Shadow DOM roots) in Java/Groovy using Selenium 4. However, Katalon Studio runs on Selenum 3. It does not run on Selenium 4. Therefore you can not apply this approach in Katalon Studio.

[image] kazurayam: However, Katalon Studio runs on Selenum 3. It does not run on Selenium 4. Therefore you can not apply this approach in Katalon Studio. Posted link is not a solution of question

[image] atul.rai: Posted link is not a solution of question ??? It seems you haven’t read this discussion from the top. All I am saying is @dipali.gawas can not solve his problem in Katalon Studio.

Shadow DOMs and saleforce

API Testing

kazurayam September 20, 2023, 6:28am 7

Katalon Studio’s Test Object does not support grabbing HTML element under multiple layers of Shadow DOM. See the following discussion years ago

Topic		Replies	Views
When can we expect support for multilevel of nested Shadow DOM Feature Request katalon-studio , feature-request	26	7385	December 21, 2019
Multi level shadow root elements Identification support Web Testing katalon-studio	0	377	April 20, 2020
Permission denied to access property "shadowRoot" Web Testing katalon-studio	7	1703	January 9, 2023
Does Katalon Studio support react.js applications Web Testing katalon-studio	24	8934	September 8, 2024
[New Course] - Working With Shadow DOM Elements Using Katalon Studio Academy Certification academy , web-testing , shadow-dom	1	399	June 5, 2024

Shadow DOMs and saleforce

Related topics