Chrome Extension to generate Selector paths for elements encapsulated by our LWC components' Synthetic Shadow DOM.
Attempting to reproduce the functionality of Copy > Copy JS Path that Chrome provides for native Shadow DOM
To Use:
- Inspect any element to open Element Inspector, and then open up the LWC ShadowRoot panel by clicking '>>' on the far right.
- Select the element that the obsolete Selenium selector used to select.
- Copy and paste from the panel's jspath field into the console to confirm that it is selecting the desired element (remove the extra surrounding double quotes after pasting).
- Copy and paste from the panel's java field into existing java test code to replace the obsolete Selenium selector.