TestChimp VSCode Guide
Introduction
TestChimp VSCode extension acts as a bridge between your VS based IDEs (such as Cursor), and the TestChimp Chrome extension, to provide a seamless shift-left experience for QA and dev workflows enabling:
Visual Vibe Coding
Just Point and “Say the change you want to see“. TestChimp Chrome extension will communicate with the VSCode extension to prompt your AI assistant to make the adjustment requested, passing the complete context about the related files, target components details (ancestry hierarchy, computed styles etc.) and the fix requested.
Fix Bugs directly from the browser
TestChimp displays all bugs captured for a given screen in the Chrome extension (both Agent discovered as well as manually reported). With the VS Code extension installed, you can simply click “Fix in IDE” on the bug, and it will communicate with the VSCode extension to prompt the AI assistant in your IDE.
Generate SmartTests from scenario descriptions
Create a text file and write the test scenario in plain English. Right click and select TestChimp -> Generate Script. The agent will run the scenario and generate the script for you – which will be saved in your configured tests folder in the codebase.
Installation Guide
- Download the extension (.vsix file) from here: [link]
- Open Command Palette in Cursor IDE, select “Extensions: Install from VSIX…”, and give the downloaded file.
- Open Command Palette again, and select “Start TestChimp Bridge”
You should see “VSCode: connected” when you open the Chrome extension.
Related Resources:
- TestChimp Chrome Extension: “Cursor for QA”, bringing runtime-context aware AI assistance to your browser, right when you are testing.
- TestChimp MCP Server: Giving your MCP enabled IDEs (such as Cursor) access to the runtime behaviour context of your webapps.
- Babel-plugin-source-mapper: A tiny babel plugin instrumenting your build with source file metadata for enabling richer prompting to your IDEs directly from the Chrome extension.