🌐 Browser Extension

Record Test Steps and Generate Automated Tests Instantly

The TestMap.ai Chrome extension captures your real user interactions — clicks, form fills, navigation — and automatically converts them into structured test cases. No coding required.

Install Chrome Extension

What is the TestMap.ai Recorder Extension?

A powerful browser extension that records your actual user interactions with web applications and automatically generates test cases. Instead of manually writing test steps, simply perform the actions once, and the extension captures everything needed for automation.

Core Feature

How the Extension Works

When you start recording, the extension monitors all user interactions on the current page. Every click, form input, navigation, and interaction is captured as a structured test step with intelligent selectors, screenshots, and context.

Click Events Captures button clicks, link navigation, and form submissions with precise element selectors.
Input Actions Records text entered into form fields, dropdown selections, and all user inputs with their values.
Screenshots & Evidence Captures visual evidence of each step, including focused screenshots of clicked elements.
HTTP Request Monitoring Monitors API calls and responses during recording to create more robust tests with validation.

Intelligent Selector Generation

The extension automatically generates multiple selector strategies for each element, ensuring test stability:

  • ID selectors (most reliable)
  • Data attributes (data-test, data-testid)
  • ARIA attributes (accessibility-first)
  • Fallback strategies (CSS, XPath)

Key Features & Capabilities

Everything you need to record and automate tests

Record User Interactions

Start recording with one click. The extension captures all interactions — clicks, typing, navigation, form submissions — as structured test steps with timestamps and context.

Captured:
• Element selectors
• Input values
• Page context
• Navigation events

Link to Test Cases

Connect recorded steps to test cases in TestMap.ai. The recording becomes part of the test case, ready for AI-powered enhancement and automation conversion.

Integration:
• Link to existing test cases
• Create new test cases
• Organize by project
• Ready for MCP conversion

Test Replay

Replay recorded steps directly in the browser to verify the recording accuracy. Adjust replay speed and see each step execute in real-time.

Replay Options:
• Super-fast to super-slow
• Step-by-step execution
• Visual highlighting
• Error detection

Dynamic Variables

Automatically generate dynamic test data — emails, names, dates, UUIDs — for data-driven testing. Variables are generated and stored for reuse across test runs.

Variable Types:
• Email, phone, names
• Dates, numbers, text
• UUIDs, passwords
• Custom templates

How to Use the Chrome Extension

01

Install & Authenticate

Install the TestMap.ai Chrome extension from the Chrome Web Store. Click the extension icon and sign in to your TestMap.ai account. Select your organization and project where test cases will be stored.

02

Start Recording

Navigate to the web page you want to test. Click the extension icon and select "Start Recording". A floating toolbar appears, indicating that recording is active. All your interactions are now being captured.

03

Perform Test Actions

Interact with the page normally — click buttons, fill forms, navigate between pages. The extension automatically captures each action as a test step with selectors, values, screenshots, and context.

04

Link to Test Case

Once recording is complete, link the recorded steps to a test case in TestMap.ai. The steps are stored with the test case and can be used for AI-powered test generation via MCP integration.

Real-World Use Cases

See how teams use the extension to accelerate testing

E-commerce Checkout Flow Testing

QA teams record the complete checkout process once, then use the recorded steps to generate multiple test scenarios:

Recorded Steps:
1. Click "Add to Cart"
2. Navigate to cart page
3. Fill shipping address
4. Select payment method
5. Complete checkout
Result: Recorded steps are linked to test case, then AI (via MCP) generates additional scenarios for edge cases, invalid inputs, and error handling.

User Registration Testing

Record the registration flow once, then generate test cases for various scenarios: valid registration, duplicate emails, invalid formats, password validation, and more.

Search & Filter Testing

Record search interactions and filter selections. The extension captures all search parameters, filter combinations, and result interactions for comprehensive test coverage.

Why Use the Chrome Extension?

Key benefits for QA teams

Save Time

Record test steps in minutes instead of writing them manually for hours. No more documenting every click and input by hand.

Accurate Selectors

Intelligent selector generation ensures your tests use the most reliable element identifiers, reducing flakiness and maintenance overhead.

Easy Updates

When applications change, simply re-record the steps. No need to manually update selectors or test documentation.

MCP Integration Ready

Recorded steps work seamlessly with MCP integration. Your AI assistant can analyze recordings and convert them to automated tests instantly.

Get Started

Start Recording Tests Today

Install the Chrome extension and start recording test steps in seconds. Free during early access.

  • Record user interactions automatically
  • Intelligent selector generation
  • Screenshots and evidence capture
  • Link to test cases in TestMap.ai
  • MCP integration for AI conversion
Install Chrome Extension