> For the complete documentation index, see [llms.txt](https://docs.testfirst.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.testfirst.com/testfirst-editor/browser-preview-and-execution-insights.md).

# Browser Preview & Execution Insights

TestFirst provides a **built-in browser preview with execution insights** to help you understand how your test runs.

You can visually track execution, inspect logs, and analyze how each step behaves, all within the Editor.

## Browser Preview

<figure><img src="/files/YyMrlWVNg5RmRMFzSvun" alt=""><figcaption></figcaption></figure>

The **Preview panel** shows a live view of your test execution.

#### Key Characteristics

* Always enabled during test runs
* Shows **real-time UI interactions**
* Runs in **headless mode with visual simulation**
* Does not open an external browser

## Execution Insights

Execution insights are available in the **Debug Console** tabs.

{% hint style="info" %}
Read more in [Debugging Tools](/testfirst-editor/running-and-debugging-tests/debugging-tools.md).
{% endhint %}

### Screenshots and Visual Validation

* Screenshots are captured for **every step** in browser tests
* Each screenshot highlights the exact interaction area
* Click the screenshot link in each step of the **Execution Log** to open the annotated screenshot

💡 Use screenshots together with logs to identify issues faster.