Media
2 items
Description
Generate Playwright, Cypress, and Puppeteer code from UI elements. Includes AI-powered selector suggestions. 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