--- id: release-notes title: "Release notes" toc_max_heading_level: 2 --- --- id: release-notes title: "Release notes" toc_max_heading_level: 2 --- import LiteYouTube from '@site/src/components/LiteYouTube'; ## Version 1.34 ### Highlights * New [`method: Locator.and`] to create a locator that matches both locators. ```java Locator button = page.getByRole(AriaRole.BUTTON).and(page.getByTitle("Subscribe")); ``` * New events [`event: BrowserContext.console`] and [`event: BrowserContext.dialog`] to subscribe to any dialogs and console messages from any page from the given browser context. Use the new methods [`method: ConsoleMessage.page`] and [`method: Dialog.page`] to pin-point event source. ### Browser Versions * Chromium 114.0.5735.26 * Mozilla Firefox 113.0 * WebKit 16.4 This version was also tested against the following stable channels: * Google Chrome 113 * Microsoft Edge 113 ## Version 1.33 ### Locators Update * Use [`method: Locator.or`] to create a locator that matches either of the two locators. Consider a scenario where you'd like to click on a "New email" button, but sometimes a security settings dialog shows up instead. In this case, you can wait for either a "New email" button, or a dialog and act accordingly: ```java Locator newEmail = page.getByRole(AriaRole.BUTTON, new Page.GetByRoleOptions().setName("New email")); Locator dialog = page.getByText("Confirm security settings"); assertThat(newEmail.or(dialog)).isVisible(); if (dialog.isVisible()) page.getByRole(AriaRole.BUTTON, new Page.GetByRoleOptions().setName("Dismiss")).click(); newEmail.click(); ``` * Use new options [`option: hasNot`] and [`option: hasNotText`] in [`method: Locator.filter`] to find elements that **do not match** certain conditions. ```java Locator rowLocator = page.locator("tr"); rowLocator .filter(new Locator.FilterOptions().setHasNotText("text in column 1")) .filter(new Locator.FilterOptions().setHasNot( page.getByRole(AriaRole.BUTTON, new Page.GetByRoleOptions().setName("column 2 button" )))) .screenshot(); ``` * Use new web-first assertion [`method: LocatorAssertions.toBeAttached`] to ensure that the element is present in the page's DOM. Do not confuse with the [`method: LocatorAssertions.toBeVisible`] that ensures that element is both attached & visible. ### New APIs - [`method: Locator.or`] - New option [`option: hasNot`] in [`method: Locator.filter`] - New option [`option: hasNotText`] in [`method: Locator.filter`] - [`method: LocatorAssertions.toBeAttached`] - New option [`option: timeout`] in [`method: Route.fetch`] ### Other highlights - Native support for Apple Silicon - Playwright now runs without Rosetta - Added Ubuntu 22.04 (Jammy) Docker image ### ⚠ïļ Breaking change * The `mcr.microsoft.com/playwright/java:v1.33.0` now serves a Playwright image based on Ubuntu Jammy. To use the focal-based image, please use `mcr.microsoft.com/playwright/java:v1.33.0-focal` instead. ### Browser Versions * Chromium 113.0.5672.53 * Mozilla Firefox 112.0 * WebKit 16.4 This version was also tested against the following stable channels: * Google Chrome 112 * Microsoft Edge 112 ## Version 1.32 ### New APIs - New options [`option: updateMode`] and [`option: updateContent`] in [`method: Page.routeFromHAR`] and [`method: BrowserContext.routeFromHAR`]. - Chaining existing locator objects, see [locator docs](./locators.md#chaining-locators) for details. - New option [`option: name`] in method [`method: Tracing.startChunk`]. ### Browser Versions * Chromium 112.0.5615.29 * Mozilla Firefox 111.0 * WebKit 16.4 This version was also tested against the following stable channels: * Google Chrome 111 * Microsoft Edge 111 ## Version 1.31 ### New APIs - New assertion [`method: LocatorAssertions.toBeInViewport`] ensures that locator points to an element that intersects viewport, according to the [intersection observer API](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API). ```java Locator locator = page.getByRole(AriaRole.BUTTON); // Make sure at least some part of element intersects viewport. assertThat(locator).isInViewport(); // Make sure element is fully outside of viewport. assertThat(locator).not().isInViewport(); // Make sure that at least half of the element intersects viewport. assertThat(locator).isInViewport(new LocatorAssertions.IsInViewportOptions().setRatio(0.5)); ``` ### Miscellaneous - DOM snapshots in trace viewer can be now opened in a separate window. - New option [`option: Route.fetch.maxRedirects`] for method [`method: Route.fetch`]. - Playwright now supports Debian 11 arm64. - Official [docker images](./docker.md) now include Node 18 instead of Node 16. ### Browser Versions * Chromium 111.0.5563.19 * Mozilla Firefox 109.0 * WebKit 16.4 This version was also tested against the following stable channels: * Google Chrome 110 * Microsoft Edge 110 ## Version 1.30 ### Browser Versions * Chromium 110.0.5481.38 * Mozilla Firefox 108.0.2 * WebKit 16.4 This version was also tested against the following stable channels: * Google Chrome 109 * Microsoft Edge 109 ## Version 1.29 ### New APIs - New method [`method: Route.fetch`]: ```java page.route("**/api/settings", route -> { // Fetch original settings. APIResponse response = route.fetch(); // Force settings theme to a predefined value. String body = response.text().replace("\"theme\":\"default\"", "\"theme\":\"Solorized\""); // Fulfill with modified data. route.fulfill(new Route.FulfillOptions().setResponse(response).setBody(body)); }); ``` - New method [`method: Locator.all`] to iterate over all matching elements: ```java // Check all checkboxes! Locator checkboxes = page.getByRole(AriaRole.CHECKBOX); for (Locator checkbox : checkboxes.all()) checkbox.check(); ``` - [`method: Locator.selectOption`] matches now by value or label: ```html ``` ```java element.selectOption("Red"); ``` ### Browser Versions * Chromium 109.0.5414.46 * Mozilla Firefox 107.0 * WebKit 16.4 This version was also tested against the following stable channels: * Google Chrome 108 * Microsoft Edge 108 ## Version 1.28 ### Playwright Tools * **Live Locators in CodeGen.** Generate a locator for any element on the page using "Explore" tool. ![Locator Explorer](https://user-images.githubusercontent.com/9798949/202293631-2f402cc2-35fb-4877-8ea1-82265fbbc232.png) ### New APIs - [`method: Locator.blur`] - [`method: Locator.clear`] ### Browser Versions * Chromium 108.0.5359.29 * Mozilla Firefox 106.0 * WebKit 16.4 This version was also tested against the following stable channels: * Google Chrome 107 * Microsoft Edge 107 ## Version 1.27 ### Locators With these new APIs writing locators is a joy: - [`method: Page.getByText`] to locate by text content. - [`method: Page.getByRole`] to locate by [ARIA role](https://www.w3.org/TR/wai-aria-1.2/#roles), [ARIA attributes](https://www.w3.org/TR/wai-aria-1.2/#aria-attributes) and [accessible name](https://w3c.github.io/accname/#dfn-accessible-name). - [`method: Page.getByLabel`] to locate a form control by associated label's text. - [`method: Page.getByTestId`] to locate an element based on its `data-testid` attribute (other attribute can be configured). - [`method: Page.getByPlaceholder`] to locate an input by placeholder. - [`method: Page.getByAltText`] to locate an element, usually image, by its text alternative. - [`method: Page.getByTitle`] to locate an element by its title. ```java page.getByLabel("User Name").fill("John"); page.getByLabel("Password").fill("secret-password"); page.getByRole(AriaRole.BUTTON, new Page.GetByRoleOptions().setName("Sign in")).click(); assertThat(page.getByText("Welcome, John!")).isVisible(); ``` All the same methods are also available on [Locator], [FrameLocator] and [Frame] classes. ### Other highlights - As announced in v1.25, Ubuntu 18 will not be supported as of Dec 2022. In addition to that, there will be no WebKit updates on Ubuntu 18 starting from the next Playwright release. ### Behavior Changes - [`method: LocatorAssertions.toHaveAttribute`] with an empty value does not match missing attribute anymore. For example, the following snippet will succeed when `button` **does not** have a `disabled` attribute. ```js assertThat(page.getByRole(AriaRole.BUTTON)).hasAttribute("disabled", ""); ``` ### Browser Versions * Chromium 107.0.5304.18 * Mozilla Firefox 105.0.1 * WebKit 16.0 This version was also tested against the following stable channels: * Google Chrome 106 * Microsoft Edge 106 ## Version 1.26 ### Assertions - New option `enabled` for [`method: LocatorAssertions.toBeEnabled`]. - [`method: LocatorAssertions.toHaveText`] now pierces open shadow roots. - New option `editable` for [`method: LocatorAssertions.toBeEditable`]. - New option `visible` for [`method: LocatorAssertions.toBeVisible`]. ### Other highlights - New option `setMaxRedirects` for [`method: APIRequestContext.get`] and others to limit redirect count. - Docker images are now using OpenJDK 17. ### Behavior Change A bunch of Playwright APIs already support the `setWaitUntil(WaitUntilState.DOMCONTENTLOADED)` option. For example: ```js page.navigate("https://playwright.dev", new Page.NavigateOptions().setWaitUntil(WaitUntilState.DOMCONTENTLOADED)); ``` Prior to 1.26, this would wait for all iframes to fire the `DOMContentLoaded` event. To align with web specification, the `WaitUntilState.DOMCONTENTLOADED` value only waits for the target frame to fire the `'DOMContentLoaded'` event. Use `setWaitUntil(WaitUntilState.LOAD)` to wait for all iframes. ### Browser Versions * Chromium 106.0.5249.30 * Mozilla Firefox 104.0 * WebKit 16.0 This version was also tested against the following stable channels: * Google Chrome 105 * Microsoft Edge 105 ## Version 1.25 ### New APIs & changes - Default assertions timeout now can be changed with [`setDefaultAssertionTimeout`](./test-assertions#playwright-assertions-set-default-assertion-timeout). ### Announcements * ðŸŠĶ This is the last release with macOS 10.15 support (deprecated as of 1.21). * ⚠ïļ Ubuntu 18 is now deprecated and will not be supported as of Dec 2022. ### Browser Versions * Chromium 105.0.5195.19 * Mozilla Firefox 103.0 * WebKit 16.0 This version was also tested against the following stable channels: * Google Chrome 104 * Microsoft Edge 104 ## Version 1.24
### 🐂 Debian 11 Bullseye Support Playwright now supports Debian 11 Bullseye on x86_64 for Chromium, Firefox and WebKit. Let us know if you encounter any issues! Linux support looks like this: | | Ubuntu 20.04 | Ubuntu 22.04 | Debian 11 | :--- | :---: | :---: | :---: | :---: | | Chromium | ✅ | ✅ | ✅ | | WebKit | ✅ | ✅ | ✅ | | Firefox | ✅ | ✅ | ✅ | ## Version 1.23 ### Network Replay Now you can record network traffic into a HAR file and re-use this traffic in your tests. To record network into HAR file: ```bash mvn exec:java -e -D exec.mainClass=com.microsoft.playwright.CLI -D exec.args="open --save-har=example.har --save-har-glob='**/api/**' https://example.com" ``` Alternatively, you can record HAR programmatically: ```java BrowserContext context = browser.newContext(new Browser.NewContextOptions() .setRecordHarPath(Paths.get("example.har")) .setRecordHarUrlFilter("**/api/**")); // ... Perform actions ... // Close context to ensure HAR is saved to disk. context.close(); ``` Use the new methods [`method: Page.routeFromHAR`] or [`method: BrowserContext.routeFromHAR`] to serve matching responses from the [HAR](http://www.softwareishard.com/blog/har-12-spec/) file: ```java context.routeFromHAR(Paths.get("example.har")); ``` Read more in [our documentation](./network#record-and-replay-requests). ### Advanced Routing You can now use [`method: Route.fallback`] to defer routing to other handlers. Consider the following example: ```java // Remove a header from all requests. page.route("**/*", route -> { Map headers = new HashMap<>(route.request().headers()); headers.remove("X-Secret"); route.resume(new Route.ResumeOptions().setHeaders(headers)); }); // Abort all images. page.route("**/*", route -> { if ("image".equals(route.request().resourceType())) route.abort(); else route.fallback(); }); ``` Note that the new methods [`method: Page.routeFromHAR`] and [`method: BrowserContext.routeFromHAR`] also participate in routing and could be deferred to. ### Web-First Assertions Update * New method [`method: LocatorAssertions.toHaveValues`] that asserts all selected values of `