Elementra - Element + Test Automation

About

Elementra sits in your browser's side panel and does three things well: it picks the most reliable CSS, XPath, or ARIA selector for any element on the page, records your interactions as structured test steps, and generates ready-to-run Selenium test code in JavaScript, Python, or C#.

🔍 Element Inspection - (Click 'Inspect')
Hover over any element and Elementra scores every possible selector - by stability, uniqueness, and readability, then chooses the best one. You get the full list too, so you can make an informed choice rather than guessing which selector will hold up.

🤖 Interaction Recording - (Click 'Record')
Hit Record and go about your normal workflow. Clicks, form inputs, and page navigations are all captured automatically. Steps persist across page loads, so navigating mid-flow doesn't break the recording. You can add or remove steps from the panel before generating anything.

📋 Assertion Builder
Switch into Inspect mode, pick an element, and choose from a set of assertion types: visibility checks, text matching, attribute comparisons, or URL assertions. These get woven into the generated test alongside your recorded steps.

🖥️ Code Generation
Generate a complete test file with a single click. The output follows standard Selenium WebDriver conventions and is structured to be pasted directly into your test suite.

🗒️ A few things worth knowing:
- Everything runs locally. No data leaves your browser.
- State is preserved in Chrome storage, so your steps are still there if you close and reopen the panel.
- The extension works on any http or https page.

Built for QA engineers, developers writing their own tests, and anyone tired of hunting through DevTools for a selector that will actually survive the next deployment.