Hi Meganathan and welcome to the Forum.
Robot Framework Browser is pretty good with newer frameworks like Angular.
It is based on Playwright by Microsoft.
It also natively support shadowDom. So you do not have to open each shadow-root step by step.
You just access the element and it will automatically open the shadow-roots needed.
Thanks for your response, Upon clicking one of the button in my app, the angular page loads. I have already tried browser library and angular. Example - I am trying to access a button inside the shadow root as stated in the image, it fail every time as it is not able to identify the locator. is there any specific approach or locator strategy I should be following?
I do not see a button there?
Can you post the DOM where the button is and the selector you are using?
And maybe the error message of Browser lib?
In your case, replace flt-semantics-placeholder with your parent element under the shadow-root
I am trying to click the button inside the shadow-root. I tried browser library and Angular library. Nothing seems to be working. Its not identifying the locator at all
This is my locator //button[@id = ‘undefined’]
I just posted my scenario in the last comment. Could you please provide a solution ?