Generates cssSelector and xPath for Selenium

Latest Version

Version

1.3

Update

April 14, 2021

Size

109KiB

Developer

@FindBy Extension

@FindBy is a Google Chrome Web Extension that generates CSS Selectors and XPath for selected items on a web page.
It comes with an intuitive UI that helps the end user understand the DOM structure in a simple tabular form with the element attributes.
@FindBy enables the user to select the HTML tag attributes and generate relative CSS selectors and XPath.

The generated CSS selectors and XPath in automation testing tools like Selenium, Protractor, etc.

@FindBy helps UI automation test engineers in generating complete CSS selectors and XPath by just a click of checkboxes.

It's faster and accurate and will save tons of time spent in analyzing the DOM and writing your CSS selectors and XPath.

Let's stop writing custom and complex CSS selectors and XPath and start GENERATING!

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx",\t"manifest_version": 2,\t"name": "@FindBy",\t"version": "1.3",\t"description": "Generates cssSelector and xPath for Selenium",\t"author": "Vigneshwaran Gopalan",\t\t"background": {\t\t"scripts": ["./jscripts/FindBy_eventPage.js"]\t},\t\t"permissions": ["contextMenus", "storage" ],\t"web_accessible_resources": ["/icons/*.png"],\t\t"icons": { "16": "./icons/FindBy.png",\t\t "48": "./icons/FindBy.png",\t\t "128": "./icons/FindBy.png"\t},\t\t"content_scripts": [{\t\t"all_frames": true,\t\t"matches": ["" ],\t\t"js": [ "./jscripts/jquery-3.5.1.min.js","./jscripts/FindBy_cs.js","./jscripts/FindByPopupUI.js"],\t\t"css":["/css/FindByPopup.css","/css/w3.css"]\t\t\t\t\t\t\t}]\t\t}

Download CRX(109KiB)

Similar Extensions

SelectorsHub - XPath Helper Extension · Developer Tools 269 1384 ★ 556KiB

CssXpath Finder Extension · Developer Tools 269 2 ★ 2.87MiB

Pivot Genie Extension · Productivity 269 20 ★ 368KiB

Selenideium Element Inspector Extension · Developer Tools 269 4 ★ 34.96KiB

Ruto - XPath Finder Extension · Developer Tools 269 71 ★ 1.82MiB

XPath tool Extension · Developer Tools 269 5 ★ 20.82KiB

POM Builder – Auto-generate CSS/XPath Locator Extension · Developer Tools 269 28 ★ 1.98MiB

Find My Locator Extension · Developer Tools 269 40 ★ 199KiB

Custom Xpath Extension · Developer Tools 269 2 ★ 1.18MiB

Selector Finder Extension · Developer Tools 269 3 ★ 333KiB

Attribute Reporter Extension · Developer Tools 269 4 ★ 90.74KiB

LetXPath Extension · Developer Tools 269 98 ★ 220KiB

Find.By Extension · Developer Tools 269 2 ★ 79.31KiB

Ranorex Selocity Extension · Developer Tools 269 51 ★ 6.59MiB

Element Locator Extension · Developer Tools 269 22 ★ 264KiB

TruePath Extension · Developer Tools 269 26 ★ 182KiB

CSS and XPath checker Extension · Developer Tools 269 45 ★ 75.17KiB

Relative XPath Helper Extension · Developer Tools 269 50 ★ 350KiB

AutomaticXpathGenerator Extension · Developer Tools 269 7 ★ 21.71KiB

Easy Select Extension · Developer Tools 269 9 ★ 162KiB

SelectorsHub Pro Extension · Developer Tools 269 12 ★ 839KiB

Element Selectors Extension · Developer Tools 269 3 ★ 318KiB

XPathMax - XPath Generator Extension · Developer Tools 269 5 ★ 672KiB

Oracle Guided Learning Editor Extension · Productivity 269 7 ★ 618KiB

User reviews

Somesh Korke (ID: 000000bc997644c7) Voted 5 ★ - Updated 03/30/2023 I have used this utility for many times now. Its just a plug and play , saves a lot of time to assemble your Xpath for deep dive elements :) , lot of pointers to catch CSS information quickly. Very helpful. Vignesh, your hunger to get innovative solutions to the product development , process development makes you even more brilliant and get going ! Keep going !! Thank you.

Ramachander Arvind Rangasamy (ID: 000000c57e64dc7d) Voted 5 ★ - Updated 05/27/2021 Hi, I'm writing this review after using @FindBy for a while now, believe me I've used several utilities to locate elements in DOM, but nothing helped flexibly like how @FindBy did. This utility comes with immense options: 1. Ability to custom pick the attributes for locating an element in DOM. 2. Generate locators based on Ancestors, Preceding/Following siblings & Descendants is incredible. 3. Displays "Element count" which helps the developer to uniquely identify an element by adding custom attributes/relative elements to generate the locator. 4. Ready to use locators by clicking on Xpath/CSS icons (with integrated Copy to clipboard) Overall, its a splendid utility and a huge time saver for automation community to generate element locators.

Maria (ID: 0000008d42854ea2) Voted 5 ★ - Updated 04/26/2021 Looks really good. Using this anyone can create xpath to identify the elements.

Brave Johen (ID: 000000c93117ff7f) Voted 1 ★ - Updated 04/21/2021 not working

Jeberson Chelladurai (ID: 0000004f89810332) Voted 5 ★ - Updated 04/21/2021 @FindBy helps automation engineer in writing complex xpath and css. DOM structure of the current element along with parents helps to locate/write effective xpath/css. Excellent tool for identifying locators

Get source code (.Zip)

Drop .crx file here or click
the button to choose the file

@FindBy