TestProject recorder currently does not handle Shadow Dom elements, but there is still a way to automate them! This article described how you could do that.
Here are the steps to follow to perform actions on the Element:
2. Get into developer tools (F12 Button) or:
Click on the three dots at the top of your screen
click on more tools
click developer tools at the bottom
Now we will find the js path of the element you want to act. This will serve as your locator.
4. Now, it's time to build the action we want. Here are three examples for basic operations
Click on the element:
to do that, you will need to add the
.click()function at the end of your locator:
2. Type text in element: to do that, you will need to add this to the end of the path you copied
.value="the text you want to put in"
3. Get text to a parameter: to do that, you will need to add this to the start of the path you copied "return" and to the end ".textContent"
you can see all the actions you can make on the element in this link :