Useful tips when using Playwright

Visually see the browser used for the tests

// .playwright.config.ts
use: {
        baseURL: "...",
        headless: false, // <-- This enables the browser to show
        ....
    },

Pausing a test

Why? So you can inspect a specific moment in the test-flow.

await logPanel.page.pause();

Run within the Playwright App

Not just the browser, also the Playwright App where you can start/stop/pause tests and inspect the steps

yarn [your-test-command] --ui