First QA Recorder Extension

Records UI interactions for Playwright POM generation

## Product Name **AutoQA Recorder for Playwright** --- ## Short Description (Max 132 chars) Record user flows and generate clean Playwright POM projects with stable locators — faster, scalable, automation-ready. --- ## Long Description ### QA Automation Made Effortless AutoQA Recorder automatically generates production-ready Playwright test code, helping QA teams build scalable and maintainable automation suites with minimal effort. Built around the **Page Object Model (POM)** pattern, it produces clean TypeScript code while organizing recorded actions into reusable **Flows** and structured **Test Cases**. Unlike basic recorders, AutoQA prioritizes stable selectors such as **Test IDs**, accessibility roles, and placeholders to reduce flaky tests and improve long-term maintainability. --- ## Key Features ### Smart and Resilient Selector Engine **Priority-Based Locator Strategy** Automatically selects the most stable locator using this priority: `data-testid → placeholder → role/name → text → xpath` **Dynamic ID Filtering** Detects and ignores unstable auto-generated IDs (e.g., React or Next.js) to prevent brittle tests. **Duplicate Element Handling** Automatically applies `.first()` or `.nth()` indexing to avoid strict mode conflicts. **Capture Mode** Capture a single robust locator instantly without recording a full action. --- ### Advanced Recording Capabilities **Reliable Input Simulation** Uses `pressSequentially` to simulate real user typing, improving compatibility with modern React/Vue forms. **Test Case Organization** Split recordings into logical scenarios such as successful login or error validation. **Flow-Based Structure** Group related steps into reusable flows like Login, Checkout, or Registration. **Assertion Mode** Generate instant visibility assertions like: `expect(locator).toBeVisible()` --- ### Complete Project Generation **Page Object Model Ready** Separates locators from actions for cleaner, maintainable test architecture. **Full TypeScript Support** Generates typed `.ts` files ready for development. **Ready-to-Run Project ZIP Includes:** - `playwright.config.ts` - Sample test structure - CI workflow templates (GitHub Actions) - Organized Page Object Model structure --- ### Secure and Private by Design **100% Client-Side Recording** No interaction data is sent to external servers during recording. **Sensitive Data Masking** Automatically detects and masks sensitive inputs such as passwords, tokens, or CVV fields. --- ## How to Use 1. Click **Start Recording** and interact with your application normally. 2. Add **New Test Case** to organize logical test scenarios. 3. Use **Assertion Mode** to capture validations. 4. Group steps into **Flows** for better organization. 5. Click **Download Project ZIP** to get a production-ready Playwright codebase. 6. Extract and integrate it directly into your automation pipeline or CI/CD workflow. --- ## Version 1.0.1 Release Notes - Added **New Test Case** feature for better test organization - Improved input reliability with human-like typing simulation - Enhanced duplicate element indexing logic - Security updates and extension permission hardening