---
title: "Playwright - UI Mode"
url: https://daily.dev/posts/playwright---ui-mode-vdrjuoira
source_url: https://playfulprogramming.com/posts/playwright-ui-mode-20la
type: article
source: "Playful Programming"
author: "Luca Del Puppo"
published: 2026-03-16T21:46:55.280Z
updated: 2026-03-17T18:01:38.724Z
tags: ["testing", "vscode"]
reading_time: 3
upvotes: 0
comments: 0
language: en
---

> ## Documentation Index
> Fetch the complete documentation index at: https://daily.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Playwright - UI Mode

**[Playful Programming](https://daily.dev/sources/playfulprogramming)** · [@puppo](https://daily.dev/puppo) · 3 min read · 0 upvotes · 0 comments

## Summary

Playwright 1.32 introduced a UI Mode (beta) accessible via the `--ui` CLI flag. It opens a dedicated window split into a test list panel and a debug panel similar to the Playwright tracer. Key features include running individual or grouped tests, a timeline scrubber showing browser state at each step, an actions tab for step-by-step navigation, and bottom-bar views for Source, Console, Network, and Log. The Source view highlights the exact line of code for each action and surfaces errors inline. Tests can be opened directly in VS Code from the UI, and the runner stays in sync with the codebase so fixes can be retried immediately.

## Full article

daily.dev links to this article rather than hosting it. Read it at the original source: <https://playfulprogramming.com/posts/playwright-ui-mode-20la>

## Similar posts on daily.dev

- [Agents can now verify your UI changes without leaving VS Code](https://daily.dev/posts/agents-can-now-verify-your-ui-changes-without-leaving-vs-code-1n91okjxh) · The Art of Simplicity · 1 upvotes · 0 comments

---

Tags: [#testing](https://daily.dev/tags/testing), [#vscode](https://daily.dev/tags/vscode)

[View this post on daily.dev](https://daily.dev/posts/playwright---ui-mode-vdrjuoira)