Auto Test Snippet AI

About

A powerful Chrome extension that generates Playwright, Cypress, and Puppeteer test code from UI elements with AI-powered selector suggestions.

## 🚀 Features

### ✨ Core Functionality
- **Smart Element Detection**: Hover over any element to see it highlighted
- **Multi-Framework Support**: Generate code for Playwright, Cypress, and Puppeteer
- **AI-Powered Selectors**: Get intelligent selector suggestions using OpenAI API
- **Real-time Code Generation**: Click elements to instantly generate test code
- **Copy to Clipboard**: One-click copying of generated code snippets

### 🎨 Modern UI/UX
- **Beautiful Popup Interface**: Modern, gradient-based design with smooth animations
- **Floating Control Panel**: Draggable panel with recording controls
- **Disappearing Notifications**: Smooth slide-in notifications instead of basic alerts
- **Dynamic Start/Stop Button**: Visual feedback with color-coded states
- **Ripple Effects**: Material design-inspired button interactions
- **Responsive Design**: Works seamlessly across different websites

### 📝 Recording & Export
- **Step Recording**: Capture test steps while interacting with the page
- **Real-time Step Counter**: See how many steps you've recorded
- **Rich Export Data**: JSON files with metadata, timestamps, and URLs
- **Framework-Specific Export**: Export steps for your preferred testing framework
- **Visual Recording Status**: Clear indicators when recording is active

### ⚙️ Settings & Configuration
- **Framework Selection**: Choose default framework (Playwright/Cypress/Puppeteer)
- **AI Settings Management**: Configure OpenAI API key
- **Persistent Preferences**: Settings saved across browser sessions
- **Keyboard Shortcuts**: ESC key to toggle extension on/off