PW Playwright · TSFree course: Playwright with TypeScript
Full course

Chapter 6 · Lesson 3

UI Mode

Difficulty: Easy
Slides
Use the arrow keys, N for notes, F for full screenOpen in a separate window ↗
Video lesson

Key points

UI Mode is an interactive working environment for tests:

npx playwright test --ui

A window opens with:

  • The test tree on the left, with a run button next to each test or file.
  • Filters by status, project and name.
  • Timeline, Actions and Snapshot as in Trace Viewer, for every run.
  • Watch mode (the eye icon): the test re-runs each time you save the file.

Why it is convenient

Instead of running in the terminal and opening a report, you click a test and see right away what happened. It is the most convenient tool for day-to-day work.

Practice

Try it yourself