Testchimp Ai Co Pilot For

## TestChimp captures *Runtime behaviour Graph* of your webapp for context-aware assistance.

Much like how Cursor / Windsurf indexes your codebase to have richer context about your code for more tailored assistance, TestChimp AI agent autonomously explores your webapp to build a comprehensive *runtime behaviour graph* of your product for more context-aware assistance to your QA workflows.

With its explorations, it captures the different screens, states, and pathways in your product, detailed down to individual element level. Along the way it:

- Captures the various bugs it finds in each screen, analyzing the DOM, Console, Network, Screenshots, Browser Metrics, catching 100s of common bugs that makes your app look and feel mediocre.
- Identifies test scenarios for each screen that should be tested, and writes test scripts.

## Chrome Extension

This Chrome extension is the companion that brings context-aware AI assistance of TestChimp, while you are on your webapp, testing.

1) Create Smart Tests from Manual Test Steps

Head to the Record tab, and start a capture session. It will record the actions you do, and generate playwright commands on the fly, as well as the web page context. The captured data is then used to generate Smart Tests - which are playwright scripts with accompanying intent comments that enable hybrid execution. These SmartTests can be used by TestChimps' exploratory agent to do guided explorations.

2) Report bugs with full context

Easily report bugs you find, tagging elements, areas on the page, directly from the browser. The screenshot will be taken and bounding boxes drawn on the selected areas and included in the bug, so that the full context of the bug is captured for easier troubleshooting and communication.

3) AI enabled bug finding

Click on Find Bugs in the Bugs tab, and it will analyze the current DOM, recent console logs, recent network activity and screenshot of the current screen to identify bugs across many critical categories.

- Visual Regression Testing: Upload a base image of a design or select from a screenshot captured by our Explore agent, to perform visual regression, where our AI will identify deviations from the design.

=== Collaborate with your IDE, right from your browser ===

Install the TestChimp VSCode extension (https://testchimp.io/documentation-vscode-extension) on your AI enabled IDE (Cursor etc.), and the chrome extension will collaborate with it to get fixes done - without leaving your browser.

4) Fix Bugs in one-click

Click on any bug listed for the current page, and click "Fix in IDE". The extension will collect all the necessary context for the bug, and prompt your IDE to fix the issue.

5) Visual Vibe Coding

Just point to elements / areas on your webapp and *"say the change you want to see"*. The extension will communicate the related files, screen details, and details about targeted elements added by you to the context window, to your IDE and get it implemented, making your vibe coding sessions even more seamless.

Documentation: https://docs.testchimp.io/chrome-extension/intro