SelectorSpy

About

SelectorSpy — Element Inspector for QA Engineers

Stop wasting time manually writing selectors for your automated tests.
SelectorSpy lets you click on any element on a webpage and instantly get
ready-to-use selectors for Selenium, Playwright, Cypress, and other test
frameworks.

HOW IT WORKS

1. Click the SelectorSpy icon and press "Start Inspecting"
2. Hover over any element — it highlights in real time
3. Click to capture — all selectors are extracted instantly
4. Save elements per site and reuse them anytime

SELECTORS EXTRACTED

• CSS Selector (short, test-friendly)
• XPath (short & full)
• ID, Name, Tag, Classes
• Link Text & Href
• Placeholder, Type, Value
• Role, Aria Label
• All data-* attributes

SMART CSS SELECTOR GENERATION

SelectorSpy doesn't just dump the full DOM path. It generates practical,
concise selectors by checking in order:

[data-testid] → [name] → [href] → [placeholder] → [role] → single class → tag

The result? Selectors you'd actually write by hand — not 200-character
Tailwind class chains.

SAVE & ORGANIZE

All captured elements are saved locally, grouped by website domain.
Never re-inspect the same element twice. Reopen the popup and your
saved selectors are right there.

• Saved per site with domain grouping
• One-click copy any selector to clipboard
• Navigate back to any saved element on the page with highlight animation

EXPORT

Export all saved data to JSON or CSV — ready to integrate into your test
suite or share with your team.

PERMISSIONS

• activeTab — inspect elements on the current page
• storage — save captured elements locally
• downloads — export files

All data stays on your device. Nothing is sent to any server.