feat(browser): playwright provider doesn't allow resizing the browser viewport

[userquin]

Description

Playwright using custom viewport implementation, once the browser is opened PW will prevent resizing the Vitest UI.

We need to configure viewport: null when creating the context, for context check: microsoft/playwright#20721

Playwright prevents resizing the viewport

Please don't delete this checklist! Before submitting the PR, please make sure you do the following:

• It's really useful if your PR references an issue where it is discussed ahead of time. If the feature is substantial or introduces breaking changes without a discussion, PR might be closed.
• Ideally, include a test that fails without this PR but passes with it.
• Please, don't make changes to pnpm-lock.yaml unless you introduce a new test example.

Tests

• Run the tests with pnpm test:ci.

Documentation

• If you introduce new functionality, document it. You can run documentation with pnpm run docs command.

Changesets

• Changes in changelog are generated from PR name. Please, make sure that it explains your changes in an understandable manner. Please, prefix changeset messages with feat:, fix:, perf:, docs:, or chore:.

[userquin]

@sheremet-va we can also open it maximized via args if you want to add it here: https://discord.com/channels/807756831384403968/1255831070339891281/1255867837793439857

launchOptions: { args: ["--start-maximized"] }

[userquin]

NOTE: since we're opening the browser before running the tests...

[kwojcik]

Is this the same problem as what causes my failure screenshots to get cutoff? This screenshot is taken with viewport: { width: 800, height: 1500 }

Screenshot

[sheremet-va]

we can also open it maximized via args if you want to add it here

Maybe we should open it in max if --browser.ui is true, and pass down the same viewport from the config otherwise

[userquin]

we can also open it maximized via args if you want to add it here

Maybe we should open it in max if --browser.ui is true, and pass down the same viewport from the config otherwise

Added launchViewport to resolved browser options: Vitest UI maximized when ui enabled with PW and WDIO providers.

For WDIO I haven't found a way to maximize the window on remote call, using browser.maximizeWindow, once the browser is opened, the window is maximized.

For PW, adding --start-maximized arg to launch (when missing --start-maximized and --start-fullscreen from args) just works: Vitest UI maximized when the browser is opened => https://peter.sh/experiments/chromium-command-line-switches/

[sheremet-va]

Let’s not add any new options. Args can already be overriden by providerOptions

[userquin]

We can use browser capabilities, but will differ between browsers (note from @christian-bromann ):

capabilities: {
  browserName: 'chrome',
  'goog:chromeOptions': {
    args: ['--start-maximized', '--start-fullscreen']
  }
}

EDIT: WDIO should simplify this, it is a pain

[userquin]

With latest change, the viewport.test.ts will not pass when running it with Vitest UI using Firefox or Safari (with both providers).