hickflbgfbkaldkjpmilifljlglimegd
This extension helps you to inspect the 'data-test-id' attribute of the elements on the page. This extension helps you to inspect the 'data-test-id' attribute of the elements on the page by showing border around the elements with having this property. It also helps in finding out the duplicate test id's by showing a dashed border around it. We can copy the test id's by clicking the copy icon - whose visibility can be enabled/disabled from the popup screen.
data-qa Highlighter
Visualize data-qa´s areas in screen when click extension icon. Display QA attributes of HTML elements for your Unit or E2E testing tools. This extension helps QA and testing professionals who use data-qa / data-test / data-testid / data-cy attributes in HTML elements by making the content of these data attributes visible on screen. This is ideal for use with unit testing tools such as Jest or End-to-End testing tools Cypress or Selenium. If you need to display these QA data elements on screen, click the “HIGHLIGHT data-qa” button and you are done. If you want to remove them, click the “REMOVE data-qa” button. You can also manually search for any HTML attribute of all available elements on the screen. The extension displays the number of data elements found in the DOM. When the extension does not find any elements, it displays a link to a demo page to test the functionality.
GraphQL Network Inspector
Simple and clean network inspector for GraphQL A platform agnostic network inspector specifically built for GraphQL. Clearly see individual GraphQL requests including support for query batching. Works with any client including Apollo and Relay. View the docs and more at: https://www.overstacked.io/docs/graphql-network-inspector 2.26.0 Support for subscriptions over both SSE and WebSockets 2.25.0 Support multipart payloads for @defer usage 2.23.0: Add jump to search option in response raw view, allowing you to filter through all matched search results.
QA Selector Picker
Pick elements and generate robust selectors for QA workflows. 🎯 QA Selector Picker - The Ultimate Element Selector Tool for Test Automation Tired of writing brittle selectors that break with every UI change? QA Selector Picker helps you generate stable, maintainable selectors in seconds! 🔍 Smart Element Picking - Click any element on any webpage - Visual highlighting shows exactly what you're selecting - Works on all websites 🧠 Intelligent Selector Quality Analysis - Confidence score for each selector - Quality badges: RECOMMENDED, OK, or RISKY - Warnings for brittle selectors (nth-of-type, auto-generated classes) 💡 Actionable Suggestions - Get recommendations to improve selector stability - Tips to add data-testid, aria-label, or other stable attributes - Refactor alternatives with better stability scores 🔄 Refactor Recommendations - See alternative selectors ranked by stability - Compare CSS vs XPath options - Choose the best selector for your test suite ## 🚀 AI-Powered Test Automation Transform your manual selector picking into full automation scripts instantly! **1. AI Script Generation** - Automatically generate complete test scripts based on your picked elements. - Uses advanced AI (DeepSeek) to understand context and create logical test scenarios. - **Smart Analysis:** The AI acts as a Senior QA Engineer, analyzing your selectors to suggest meaningful test cases (e.g., successful login, error handling). **2. Multi-Framework Support** - Generate code for your favorite framework: - 🎭 **Playwright** (`test.describe`, `page.locator`) - 🌲 **Cypress** (`describe`, `cy.xpath`) - 🤖 **WebdriverIO** (`describe`, `await $`) **3. Enterprise-Grade Security** - New **Cloudflare Gateway Integration**: Your API requests are now routed through a secure server-side worker. - **No API Keys** are exposed in the client-side extension code, ensuring maximum security and compliance. **4. Enhanced Selector Picking** - **Disabled Elements Support**: Now you can easily pick disabled buttons or inputs! We've upgraded our picker engine to handle elements that block standard click events. - **Improved Accuracy**: Better handling of dynamic classes and complex DOM structures. ### 🛡️ Privacy & Security - We do **not** collect your browsing data. - AI features are optional and only activate when you click "Generate Script". - Only the specific selectors you pick are sent to the AI service for script generation. ### 📦 How to Use 1. **Pick Elements**: Use the picker to select elements on the page (Login fields, buttons, etc.). 2. **Review**: Check the generated CSS/XPath selectors. 3. **Generate Script**: - Scroll down to the AI section. - Select your framework (Playwright, Cypress, or WebdriverIO). - Click **Generate Script**. - Copy the code and paste it into your test file! Update now to experience the future of test automation! 🚀
Element Spy
Generate CSS selectors and XPath locators for web automation testing. Press Ctrl while hovering to inspect elements. 🎯 The Ultimate Tool for QA Engineers & Automation Testers Element Spy is a powerful Chrome extension that revolutionizes web element inspection by generating optimal CSS selectors and XPath locators with AI-powered intelligence. Perfect for QA engineers, automation testers, and developers who need reliable element locators for testing frameworks. • Press Ctrl while hovering to instantly inspect any element • Generate multiple locator strategies with intelligent scoring • Advanced Robula+ algorithm for maximum locator stability • Full iframe and nested element support • NEW: Free tier with 10 AI-generated locators per month • NEW: Google AI integration for trusted, high-quality suggestions • NEW: Semantic attribute prioritization (data-testid, aria-label, role) • Context-aware locator suggestions using multiple AI providers • Support for DeepSeek, OpenAI, Google AI, and Anthropic • Automatic smart locator generation based on element context • Intelligent scoring and optimization recommendations • Clean, dark-themed UI with intuitive controls • NEW: Enhanced popup visibility and stability • Top-positioned popup for easy access • One-click copy to clipboard functionality • Comprehensive export options in multiple formats • NEW: Client-side usage tracking for free tier • Works on localhost and file:// URLs for local testing • Keyboard shortcuts (Ctrl+Shift+E) for quick access • Secure API key management with local storage • Export element data for documentation and reporting 🎯 Perfect For: • Selenium WebDriver automation • Playwright and Cypress testing • Manual QA testing workflows • Web scraping projects • Element documentation 1. Install the extension 2. Navigate to any website 3. Press Ctrl while hovering over elements 4. NEW: Get 10 free AI suggestions per month or add your own API key 5. Copy locators instantly or use AI suggestions • All processing happens locally in your browser • NEW: Free tier powered by secure Cloudflare Worker proxy • API keys stored securely with Chrome's storage API • No data transmitted except to chosen AI providers • Works exclusively on HTTPS sites for security Transform your web testing workflow with intelligent locator generation. Whether you're building automation scripts or performing manual testing, Element Spy delivers the precise, reliable locators you need. Supported Testing Frameworks: Selenium, Playwright, Cypress, TestCafe, and more! What's New in v1.1.2: ✨ Minor bug fixes, ✨ Sound effects for copy operations --- What's New in v1.1.1: ✨ Position-aware locator testing with visual feedback and audio chimes✨ Framework-specific position syntax (CSS :nth-child, XPath [n], Playwright .nth)✨ Auto-detection of existing position values from selectors✨ Enhanced CSS selector reliability with improved nth-based generation✨ Universal position support across all locator types including AI✨ Always-positioned copy functionality for consistent automation code --- What's New in v1.1.0: ✨ Free tier with Google AI-powered locators✨ Semantic attribute prioritization for better stability✨ Enhanced popup experience and reliability✨ Improved locator quality with data-testid support
