First Qa Recorder Extensi Chrome extension icon

First Qa Recorder Extensi

👥 62 users
📦 v1.0.2
💾 40.95KiB
📅 2026-02-24
View on Chrome Web Store

Chrome will indicate if you already have this installed.

Overview

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

Tags

Productivity/developer productivity/developer

Privacy Practices

Not being sold to third parties, outside of the approved use cases
Not being used or transferred for purposes that are unrelated to the item's core functionality
Not being used or transferred to determine creditworthiness or for lending purposes

🔐 Security Analysis

⏳ Security scan is queued. Check back soon.

Capture a screenshot of your current page in entirety and reliably—without requesting any extra permissions!
Productivity/developer AI
브라우저에서 라온시큐어의 PC보안 기능을 사용하기 위한 확장 프로그램입니다.
Productivity/developer
Adds React debugging tools to the Chrome Developer Tools. Created from revision 3cde211b0c on 10/20/2025.
Productivity/developer