LWC ShadowPath Generator Chrome Extension

generates js selector path for LWC Synthetic ShadowDOMs..
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.

How to install LWC ShadowPath Generator chrome extension in chrome Browser

You can Follow the below Step By Step procedure to install the LWC ShadowPath Generator Chrome Extension to your Chrome Web browser.

• Step 1: Go to the Chrome webstore https://chrome.google.com/webstore or download the extension LWC ShadowPath Generator Chrome Extension Download from https://pluginsaddonsextensions.com
• Step 2: Now search for the LWC ShadowPath Generator in Chrome Webstore Search and click on the search button.
• Step 3: click on the LWC ShadowPath Generator Chrome Extension Link
• Step 4: in the next page click on the Add to Chrome button to Download and Install the LWC ShadowPath Generator extension for your Chrome Web browser .