Playwright

UI Mode Commands

Run tests in UI Mode for time-travel debugging, watch mode, and visual test exploration.

5 commands

Pro Tips

UI mode shows a timeline with DOM snapshots at each action

Use pick locator to find the best selector for elements

$ npx playwright test --ui

Run tests in interactive UI mode.

$ npx playwright test --ui -g 'login'

Open UI mode with test filter.

$ npx playwright test --ui tests/checkout.spec.ts

Open UI mode for specific test file.

$ npx playwright test --ui-port=8080

Run UI mode on custom port.

$ npx playwright test --ui-host=0.0.0.0

Run UI mode accessible from network.