🚀 Tunor AI – AI-Powered Test Automation for VS Code
Tunor AI is a powerful VS Code extension that helps QA and Dev engineers instantly generate and manage Playwright tests — with near‑zero setup.
🔗 Website: https://tunor.ai
✨ Features
✅ Control Center UI
Single command opens a guided Control Center to manage all flows.
🧰 Bootstrap Playwright Project
Scaffold a ready‑to‑use Playwright project with POM structure and config.
🔐 Auth POM Generator (single or batch)
Generate POM + Playwright tests for authenticated pages using saved auth state or credentials.
🌐 Regular POM Generator
Generate POM + Playwright tests for public pages from a URL.
🖱️ Click Capture
Record interactions, then generate a POM and test. Safely backs up existing POMs before overwrite.
🔑 Save Playwright Auth State
Sign in once; Tunor saves .auth/storageState.json for future tests.
🏷️ Add data-test Attributes
Bulk‑add stable selectors to React/JSX/TSX files for resilient tests.
🛠️ Getting Started
- Open Command Palette:
Cmd/Ctrl + Shift + P
- Run:
Tunor AI: Open Control Center
- Click “Login” in the panel and sign in to your Tunor AI account
- (Optional) Use “Bootstrap Playwright” to set up a project
📦 Usage
Open Control Center
Command: Tunor AI: Open Control Center
Bootstrap Playwright
Creates base config, installs deps, and sets up a POM‑friendly structure.
Save Auth State
Provide login URL and credentials. Tunor opens a browser, logs in, and saves .auth/storageState.json.
Auth POM Generator (URL → POM + Test)
- Inputs: Target URL, optional Login URL, Username, Password
- Output: Page Object + Playwright test files
- Batch mode: paste multiple lines with
url,loginUrl,username,password
Regular POM Generator (Public pages)
- Input: Target URL
- Output: Page Object + Playwright test files
- Batch mode supported with one URL per line
Click Capture
Launches a guided recorder. Generated test is appended; POM is overwritten with a backup created.
Add data-test Attributes
Run the tool to bulk‑insert stable selectors across your React/JSX/TSX files.
📁 Generated Files and Structure
- Base folders:
playwright/tests, playwright/pages, playwright/utils, playwright/fixtures, playwright/config
- Scalable option also adds grouped subfolders like
playwright/tests/smoke, playwright/pages/<area>, playwright/data, etc.
- Config file:
playwright.config.ts or playwright.config.js at the repo root.
- Auth state:
playwright/.auth/storageState.json (created via Save Auth State).
- In tests, storage state is referenced as
use: { storageState: './playwright/.auth/storageState.json' }.
- Generated Page Object:
playwright/pages/<url_path>.page.ts|.js
<url_path> mirrors the URL pathname (e.g., /dashboard/settings → playwright/pages/dashboard/settings.page.ts).
- Generated Test:
playwright/tests/<url_path>.spec.ts|.js
- Imports the corresponding page object with correct relative depth.
- Click Capture backups: When overwriting a POM, a backup is saved as
<file>.bak.<timestamp> and a diff is shown before finalizing.
Note: Extensions .ts or .js are chosen automatically based on your Playwright config type.
🎥 Demo
Watch the Tunor AI demo on YouTube
https://youtu.be/sllPxDd__DM
⚙️ Requirements
- VS Code ≥ 1.61
- Node.js ≥ 18
- Internet connection
- Tunor AI account
💬 Support
Have suggestions or issues?
👉 Send feedback
🔒 License
Proprietary software. Not open source.
© 2025 Tunor AI
🧠 About
Tunor AI brings fast, intelligent Playwright test creation to your workflow using real-time AI automation — making test automation smarter, simpler, and faster.
