Change8

v1.58.0

Breaking Changes
📦 playwrightView on GitHub →
4 breaking6 features🔧 5 symbols

Summary

This release introduces timeline visualization in HTML reports and several usability enhancements to the UI Mode and Trace Viewer, alongside removing legacy selectors and the `devtools` launch option.

⚠️ Breaking Changes

  • Removed `_react` and `_vue` selectors. Use the [locators guide](https://playwright.dev/docs/locators) for alternatives.
  • Removed `:light` selector engine suffix. Use standard CSS selectors instead.
  • Option `devtools` from [browserType.launch()](https://playwright.dev/docs/api/class-browsertype#browser-type-launch) has been removed. Use `args: ['--auto-open-devtools-for-tabs']` instead.
  • Removed macOS 13 support for WebKit. Users should upgrade macOS or use an older Playwright version.

Migration Steps

  1. Replace usage of removed `_react` and `_vue` selectors with alternatives described in the [locators guide](https://playwright.dev/docs/locators).
  2. Replace usage of the removed `devtools` option in `browserType.launch()` with passing `args: ['--auto-open-devtools-for-tabs']`.

✨ New Features

  • HTML report Speedboard tab now shows the Timeline when using merged reports.
  • New 'system' theme option added to UI Mode and Trace Viewer, which follows the OS dark/light mode preference.
  • Search functionality (Cmd/Ctrl+F) is now available in code editors within UI Mode/Trace Viewer.
  • Network details panel in UI Mode/Trace Viewer has been reorganized for better usability.
  • JSON responses are now automatically formatted for readability in UI Mode/Trace Viewer.
  • [browserType.connectOverCDP()](https://playwright.dev/docs/api/class-browsertype#browser-type-connect-over-cdp) now accepts an `isLocal` option to enable file system optimizations when running on the same host as the CDP server.

Affected Symbols