Developer Tools

LWC ShadowPath Generator

3.5
2
568
2

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:
1. Inspect any element to open Element Inspector, and then open up the LWC ShadowRoot panel by clicking ‘>>’ on the far right.
2. Select the element that the obsolete Selenium selector used to select.
3. 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).
4. Copy and paste from the panel’s java field into existing java test code to replace the obsolete Selenium selector.

LWC ShadowPath Generator
Related posts
Developer Tools

Browserling - Cross-browser testing

Developer Tools

Selenium Page Object Generator

Developer Tools

IP Address and Domain Information

Developer Tools

APK Downloader for Google Play Store™

2 Comments

Comments are closed.