Preview and refine

Work in a browser sandbox#

Preview opens the execution workspace for a test case: the generated steps on one side, and a live browser sandbox on the other.

The execution window#

• Test Steps panel — every step in order, with its status and controls to select, reorder, delete, or group steps into a module.
• Execution controls — Generate and Run (see below), plus Add to suite and Save Profile.
• Live VNC environment — the real-time browser view, with controls for the active tunnel, browser profile, viewport resolution, and Record for capturing manual interactions as new steps.
• Code Editor — the generated Playwright for the current execution, plus a Console for execution output.
• Parameters — run the test case with parameters where applicable.
• Run History — previous executions of this test case.

Refine steps#

• Edit instructions when generated behavior does not match the intent.
• Record interactions directly from the VNC browser to add new steps.
• Reorder or remove steps to keep the flow focused.
• Inspect and edit generated code when exact control is needed.
• Select steps and turn them into a reusable module.

The underlying concepts#

• Sandbox — the isolated browser environment where every interaction runs, visible in real time without touching your local browser.
• Run Summary — a high-level overview of a completed execution: overall status and key metrics, and the entry point into the full results.

Save a stable flow#

Run the full sequence after editing individual steps. Confirm that navigation, selectors, and assertions still behave correctly together before adding the case to a suite.