AegisRunner Selector Recorder

Record CSS selectors for AegisRunner test steps. Hover and click elements to capture their selectors.

AegisRunner Selector Recorder makes it effortless to capture CSS selectors from any live webpage — no DevTools required. How it works: Click the extension icon and hit "Start Recording" Hover over any element on the page — it highlights instantly Click to capture its CSS selector — automatically copied to your clipboard Use your recorded selectors in AegisRunner or anywhere else Smart Selector Generation The extension generates the most stable, reliable selector using an intelligent priority system: • #id — if the element has a unique ID • [data-testid] — preferred for test automation • [aria-label] — accessible attribute matching • tag.className — unique tag and class combinations • Contextual parent paths (e.g., #sidebar > nav > a.active) • nth-child as a last resort Dynamic or hash-based class names (like CSS modules) are automatically filtered out so your selectors stay stable across builds. Key Features • One-click element selection — no manual CSS writing • Auto-copy to clipboard on capture • Selector history — view, copy, or remove past recordings • Direct AegisRunner integration — send selectors straight to the test suite editor • Works on any website • Lightweight and fast — no background processes • Dark theme UI Built for AegisRunner If you use AegisRunner for accessibility and UI testing, this extension supercharges your workflow. Captured selectors can be sent directly to the AegisRunner suite editor with one click, pre-filling your test steps instantly. Works great as a standalone selector tool too — no AegisRunner account required. Privacy • No data is sent to any server • All selectors are stored locally in your browser • No tracking, no analytics • Requires only activeTab, clipboardWrite, and storage permissions Made by AegisRunner — https://aegisrunner.com