CodeStream

Live element inspection for testers – hover to get XPath, CSS, ID, and class selectors instantly. Record and export with one click.

Simplify Web Test Automation with CodeStream! Are you tired of manually inspecting pages, diving deep into nested dev tools, and struggling to build reliable locators for dynamic elements? Meet CodeStream – the ultimate browser utility designed specifically for QA Automation Engineers, Manual Testers, and Web Developers. CodeStream allows you to inspect elements instantly on hover, automatically generates clean locators (XPath, CSS selector, ID, class, and tags), supports challenging Shadow DOMs and nested iframes, and tracks complex multi-tab user journeys. Then, export your actions directly into production-ready test scripts with a single click! --- KEY FEATURES 1. INSTANT ELEMENT INSPECTOR MODE • Real-time Hover Tooltip: Instantly see XPath (both relative and absolute), CSS Selectors, ID, Class, and Tag values directly on the page—no DevTools panel required. • Smart Locators: Copies clean, optimized locators to your clipboard instantly upon clicking. • Highlighting: Click a captured locator card within the extension popup to instantly scroll to and highlight it on the live webpage. 2. ADVANCED SHADOW DOM & NESTED IFRAME SUPPORT • Zero-Configuration: CodeStream effortlessly traverses complex shadow roots and nested iframes. • Badges & Indicators: Element cards clearly show [SHADOW] or [IFRAME #N] badges so you know exactly where elements reside in the DOM. 3. DUAL-MODE TRACKING & RECORDING • Interactive Inspector: Selectively capture individual elements to build custom step-by-step element sheets. • Flow Tracker Mode: Record full user journeys dynamically. CodeStream runs silently in the background, automatically capturing page navigations, clicks, input values, and tab interactions. 4. MULTI-TAB & EVENT TRACKING • Capture comprehensive browser events, including: ✔ Session Starts & Navigation ✔ Single Page Application (SPA) state changes ✔ Opening new tabs, switching tabs, and closing tabs ✔ Clicking links that spawn new browser windows 5. ONE-CLICK TEST SCRIPT EXPORT Convert your recorded flows or captured elements into your favorite frameworks: • Playwright (Javascript/Python) • Selenium (Java/Python) • Clean JSON format (for custom test generators) • Interactive HTML reports for manual bug submissions 6. PREMIUM UI / UX • Sleek Modern Design: Gorgeous light/dark mode support with highly responsive control layouts. • Scrollable Inspector Logs: Easily review, organize, and prune captured steps with zero UI clutter. --- WHO IS CODESTREAM FOR? • QA Automation Engineers: Stop wasting time manually crafting locators. Build element repositories in seconds. • Manual QA Testers: Record your steps to reproduce bugs and export clean JSON or HTML reports for developers. • Web Scraper Developers: Pinpoint scraping target patterns inside challenging iframe environments. • Frontend Developers: Debug element layouts and class hierarchies instantly on hover. --- PRIVACY & SECURITY FIRST • CodeStream runs completely inside your local browser instance. • No database storage, no user data collection, and no external tracking. • Requires standard browser permissions (activeTab, scripting, tabs, webNavigation) solely to monitor interactions on your active pages. Streamline your testing, eliminate locator headaches, and speed up your QA pipeline. Install CodeStream today!