This extension will help determine unique Selenium WebElement that can be used with PageFactory to initialize elements on the page.

Latest Version

Version

3.0

Update

December 20, 2021

Size

29.22KiB

Developer

Eye Web Element V3.0 Extension

Overview:

Tired of typing JSON files for the automation of your webpages?
Installed an element locator extension in your browser to inspect elements?
Cool, no doubt about it, but how about an extension which can generate JSON files for all the inspected elements of your webpage?
Well, this extension resolves this hassle.

Guide to use:
•\tAdd Element Inspector extension to your browser.
•\tTurn the extension on (eye icon will be shown).
•\tHover mouse on the element.
•\tPress:
1.\t‘X’ for XPath.
2.\t‘C’ for Class Name.
3.\t‘S’ for CSS Selector.
4.\t‘N’ for Name.
5.\t‘I’ for ID.
6.\t‘F’ for Full XPath.
•\tEnter the Key in the prompt to save the JSON object against that key and click OK.

TADA!

Maintain your JSON in the same fashion and have fun!

Setup Guide for Element Inspector:

Chrome (In case of locally deployed websites):
•\tCreate a copy of Google chrome.
• Append --disable-web-security --user-data-dir=~/chromeTemp after the target’s address: for example: \"C:\\Users\\JohnDoe\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exe\" --disable-web-security --user-data-dir=~/chromeTemp
•\tOpen google chrome and add this extension.
•\tRoute to chrome://flags/#block-insecure-private-network-requests
•\tDisable Block insecure private network requests.

Server:
•\tDownload and install Node.js
•\tDownload the repository and unzip it to some location, i.e. Desktop.
•\tOpen index.js file in the Visual Studio code.
•\tOpen the terminal of Visual Studio code.
•\tRun the command npm i
•\tRun command as, node .\\index.js

Switch the extension on, hover mouse to some element on webpage and press Keys (i.e. x, s, n etc.).
JSON File should be created as Sample.json in the folder of nodetest.

Link for Node Server repository:

https://github.com/JawadRehmanCS/NodeServer

Source Manifest.json

" {"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 2, "name": "Eye Web Element V3.0", "description": "This extension will help determine unique Selenium WebElement that can be used with PageFactory to initialize elements on the page.", "version": "3.0", "background": { "scripts": ["background.js"], "persistent": true }, "browser_action": { "name": "Click to change the icon's color", "default_icon": "icon-on.png" }, "content_scripts": [{ "matches": ["http://*/*","https://*/*"], "js": ["listener.js"] } ], "permissions": [ "activeTab", "storage", "http://*/*", "http://localhost:8000/*", "http://localhost:8000/" ]}

Download CRX(29.22KiB)