Playwright Studio by AIQEAcademy

About

🎭 Playwright Studio by AIQEAcademy

The only Chrome extension that lets you record, save, and run Playwright browser tests directly inside Chrome — with zero setup, zero downloads, and zero terminal commands needed.

Built by AIQEAcademy (aiqeacademy.onrender.com) — the AI Quality Engineering Academy.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
⏺ RECORD — Automatic Test Capture
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Click "Start Recording" and interact with any website. Every click, keystroke, form fill, dropdown selection, and navigation is captured automatically and converted into production-ready Playwright test code using the exact same locator strategies Playwright recommends:

- getByTestId() for data-testid attributes
- getByRole() for semantic ARIA roles
- getByLabel() for form labels
- getByPlaceholder() for input placeholders
- getByText() for visible text
- Smart CSS fallbacks

Non-interactive elements (divs, spans, containers) are automatically skipped.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
✅ ASSERT — 30+ Playwright Assertions
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Build assertions visually without writing code. The Assertion Builder lets you:

- Auto-detect URL, title, H1, form presence from the current page
- Choose from 30+ Playwright expect() assertions grouped by category:
  - Visibility: toBeVisible(), toBeHidden(), toBeAttached(), toBeInViewport()
  - State: toBeEnabled(), toBeChecked(), toBeEditable(), toBeFocused()
  - Text: toHaveText(), toContainText(), toHaveInnerText()
  - Values: toHaveValue(), toHaveValues() for multi-select
  - Attributes: toHaveAttribute(), toHaveCSS(), toHaveRole(), toHaveAccessibleName()
  - Count: toHaveCount(), count >= N
  - Visual: toHaveScreenshot()
- Add selected assertions directly to any saved test with one click

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
▶ RUN — Tests Execute Right in Chrome
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
No Node.js. No terminal. No Playwright installation required.

Click ▶ Run Test and watch:
- A new Chrome tab opens and navigates to your app
- Each element is highlighted with a green glow before being acted on
- Text is typed character-by-character so you can see it happen
- A live terminal panel shows every step as it executes
- Pass ✅ or Fail ❌ reported in real time

Speed controls: Slow / Normal / Fast
Self-healing: When locators break after UI changes, the runner automatically tries 8 fallback strategies (role+name, placeholder, aria-label, data attributes, text, etc.)

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
📚 TEST LIBRARY — Manage Your Suite
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Every saved test appears as a card with:
- ▶ Run — execute immediately
- ✏️ Edit — full inline editor: rename, add/delete/reorder actions, live code preview
- ↩ Load — reload into Recorder for re-recording
- 💾 Download — get a .spec.ts file to use with Playwright CLI
- Pass/Fail badge from the last run

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
🌐 NETWORK MOCK STUDIO
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Record XHR and Fetch requests while you browse, then generate instant page.route() mock code. Switch scenarios: Success, Error 500, Timeout, or Abort. Export all mocks as a .spec.ts in one click.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
🔐 AUTH STATE EXPORTER
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Log into your app, click Capture, download a Playwright storageState.json. Reuse it in all your tests to skip login every time.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
⚙️ CONFIG GENERATOR
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Auto-detects base URL, viewport, locale and timezone from the current page. Configure browsers, timeouts, reporters, and trace settings. Generates a complete playwright.config.ts.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
🔒 PRIVACY — 100% LOCAL
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
- Zero data collection — nothing leaves your browser
- No analytics, no tracking, no third-party services
- All tests stored locally in chrome.storage.local
- Uninstall removes everything

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
👨‍💻 PERFECT FOR
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
- QA Engineers learning Playwright
- SDETs who want faster test authoring
- Developers writing smoke tests without a test framework setup
- Teams adopting test automation for the first time

From AIQEAcademy — training the next generation of AI Quality Engineers.
🔗 aiqeacademy.onrender.com