arrow-left Back to topicQuizUI ModeCheck yourself1.A test clicks a button and then the assertion fails — but you can't tell why from the error message alone. How does UI Mode help?It shows the full test log in the terminal with more detail than the regular runHover over the failing assertion in the Actions panel to see the DOM snapshot at that exact moment — you can visually inspect what was on the page when it failedUI Mode automatically fixes common assertion failures2.You're writing a new test and keep running it to check your locators. What's the fastest workflow?Run npx playwright test after each change — it's fast enoughOpen UI Mode, enable watch mode on that test (eye icon), and use Pick Locator to find the right selectorsUse Codegen to record interactions and generate locators automatically3.What command launches Playwright UI Mode?npx playwright opennpx playwright test --uinpx playwright debugnpx playwright show-report --ui4.In UI Mode, what does the watch mode (eye icon) do when enabled on a test?It runs the test in slow motion so you can watch each stepIt automatically reruns the test every time the test file is savedIt records a video of the test runIt monitors network requests and highlights any that are slow5.How does the time-travel debugging feature work in UI Mode?It replays the entire test in real time at adjustable speedHovering over any action in the Actions panel updates the DOM snapshot on the right to show what the page looked like at that exact momentIt uses git history to restore the page to a previous versionIt inserts breakpoints into the test and pauses at each one for inspection6.You want to run only the tests tagged @smoke in a specific project (Chromium) from UI Mode. How do you achieve this?You must use the CLI — filtering by both tag and project at once is not possible in UI ModeType @smoke in the filter box and select Chromium from the project dropdown in the left sidebarRight-click any test and choose 'Run with tag and project'Modify playwright.config.ts to hardcode the filter before opening UI Mode7.How does UI Mode differ from Trace Viewer?They are identical tools with different namesUI Mode is a live interactive runner for running and debugging tests; Trace Viewer is a read-only viewer for examining a pre-recorded trace fileTrace Viewer is only for CI; UI Mode is only for local developmentUI Mode shows code coverage; Trace Viewer shows network traffic8.In UI Mode, what does the Log tab show for a selected action?The browser console output at the time of the actionPlaywright's internal log: what it was waiting for, whether actionability checks passed, and how long each step tookThe git commit history for the test fileAll network requests made during the entire test runSubmit answersarrow-left PreviousVisual comparisonsTrace viewerNext arrow-right