LWC ShadowPath Generator - The Best Tool For Designers And Developers
The LWC ShadowPath Generator Chrome extension was created to help designers, developers, and QA who are using Selenium to test the behaviour of their LWC Components. It provides a simple way to generate an HTML selector path for a given element. You can then copy it and paste it into an existing JavaScript test code.
This extension is a direct copy of the function Copy and paste JS Path in the Element Inspector for the web browser. It is intended to reproduce the same functionality that Chrome provides for native Shadow DOMs.
The JS selector paths it generates are intended to select elements that are encapsulated by the Synthetic Shadow DOM that the LWC components provide.