First QA Recorder Extension

About

## 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