# Test Editor - Recording

<div class="view-markdown-wrapper">
<ViewMarkdown />
</div>

Recording is an interactive feature that automatically captures your browser interactions and converts them into test steps in real-time.

## Table of Contents

1. [Overview](#overview)
2. [How to Use Recording](#how-to-use-recording)
3. [Next Steps](#next-steps)

## Overview

The Recording feature allows you to create test steps by simply interacting with your web application in the Live View browser. Instead of manually writing test steps, you can perform the actions naturally, and Shiplight AI will automatically capture and convert them into executable test steps.

## How to Use Recording

### Prerequisites

- A test must be open in the Test Editor
- The debugger must be active (click on 'Step' button on the debugger button bar)
- Live View must be visible

### Starting Recording

1. **Start the debugger** by clicking on the 'Step' button on the debugger button bar
2. **Locate the toolbar** above the Live View title bar
3. **Click the "Record" button** (green button with a record icon)
4. The button will change to show "Recording" to indicate recording is active

### During Recording

- **Interact naturally** with the web application in the Live View browser
- Use your **mouse and keyboard** to navigate, click, type, and interact with elements
- Each interaction is **automatically captured** and appears as a new test step in the left panel
- Steps are appended in real-time as you perform actions

### Stopping Recording

- **Click the "Recording" button** again to stop recording
- The button returns to "Record" state
- All captured steps are now part of your test

## Next Steps

- [Learn about Actions & Steps](./actions.md)
- [Explore AI Features](./ai-features.md)
- [Master Debugging Tools](./debugging.md)
- [Discover Advanced Features](/cloud/test-editor/variables)
- [Return to Overview](./overview.md)