Skip to main content

​
Overview

The Editor is where you build and run tests. The editor features a four-panel layout: a left sidebar for managing test steps, a central area for the live browser preview, a bottom console panel that displays all execution assets and logs from your test runs, and a right panel for the Action Agent chat interface.

​
Layout

The editor is organized into four main sections:
  • Left Sidebar: Steps pane for building and managing test steps
  • Central Area: Live browser preview where you can watch test execution in real time
  • Bottom Panel (Editor Console): Console that displays all assets from the last run, including logs, screenshots, trace, AI execution logs, and inbox items
  • Right Panel (Action Agent): Chat interface for interacting with the AI Action Agent to perform actions in the live browser. This panel is collapsed by default and can be expanded when needed.
Editor overview

​
Build steps

  • Add: click the plus button between steps to insert a new step
  • Edit: click a step to open its form; fields support Expressions {{ ... }} for env, vars, random
  • Reorder: drag to move steps; order updates automatically
  • Delete: use the step menu
  • Convert to snippet: select multiple steps, then Save as Snippet
  • AI generate: use Generate to add steps from a goal
  • Element picker: activate when a step needs a locator; pick directly from the live page
Editor layout
Add and edit steps

​
Selection mode

  • Toggle selection mode to choose multiple steps
  • Actions: Run Selected, Create snippet from selection, Delete
Selection mode

​
Run controls

  • Run All: execute the full test from the first step
  • Run From Step: hover a step and choose to start there
  • Run Selected: execute only the steps you selected
  • Reset session: start a fresh browser session before running
  • Status: the header shows Running and a spinner during execution
Tip: When fixing a failure, prefer Run From Step to iterate faster.

​
Central Area Tabs

The central area above the console provides additional views:
  • Live: Watch the page as steps run; confirm navigations and state changes
  • Notes: Add and view notes about the test case
  • Code: View the generated code for the current steps
Central Area Tab

​
Live session

  • Connection: a green pulse indicates an active live session; if disconnected, the editor attempts to reconnect
  • Interaction: the live preview reflects each action; interaction may be restricted while the agent or a run is active
  • Environment: runs use the environment selected in the sidebar; variables resolve at runtime

​
Editor Console

The Editor Console is located at the bottom of the editor and displays all assets and information from the last test run executed in the editor. This console consolidates execution data, making it easy to review results without leaving the editor.
Editor console

​
Console Tabs

The Editor Console includes the following tabs:
  • AI Execution Logs: View detailed logs from AI-driven steps (AI Action, AI Assertion, AI Extract) and auto-healing actions. Shows what the AI agent did during test execution and why.
  • Test Logs: Traditional test execution logs with both AI-generated summaries and raw technical logs. Switch between readable AI summaries and detailed technical output.
  • Trace: Detailed execution timeline showing actions, waits, network requests, and DOM snapshots. Use this to understand timing and correlate events.
  • Screenshot: Step-aligned screenshots captured during execution. The quickest way to confirm what the page looked like at each step.
  • Inbox: Emails and TOTP codes received during test execution. View email content, extract verification codes, and access links from emails captured by Check Email or Get TOTP steps.
Note: The Editor Console only shows data from runs executed within the editor. For historical runs and analytics, see the test case’s Runs tab or Last Run Report tab.

​
Action Agent

The Action Agent panel is located on the right side of the editor. It provides a chat interface to interact with the AI Action Agent, which can perform actions in the live browser based on your instructions.
Action Agent panel

​
Using the Action Agent

  • Expand the panel: Click on the Action Agent tab on the right edge to expand it
  • Enter instructions: Type natural language commands describing what you want to do
  • Watch execution: The agent performs actions in the live browser in real-time
  • Review results: Steps are created automatically as the agent performs actions
The Action Agent is ideal for quickly automating repetitive interactions or exploring your application. For more details on capabilities and best practices, see the AI Action Agent documentation.
Action Agent chat

​
Troubleshooting

  • Disconnected live session: wait for auto-reconnect or reset session
  • Step stuck running: cancel the run, then reset session and try again
  • No screenshots: ensure the run completed or the step actually executed
  • Logs empty: re-run; open Raw Logs after execution completes