cnondjhhcbemelckodmopjkkacmniahe
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. ### β¨ 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
Playwright Test Recorder
Record user interactions and generate Playwright test scripts Playwright Test Recorder is a powerful browser extension that enables anyone to effortlessly record their interactions with any website and instantly generate robust Playwright test scriptsβno coding required. With a single click, users can capture clicks, typing, scrolling, navigation, and more, all while enjoying a modern dark-themed interface and a live recording indicator. The extension intelligently filters out noise and redundant actions, ensuring that only meaningful steps are included in the generated code. Users can preview, edit, and export their scripts in multiple languages, including JavaScript, TypeScript, Python, and Java, making it easy to integrate with any automation workflow. Additional features such as export/import of recordings, syntax-highlighted code preview, and a built-in feedback system make Playwright Test Recorder the perfect tool for testers, developers, and QA engineers who want to accelerate their automation process, improve test coverage, and reduce manual effort. All data is stored locally, and the extension requires only minimal permissions, ensuring privacy and security. Whether youβre authoring new tests, reproducing bugs, or onboarding new team members, Playwright Test Recorder streamlines the entire process and helps you deliver higher-quality web applications with confidence.
Element Selectors
Chrome extension to find element selectors Xpath and CSS plugin to auto generate shortest xpath, css & Playwright Locators Element Selectors plugin can also be used to auto generate the unique shortest xpath, shortest css and Playwright selectors. Steps to generate xpath, css and playwright locator 1. Once installed, please restart your browser 2. Open the page you can want to get css selector 3. Open Devtools by clicking on the inspect window or F12 (Function F12) 4. Open the Element Selectors sidebar panel located in the devtools 5. Inspect the desired element to get the css locator Features- a) Playwright Locator b) Short and Long CSS c) Short and Long Xpath If you are facing any issue or want to give a feedback, feel free to reach out to me at genaidevguru@gmail.com
Playwright Chrome Recorder
Playwright extension for DevTools that allows you to export tests directly from the Recorder panel. Records a user session and generates Playwright code for automation and testing purposes. Playwright Recorder Playwright Recorder is a developer tool that records user interaction within a web application and generates Playwright scripts to allow the developer to replicate that particular session. This will speed up your development cycle by facilitating the creation of unit and integration tests. Getting Started Click 'Add to Chrome'. That's it! Once you see our icon at the upper-right of your browser window, you are ready to start generating Playwright scripts. Features This extension will allow you to: * Record clicks, typing, submits, and navigation in the browser. * See the scripts render live as they are generated. * Delete accidental actions. * Reorder actions as necessary. * Pause and resume recording within a single session. * Record navigation within a domain. * Copy the generated code to your clipboard. Usage * Open the extension and click 'Start Recording' to begin recording actions. * Click links, submit forms, etc. * Check your saved actions by opening the popup at any time. * Click 'Stop Recording' to stop recording. From there, you will have the option to resume recording, reset, or copy your generated code to your clipboard. * You can also use keyboard shortcuts: On Macs: - ctrl + R to start and stop recording - ctrl + G to reset On PCs and Linux: - alt + R to start and stop recording - alt + G to reset
TestCraft
Introducing TestCraft, a free and open-source browser extension with the power OpenAI LLMs, designed to be a companion to your software testing. AI-Powered Test Idea Generation: Leverage the power of OpenAI to generate comprehensive test ideas based on webpage elements. Automated Test Creation: Generate ready-to-run test scripts for popular automation frameworks, Playwright, Selenium, and Cypress, in your preferred programming language: JavaScript, TypeScript, Python, C#, and Java. TestCraft eases your test creation process and saves time. Accessibility Checks: Empower your web applications to be inclusive for all users. TestCraft identifies accessibility issues and provides actionable insights to improve. Test Idea to Automated Tests: Seamlessly convert your AI-generated test ideas into automated test scripts. Additionally, you can edit the test ideas to improve them before generating automation tests. Unlock the full potential of your testing process with TestCraft. Download it now and experience the future of software testing!
