LocatorHub — Mahmudul Hasan

🧠 Overview
LocatorHub is a smart browser extension designed for QA engineers, testers, and developers to simplify web element inspection. With a single click, it identifies, analyzes, and generates the most reliable locators for use in Selenium, Playwright, and Cypress automation scripts.
No more manually searching through HTML or guessing selectors — LocatorHub automatically picks the best locator based on stability, accessibility, and attribute strength.

⚙️ Key Features
🔍 Auto Detect Locators: Instantly extract all possible locators for any element — ID, Name, CSS, XPath, Data-* attributes, and more.
🧩 Framework-Specific Output: Choose your preferred automation tool — Selenium, Playwright, or Cypress — and get the locator in ready-to-use syntax.
🧠 Smart Locator Ranking: Prioritizes stable attributes like data-cy, id, and aria-label over dynamic ones.
📋 One-Click Copy: Copy any locator format directly to clipboard.
🧭 Locator Preview: Highlights the element in real time to confirm accuracy.
⚡ Lightweight & Fast: Runs fully in-browser — no data stored, no external APIs.
🔐 Privacy Friendly: LocatorHub never collects or shares your browsing data.
🧰 Supported Locator Types

CSS Selector
XPath
ID
Name
Class
Data-* attributes (data-cy, data-testid, data-test)
Role / Label / Placeholder (accessibility locators)
Text / Partial Text

🧑‍💻 Supported Frameworks
Selenium (By.ID, By.CSS_SELECTOR, By.XPATH, etc.)
Playwright (locator, getByText, getByRole, getByTestId, etc.)
Cypress (cy.get, cy.contains, cy.xpath, etc.)

🧩 Why Use LocatorHub
Saves hours of manual inspection.
Prevents flaky tests caused by unstable locators.
Designed by QA professionals for QA professionals.
Works seamlessly across all modern browsers.

🧱 Permissions
LocatorHub only requires minimal permissions to:
Access web pages for element inspection.
Display a floating locator panel.

It does not access or store personal data, cookies, or browsing history.