Shadow DOM is going to make me quit QA entirely
I am so tired.
We had a huge engineering push to build an internal component library using native Web Components. Architecturally, the devs love it. For me? Every single standard input, dropdown, and button is now encapsulated inside a Shadow Root.
Traditional locators literally bounce off the Shadow DOM. To interact with a simple text field that I can clearly see with my own two eyes on my monitor, I have to write deep traversal scripts, piercing through multiple shadow boundaries just to dispatch a keyboard event. I spent three hours today debugging a failing script, only to realize a dev wrapped a button in a new web component and hid it from the light DOM.
It feels completely backwards. I am fighting the architecture of the application just to verify that a button clicks.
Has anyone successfully detached their testing from the DOM tree entirely? I just want my test to look at the screen and click the button without needing a map of how the engineers packaged the code.