跳到主要内容

版本说明

版本 1.52​

亮点​

  • 新增方法 assertThat(locator).containsClass()，可方便地断言元素上的单个类名。

      assertThat(page.getByRole(AriaRole.LISTITEM, new Page.GetByRoleOptions().setName("Ship v1.52"))).containsClass("done");

  • Aria 快照 新增两个属性：用于严格匹配的 /children 和用于链接的 /url。

    assertThat(locator).toMatchAriaSnapshot("""
      - list
        - /children: equal
        - listitem: Feature A
        - listitem:
          - link "Feature B":
            - /url: "https://playwright.dev"
    """);

其他变更​

重大变更​

  • 像 Page.route() 等方法中的全局 URL 模式不再支持 ? 和 []。建议改用正则表达式。
  • 方法 Route.resume() 不再允许覆盖 Cookie 标头。如果提供了 Cookie 标头，它将被忽略，并且 cookie 将从浏览器的 cookie 存储中加载。要设置自定义 cookie，请使用 BrowserContext.addCookies()。
  • macOS 13 现已弃用，将不再接收 WebKit 更新。请升级到更新的 macOS 版本，以继续享受最新的 WebKit 改进。

浏览器版本​

  • Chromium 136.0.7103.25
  • Mozilla Firefox 137.0
  • WebKit 18.4

此版本还针对以下稳定版本通道进行了测试：

  • Google Chrome 135
  • Microsoft Edge 135

1.51 版本​

亮点​

  • BrowserContext.storageState() 的新选项 setIndexedDB 支持保存和恢复 IndexedDB 内容。当应用程序使用 IndexedDB API 存储身份验证令牌（如 Firebase 身份验证）时，此功能很有用。

    以下是遵循 身份验证指南 的示例：

    // 将存储状态保存到文件中。确保包含 IndexedDB。
    context.storageState(new BrowserContext.StorageStateOptions()
        .setPath(Paths.get("state.json"))
        .setIndexedDB(true));

    // 使用保存的存储状态创建新上下文。
    BrowserContext context = browser.newContext(new Browser.NewContextOptions()
        .setStorageStatePath(Paths.get("state.json")));

  • Locator.filter() 的新选项 setVisible 支持仅匹配可见元素。

    // 忽略不可见的待办事项。
    Locator todoItems = page.getByTestId("todo-item")
        .filter(new Locator.FilterOptions().setVisible(true));
    // 检查恰好有 3 个可见的待办事项。
    assertThat(todoItems).hasCount(3);

  • Page.emulateMedia() 和 Browser.newContext() 方法的新选项 setContrast 支持模拟 prefers-contrast 媒体功能。

  • APIRequestContext 的新选项 setFailOnStatusCode 会使通过它发出的所有获取请求在响应状态码不是 2xx 和 3xx 时抛出异常。

浏览器版本​

  • Chromium 134.0.6998.35
  • Mozilla Firefox 135.0
  • WebKit 18.4

此版本还针对以下稳定版本通道进行了测试：

  • Google Chrome 133
  • Microsoft Edge 133

1.50 版本​

杂项​

用户界面更新​

  • 代码生成器中新增了一个按钮，用于选择元素以生成可访问性（aria）快照。
  • 现在，在跟踪中，操作 API 调用旁边会显示更多详细信息（例如按下的键）。
  • 跟踪中 canvas 内容的显示容易出错。现在默认禁用显示，可以通过 “显示 canvas 内容” 用户界面设置启用。
  • “调用” 和 “网络” 面板现在会显示更多时间信息。

重大变更​

浏览器版本​

  • Chromium 133.0.6943.16
  • Mozilla Firefox 134.0
  • WebKit 18.2

此版本还针对以下稳定版本通道进行了测试：

  • Google Chrome 132
  • Microsoft Edge 132

1.49 版本​

Aria 快照​

新断言 assertThat(locator).matchesAriaSnapshot() 通过与以 YAML 表示的预期可访问性树进行比较，来验证页面结构。

page.navigate("https://playwright.dev");
assertThat(page.locator("body")).matchesAriaSnapshot("""
  - banner:
    - heading /Playwright enables reliable/ [level=1]
    - link "Get started"
    - link "Star microsoft/playwright on GitHub"
  - main:
    - img "Browsers (Chromium, Firefox, WebKit)"
    - heading "Any browser • Any platform • One API"
""");

你可以使用 测试生成器 或调用 Locator.ariaSnapshot() 来生成此断言。 在 aria 快照指南 中了解更多信息。

追踪分组​

新方法 Tracing.group() 允许你在追踪查看器中以可视化方式对操作进行分组。

// group 和 groupEnd 之间的所有操作
// 将在追踪查看器中显示为一个分组。
page.context().tracing().group("Open Playwright.dev > API");
page.navigate("https://playwright.dev/");
page.getByRole(AriaRole.LINK, new Page.GetByRoleOptions().setName("API")).click();
page.context().tracing().groupEnd();

重大变更：chrome 和 msedge 渠道切换到新的无头模式​

如果在 playwright.config.ts 中使用以下渠道之一，此变更会对你产生影响：

  • chrome、chrome-dev、chrome-beta 或 chrome-canary
  • msedge、msedge-dev、msedge-beta 或 msedge-canary

更新到 Playwright v1.49 后，运行你的测试套件。如果测试仍然通过，那么你可以继续使用。如果测试未通过，你可能需要更新快照，并围绕 PDF 查看器和扩展调整一些测试代码。有关更多详细信息，请参阅 问题 #33566。

试用全新的 Chromium 无头模式​

你可以通过使用 'chromium' 渠道来选择使用全新的无头模式。正如 官方 Chrome 文档所述：

另一方面，全新的无头模式使用的是真正的 Chrome 浏览器，因此更加真实、可靠，并且提供更多功能。这使其更适合高精度的端到端 Web 应用测试或浏览器扩展测试。

有关可能遇到的问题列表以及 Chromium 无头模式的更多详细信息，请参阅 问题 #33566。如果选择使用后发现任何问题，请提交一个问题。

Browser browser = playwright.chromium().launch(new BrowserType.LaunchOptions().setChannel("chromium"));

其他事项​

  • Ubuntu 20.04 和 Debian 11 上的 WebKit 将不再有更新。我们建议将操作系统更新到更高版本。
  • 快照中的 <canvas> 元素现在会绘制一个预览。

浏览器版本​

  • Chromium 131.0.6778.33
  • Mozilla Firefox 132.0
  • WebKit 18.2

此版本还针对以下稳定渠道进行了测试：

  • Google Chrome 130
  • Microsoft Edge 130

1.48 版本​

WebSocket 路由​

新方法 Page.routeWebSocket() 和 BrowserContext.routeWebSocket() 允许拦截、修改和模拟页面中发起的 WebSocket 连接。以下是一个简单示例，通过用 "response" 响应 "request" 来模拟 WebSocket 通信。

page.routeWebSocket("/ws", ws -> {
  ws.onMessage(frame -> {
    if ("request".equals(frame.text()))
      ws.send("response");
  });
});

更多详细信息请参阅 WebSocketRoute。

UI 更新​

  • 在 HTML 报告中，为注释和测试位置添加了新的 “复制” 按钮。
  • 诸如 Route.fulfill() 之类的路由方法调用不再在报告和跟踪查看器中显示。 相反，你可以在网络选项卡中查看哪些网络请求被路由。
  • 在网络选项卡中，为请求添加了新的 “复制为 cURL” 和 “复制为 fetch” 按钮。

杂项​

浏览器版本​

  • Chromium 130.0.6723.19
  • Mozilla Firefox 130.0
  • WebKit 18.0

此版本还针对以下稳定渠道进行了测试：

  • Google Chrome 129
  • Microsoft Edge 129

1.47 版本​

网络选项卡改进​

跟踪查看器中的网络选项卡有多项不错的改进：

  • 按资源类型和 URL 进行过滤
  • 更好地显示查询字符串参数
  • 字体资源预览

网络选项卡现在有过滤器

杂项​

  • mcr.microsoft.com/playwright/java:v1.47.0 现在提供基于 Ubuntu 24.04 Noble 的 Playwright 镜像。若要使用基于 22.02 jammy 的镜像，请改用 mcr.microsoft.com/playwright/java:v1.47.0-jammy。
  • Playwright Docker 镜像的 :latest/:focal/:jammy 标签不再发布。为了获得更好的稳定性和可重复性，请指定具体版本。
  • 现在，可以通过将 setClientCertificates.setCert 和 setClientCertificates.setKey 作为字节数组而非文件路径传入，从内存中传递 TLS 客户端证书。
  • Locator.selectOption() 中的 setNoWaitAfter 已弃用。
  • 我们收到报告称，在 GitHub Actions macos-13 上，Webkit 中的 WebGL 表现异常。我们建议将 GitHub Actions 升级到 macos-14。

浏览器版本​

  • Chromium 129.0.6668.29
  • Mozilla Firefox 130.0
  • WebKit 18.0

此版本还针对以下稳定渠道进行了测试：

  • Google Chrome 128
  • Microsoft Edge 128

1.46 版本​

TLS 客户端证书​

Playwright 现在允许提供客户端证书，以便服务器按照 TLS 客户端身份验证的规定对其进行验证。

你可以将客户端证书作为 Browser.newContext() 和 APIRequest.newContext() 的参数提供。以下代码片段为 https://example.com 设置了客户端证书：

BrowserContext context = browser.newContext(new Browser.NewContextOptions()
    .setClientCertificates(asList(new ClientCertificate("https://example.com")
          .setCertPath(Paths.get("client-certificates/cert.pem"))
          .setKeyPath(Paths.get("client-certificates/key.pem")))));

追踪查看器更新​

  • 文本附件的内容现在会在附件面板中内联呈现。
  • 新增用于显示/隐藏诸如 Route.resume() 之类路由操作的设置。
  • 请求方法和状态会显示在网络详情标签页中。
  • 新增将源文件位置复制到剪贴板的按钮。
  • 元数据面板现在会显示 baseURL。

其他杂项​

浏览器版本​

  • Chromium 128.0.6613.18
  • Mozilla Firefox 128.0
  • WebKit 18.0

此版本还针对以下稳定渠道进行了测试：

  • Google Chrome 127
  • Microsoft Edge 127

1.45 版本​

时钟​

利用新的 Clock API 可以在测试中操控和控制时间，以验证与时间相关的行为。该 API 涵盖许多常见场景，包括：

  • 使用预定义时间进行测试；
  • 保持一致的时间和定时器；
  • 监控不活动状态；
  • 手动推进时间。
// 在测试时间之前的某个时间初始化时钟，并让页面自然加载。
// 随着定时器触发，`Date.now` 将推进。
page.clock().install(new Clock.InstallOptions().setTime("2024-02-02T08:00:00"));
page.navigate("http://localhost:3333");
Locator locator = page.getByTestId("current-time");

// 假设用户合上笔记本电脑盖子，然后在上午 10 点再次打开。
// 到达该时间点后暂停时间。
page.clock().pauseAt("2024-02-02T10:00:00");

// 断言页面状态。
assertThat(locator).hasText("2/2/2024, 10:00:00 AM");

// 再次合上笔记本电脑盖子，并在上午 10:30 打开。
page.clock().fastForward("30:00");
assertThat(locator).hasText("2/2/2024, 10:30:00 AM");

更多详细信息请参阅 时钟指南。

杂项​

  • 方法 Locator.setInputFiles() 现在支持为 <input type=file webkitdirectory> 元素上传目录。

    page.getByLabel("Upload directory").setInputFiles(Paths.get("mydir"));

  • 诸如 Locator.click() 或 Locator.press() 等多个方法现在支持 ControlOrMeta 修饰键。此键在 macOS 上映射为 Meta，在 Windows 和 Linux 上映射为 Control。

    // 按下通用键盘快捷键 Control+S 或 Meta+S 以触发 “保存” 操作。
    page.keyboard.press("ControlOrMeta+S");

  • APIRequest.newContext() 中有新属性 httpCredentials.send，它允许始终发送 Authorization 标头，或者仅在响应 401 Unauthorized 时发送。

  • Playwright 现在支持在 Ubuntu 24.04 上使用 Chromium、Firefox 和 WebKit。

  • v1.45 是为 macOS 12 Monterey 接收 WebKit 更新的最后一个版本。请更新 macOS 以继续使用最新的 WebKit。

浏览器版本​

  • Chromium 127.0.6533.5
  • Mozilla Firefox 127.0
  • WebKit 17.4

此版本还针对以下稳定渠道进行了测试：

  • Google Chrome 126
  • Microsoft Edge 126

1.44 版本​

新 API​

可访问性断言​

  • assertThat(locator).hasAccessibleName() 检查元素是否具有指定的可访问名称：

    Locator locator = page.getByRole(AriaRole.BUTTON);
    assertThat(locator).hasAccessibleName("Submit");

  • assertThat(locator).hasAccessibleDescription() 检查元素是否具有指定的可访问描述：

    Locator locator = page.getByRole(AriaRole.BUTTON);
    assertThat(locator).hasAccessibleDescription("Upload a photo");

  • assertThat(locator).hasRole() 检查元素是否具有指定的 ARIA 角色：

    Locator locator = page.getByTestId("save-button");
    assertThat(locator).hasRole(AriaRole.BUTTON);

定位器处理器​

Locator locator = page.getByText("This interstitial covers the button");
page.addLocatorHandler(locator, overlay -> {
  overlay.locator("#close").click();
}, new Page.AddLocatorHandlerOptions().setTimes(3).setNoWaitAfter(true));
// 运行可能会被覆盖层中断的测试。
// ...
page.removeLocatorHandler(locator);

其他选项​

  • 新增方法 FormData.append()，允许在 RequestOptions 的 setMultipart 选项中指定具有相同名称的重复字段：

    FormData formData = FormData.create();
    formData.append("file", new FilePayload("f1.js", "text/javascript",
    "var x = 2024;".getBytes(StandardCharsets.UTF_8)));
    formData.append("file", new FilePayload("f2.txt", "text/plain",
      "hello".getBytes(StandardCharsets.UTF_8)));
    APIResponse response = context.request().post("https://example.com/uploadFile", RequestOptions.create().setMultipart(formData));

  • expect(page).toHaveURL(url) 现在支持 setIgnoreCase 选项。

浏览器版本​

  • Chromium 125.0.6422.14
  • Mozilla Firefox 125.0.1
  • WebKit 17.4

此版本还针对以下稳定渠道进行了测试：

  • Google Chrome 124
  • Microsoft Edge 124

1.43 版本​

新 API​

  • 方法 BrowserContext.clearCookies() 现在支持使用过滤器仅移除部分 cookie。

    // 清除所有 cookie。
    context.clearCookies();
    // 新增：清除特定名称的 cookie。
    context.clearCookies(new BrowserContext.ClearCookiesOptions().setName("session-id"));
    // 新增：清除特定域名的 cookie。
    context.clearCookies(new BrowserContext.ClearCookiesOptions().setDomain("my-origin.com"));

  • 新方法 Locator.contentFrame() 将 Locator 对象转换为 FrameLocator。当你在某个地方获取到一个 Locator 对象，之后想要与框架内的内容进行交互时，这会很有用。

    Locator locator = page.locator("iframe[name='embedded']");
    // ...
    FrameLocator frameLocator = locator.contentFrame();
    frameLocator.getByRole(AriaRole.BUTTON).click();

  • 新方法 FrameLocator.owner() 将 FrameLocator 对象转换为 Locator。当你在某个地方获取到一个 FrameLocator 对象，之后想要与 iframe 元素进行交互时，这会很有用。

    FrameLocator frameLocator = page.frameLocator("iframe[name='embedded']");
    // ...
    Locator locator = frameLocator.owner();
    assertThat(locator).isVisible();

浏览器版本​

  • Chromium 124.0.6367.8
  • Mozilla Firefox 124.0
  • WebKit 17.4

此版本还针对以下稳定渠道进行了测试：

  • Google Chrome 123
  • Microsoft Edge 123

1.42 版本​

实验性的 JUnit 集成​

在测试类中添加新的 @UsePlaywright 注解，以便在测试方法中开始使用针对 Page、BrowserContext、Browser、APIRequestContext 和 Playwright 的 Playwright 固定装置。

package org.example;

import com.microsoft.playwright.Page;
import com.microsoft.playwright.junit.UsePlaywright;
import org.junit.jupiter.api.Test;

import static com.microsoft.playwright.assertions.PlaywrightAssertions.assertThat;
import static org.junit.jupiter.api.Assertions.assertEquals;

@UsePlaywright
public class TestExample {
  void shouldNavigateToInstallationGuide(Page page) {
    page.navigate("https://playwright.dev/java/");
    page.getByRole(AriaRole.LINK, new Page.GetByRoleOptions().setName("Docs")).click();
    assertThat(page.getByRole(AriaRole.HEADING, new Page.GetByRoleOptions().setName("Installation"))).isVisible();
  }

  @Test
  void shouldCheckTheBox(Page page) {
    page.setContent("<input id='checkbox' type='checkbox'></input>");
    page.locator("input").check();
    assertEquals(true, page.evaluate("window['checkbox'].checked"));
  }

  @Test
  void shouldSearchWiki(Page page) {
    page.navigate("https://www.wikipedia.org/");
    page.locator("input[name=\"search\"]").click();
    page.locator("input[name=\"search\"]").fill("playwright");
    page.locator("input[name=\"search\"]").press("Enter");
    assertThat(page).hasURL("https://en.wikipedia.org/wiki/Playwright");
  }
}

在上述示例中，所有三个测试方法都使用相同的 Browser。每个测试使用其自己的 BrowserContext 和 Page。

自定义选项​

实现你自己的 OptionsFactory，以便使用自定义配置初始化固定装置。

import com.microsoft.playwright.junit.Options;
import com.microsoft.playwright.junit.OptionsFactory;
import com.microsoft.playwright.junit.UsePlaywright;

@UsePlaywright(MyTest.CustomOptions.class)
public class MyTest {

  public static class CustomOptions implements OptionsFactory {
    @Override
    public Options getOptions() {
      return new Options()
          .setHeadless(false)
          .setContextOption(new Browser.NewContextOptions()
              .setBaseURL("https://github.com"))
          .setApiRequestOptions(new APIRequest.NewContextOptions()
              .setBaseURL("https://playwright.dev"));
    }
  }

  @Test
  public void testWithCustomOptions(Page page, APIRequestContext request) {
    page.navigate("/");
    assertThat(page).hasURL(Pattern.compile("github"));

    APIResponse response = request.get("/");
    assertTrue(response.text().contains("Playwright"));
  }
}

在我们的 JUnit 指南 中了解有关固定装置的更多信息。

新的定位器处理器​

新方法 Page.addLocatorHandler() 用于注册一个回调函数，当指定元素可见且可能会阻止 Playwright 操作时，该回调函数将被调用。该回调函数可以消除覆盖层。以下是一个示例，当出现 cookie 对话框时将其关闭。

// 设置处理器。
page.addLocatorHandler(
    page.getByRole(AriaRole.BUTTON, new Page.GetByRoleOptions().setName("Hej! You are in control of your cookies.")),
    () -> {
        page.getByRole(AriaRole.BUTTON, new Page.GetByRoleOptions().setName("Accept all")).click();
    });
// 像往常一样编写测试。
page.navigate("https://www.ikea.com/");
page.getByRole(AriaRole.LINK, new Page.GetByRoleOptions().setName("Collection of blue and white")).click();
assertThat(page.getByRole(AriaRole.HEADING, new Page.GetByRoleOptions().setName("Light and easy"))).isVisible();

新 API​

公告​

  • ⚠️ 不再支持 Ubuntu 18。

浏览器版本​

  • Chromium 123.0.6312.4
  • Mozilla Firefox 123.0
  • WebKit 17.4

此版本还针对以下稳定渠道进行了测试：

  • Google Chrome 122
  • Microsoft Edge 123

1.41 版本​

新 API​

浏览器版本​

  • Chromium 121.0.6167.57
  • Mozilla Firefox 121.0
  • WebKit 17.4

此版本还针对以下稳定渠道进行了测试：

  • Google Chrome 120
  • Microsoft Edge 120

1.40 版本​

测试生成器更新​

Playwright 测试生成器

用于生成断言的新工具：

以下是一个生成的带断言的测试示例：

page.navigate("https://playwright.dev/");
page.getByRole(AriaRole.LINK, new Page.GetByRoleOptions().setName("Get started")).click();
assertThat(page.getByLabel("Breadcrumbs").getByRole(AriaRole.LIST)).containsText("Installation");
assertThat(page.getByLabel("Search")).isVisible();
page.getByLabel("Search").click();
page.getByPlaceholder("Search docs").fill("locator");
assertThat(page.getByPlaceholder("Search docs")).hasValue("locator");

新 API​

其他变更​

浏览器版本​

  • Chromium 120.0.6099.28
  • Mozilla Firefox 119.0
  • WebKit 17.4

此版本还针对以下稳定渠道进行了测试：

  • Google Chrome 119
  • Microsoft Edge 119

1.39 版本​

常青浏览器更新。

浏览器版本​

  • Chromium 119.0.6045.9
  • Mozilla Firefox 118.0.1
  • WebKit 17.4

此版本还针对以下稳定渠道进行了测试：

  • Google Chrome 118
  • Microsoft Edge 118

1.38 版本​

追踪查看器更新​

Playwright 追踪查看器

  1. 放大时间范围。
  2. 网络面板重新设计。

新 API​

弃用内容​

浏览器版本​

  • Chromium 117.0.5938.62
  • Mozilla Firefox 117.0
  • WebKit 17.0

此版本还针对以下稳定渠道进行了测试：

  • Google Chrome 116
  • Microsoft Edge 116

1.37 版本​

新 API​

  • 新方法 BrowserContext.newCDPSession() 和 Browser.newBrowserCDPSession() 分别为页面和浏览器创建一个 Chrome DevTools 协议 会话。

    CDPSession cdpSession = page.context().newCDPSession(page);
    cdpSession.send("Runtime.enable");

    JsonObject params = new JsonObject();
    params.addProperty("expression", "window.foo = 'bar'");
    cdpSession.send("Runtime.evaluate", params);

    Object foo = page.evaluate("window['foo']");
    assertEquals("bar", foo);

📚 Debian 12 Bookworm 支持​

Playwright 现在在 x86_64 和 arm64 架构上对 Debian 12 Bookworm 系统提供 Chromium、Firefox 和 WebKit 支持。如果遇到任何问题，请告知我们！

Linux 支持情况如下：

Ubuntu 20.04Ubuntu 22.04Debian 11Debian 12
Chromium✅✅✅✅
WebKit✅✅✅✅
Firefox✅✅✅✅

浏览器版本​

  • Chromium 116.0.5845.82
  • Mozilla Firefox 115.0
  • WebKit 17.0

此版本还针对以下稳定渠道进行了测试：

  • Google Chrome 115
  • Microsoft Edge 115

1.36 版本​

🏝️ 夏季维护版本。

浏览器版本​

  • Chromium 115.0.5790.75
  • Mozilla Firefox 115.0
  • WebKit 17.0

此版本还针对以下稳定渠道进行了测试：

  • Google Chrome 114
  • Microsoft Edge 114

1.35 版本​

亮点​

  • Page.screenshot() 和 Locator.screenshot() 方法新增 maskColor 选项，用于更改默认的遮罩颜色。

  • 新增 uninstall CLI 命令，用于卸载浏览器二进制文件：

    $ mvn exec:java -e -D exec.mainClass=com.microsoft.playwright.CLI -D exec.args="uninstall"  # 删除此安装所安装的浏览器
    $ mvn exec:java -e -D exec.mainClass=com.microsoft.playwright.CLI -D exec.args="uninstall --all"  # 删除所有已安装的 Playwright 浏览器

浏览器版本​

  • Chromium 115.0.5790.13
  • Mozilla Firefox 113.0
  • WebKit 16.4

此版本还针对以下稳定渠道进行了测试：

  • Google Chrome 114
  • Microsoft Edge 114

1.34 版本​

亮点​

浏览器版本​

  • Chromium 114.0.5735.26
  • Mozilla Firefox 113.0
  • WebKit 16.4

此版本还针对以下稳定渠道进行了测试：

  • Google Chrome 113
  • Microsoft Edge 113

1.33 版本​

定位器更新​

  • 使用 Locator.or() 创建一个定位器，它可以匹配两个定位器中的任意一个。假设有这样一个场景，你想要点击“新建邮件”按钮，但有时会弹出一个安全设置对话框。在这种情况下，你可以等待“新建邮件”按钮或对话框出现，然后采取相应的操作：

    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();

  • 在 Locator.filter() 中使用新选项 setHasNot 和 setHasNotText 来查找 不匹配 某些条件的元素。

    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();

  • 使用新的以网页为优先的断言 assertThat(locator).isAttached() 来确保元素存在于页面的 DOM 中。不要与 assertThat(locator).isVisible() 混淆，后者确保元素既已附加到 DOM 且可见。

新 API​

其他亮点​

  • 原生支持 Apple Silicon - Playwright 现在无需 Rosetta 即可运行
  • 新增 Ubuntu 22.04（Jammy）Docker 镜像

⚠️ 重大变更​

  • mcr.microsoft.com/playwright/java:v1.33.0 现在提供基于 Ubuntu Jammy 的 Playwright 镜像。若要使用基于 focal 的镜像，请改用 mcr.microsoft.com/playwright/java:v1.33.0-focal。

浏览器版本​

  • Chromium 113.0.5672.53
  • Mozilla Firefox 112.0
  • WebKit 16.4

此版本还针对以下稳定版本进行了测试：

  • Google Chrome 112
  • Microsoft Edge 112

1.32 版本​

新 API​

浏览器版本​

  • Chromium 112.0.5615.29
  • Mozilla Firefox 111.0
  • WebKit 16.4

此版本还针对以下稳定版本进行了测试：

  • Google Chrome 111
  • Microsoft Edge 111

版本 1.31​

新 API​

  • 新断言 assertThat(locator).isInViewport() 可确保定位器指向的元素与视口相交，依据的是 交集观察器 API。

    Locator locator = page.getByRole(AriaRole.BUTTON);

    // 确保元素至少有一部分与视口相交。
    assertThat(locator).isInViewport();

    // 确保元素完全在视口之外。
    assertThat(locator).not().isInViewport();

    // 确保元素至少有一半与视口相交。
    assertThat(locator).isInViewport(new LocatorAssertions.IsInViewportOptions().setRatio(0.5));

杂项​

  • 跟踪查看器中的 DOM 快照现在可以在单独的窗口中打开。
  • Route.fetch() 方法新增选项 setMaxRedirects。
  • Playwright 现在支持 Debian 11 arm64。
  • 官方 Docker 镜像 现在包含 Node 18 而非 Node 16。

浏览器版本​

  • Chromium 111.0.5563.19
  • Mozilla Firefox 109.0
  • WebKit 16.4

此版本还针对以下稳定渠道进行了测试：

  • Google Chrome 110
  • Microsoft Edge 110

版本 1.30​

浏览器版本​

  • Chromium 110.0.5481.38
  • Mozilla Firefox 108.0.2
  • WebKit 16.4

此版本还针对以下稳定渠道进行了测试：

  • Google Chrome 109
  • Microsoft Edge 109

版本 1.29​

新增 API​

  • 新增方法 Route.fetch()：

    page.route("**/api/settings", route -> {
      // 获取原始设置。
      APIResponse response = route.fetch();
      // 将设置主题强制设为预定义值。
      String body = response.text().replace("\"theme\":\"default\"",
        "\"theme\":\"Solorized\"");
      // 使用修改后的数据来完成请求。
      route.fulfill(new Route.FulfillOptions().setResponse(response).setBody(body));
    });

  • 新增方法 Locator.all()，用于迭代所有匹配的元素：

    // 勾选所有复选框！
    Locator checkboxes = page.getByRole(AriaRole.CHECKBOX);
    for (Locator checkbox : checkboxes.all())
      checkbox.check();

  • Locator.selectOption() 现在可通过值或标签进行匹配：

    <select multiple>
      <option value="red">红色</option>
      <option value="green">绿色</option>
      <option value="blue">蓝色</option>
    </select>
    element.selectOption("红色");

浏览器版本​

  • Chromium 109.0.5414.46
  • Mozilla Firefox 107.0
  • WebKit 16.4

此版本还针对以下稳定渠道进行了测试：

  • Google Chrome 108
  • Microsoft Edge 108

1.28 版本​

Playwright 工具​

  • 代码生成中的实时定位器。使用 “探索” 工具为页面上的任何元素生成定位器。

定位器探索器

新增 API​

浏览器版本​

  • Chromium 108.0.5359.29
  • Mozilla Firefox 106.0
  • WebKit 16.4

此版本还针对以下稳定渠道进行了测试：

  • Google Chrome 107
  • Microsoft Edge 107

1.27 版本​

定位器​

有了这些新 API，编写定位器变得轻松愉快：

page.getByLabel("用户名").fill("John");

page.getByLabel("密码").fill("secret-password");

page.getByRole(AriaRole.BUTTON, new Page.GetByRoleOptions().setName("登录")).click();

assertThat(page.getByText("欢迎，John！")).isVisible();

所有这些相同的方法在 Locator、FrameLocator 和 Frame 类中也可用。

其他亮点​

  • 如在 1.25 版本中宣布的，自 2022 年 12 月起，不再支持 Ubuntu 18。除此之外，从下一个 Playwright 版本开始，Ubuntu 18 上也不会再有 WebKit 更新。

行为变更​

  • assertThat(locator).hasAttribute() 带空值时，不再匹配缺失的属性。例如，当 button 没有 disabled 属性时，以下代码片段将执行成功。

    assertThat(page.getByRole(AriaRole.BUTTON)).hasAttribute("disabled", "");

浏览器版本​

  • Chromium 107.0.5304.18
  • Mozilla Firefox 105.0.1
  • WebKit 16.0

此版本还针对以下稳定渠道进行了测试：

  • Google Chrome 106
  • Microsoft Edge 106

1.26 版本​

断言​

其他亮点​

  • APIRequestContext.get() 及其他方法新增 setMaxRedirects 选项，用于限制重定向次数。
  • Docker 镜像现在使用 OpenJDK 17。

行为变更​

许多 Playwright API 已经支持 setWaitUntil(WaitUntilState.DOMCONTENTLOADED) 选项。例如：

page.navigate("https://playwright.dev", new Page.NavigateOptions().setWaitUntil(WaitUntilState.DOMCONTENTLOADED));

在 1.26 版本之前，这会等待所有 iframe 触发 DOMContentLoaded 事件。

为了与 Web 规范保持一致，WaitUntilState.DOMCONTENTLOADED 值仅等待目标框架触发 'DOMContentLoaded' 事件。若要等待所有 iframe，请使用 setWaitUntil(WaitUntilState.LOAD)。

浏览器版本​

  • Chromium 106.0.5249.30
  • Mozilla Firefox 104.0
  • WebKit 16.0

此版本还针对以下稳定渠道进行了测试：

  • Google Chrome 105
  • Microsoft Edge 105

1.25 版本​

新 API 及变更​

公告​

  • 🪦 这是最后一个支持 macOS 10.15 的版本（自 1.21 版本起弃用）。
  • ⚠️ Ubuntu 18 现已弃用，自 2022 年 12 月起不再提供支持。

浏览器版本​

  • Chromium 105.0.5195.19
  • Mozilla Firefox 103.0
  • WebKit 16.0

此版本还针对以下稳定渠道进行了测试：

  • Google Chrome 104
  • Microsoft Edge 104

1.24 版本​

🐂 支持 Debian 11 Bullseye​

Playwright 现在在 x86_64 架构上支持 Debian 11 Bullseye 系统的 Chromium、Firefox 和 WebKit 浏览器。如果遇到任何问题，请告知我们！

Linux 支持情况如下：

| | Ubuntu 20.04 | Ubuntu 22.04 | Debian 11 | :--- | :---: | :---: | :---: | :---: | | Chromium | ✅ | ✅ | ✅ | | WebKit | ✅ | ✅ | ✅ | | Firefox | ✅ | ✅ | ✅ |

1.23 版本​

网络重放​

现在，你可以将网络流量记录到 HAR 文件中，并在测试中重复使用这些流量。

要将网络流量记录到 HAR 文件中：

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"

或者，你也可以通过编程方式记录 HAR：

BrowserContext context = browser.newContext(new Browser.NewContextOptions()
   .setRecordHarPath(Paths.get("example.har"))
   .setRecordHarUrlFilter("**/api/**"));

// ... 执行操作 ...

// 关闭上下文以确保 HAR 文件保存到磁盘。
context.close();

使用新方法 Page.routeFromHAR() 或 BrowserContext.routeFromHAR() 从 HAR 文件提供匹配的响应：

context.routeFromHAR(Paths.get("example.har"));

在 我们的文档 中了解更多信息。

高级路由​

现在，你可以使用 Route.fallback() 将路由推迟到其他处理程序。

考虑以下示例：

// 从所有请求中删除一个标头。
page.route("**/*", route -> {
  Map<String, String> headers = new HashMap<>(route.request().headers());
  headers.remove("X-Secret");
  route.resume(new Route.ResumeOptions().setHeaders(headers));
});

// 中止所有图片。
page.route("**/*", route -> {
  if ("image".equals(route.request().resourceType()))
    route.abort();
  else
    route.fallback();
});

请注意，新方法 Page.routeFromHAR() 和 BrowserContext.routeFromHAR() 也参与路由，并且可以推迟处理。

以 Web 为优先的断言更新​

杂项​

  • 如果有服务工作线程（service worker）妨碍你操作，现在可以通过新的上下文选项 serviceWorkers 轻松禁用它：

    BrowserContext context = browser.newContext(new Browser.NewContextOptions()
        .setServiceWorkers(ServiceWorkerPolicy.BLOCK));

  • 对 recordHar 上下文选项使用 .zip 路径会自动压缩生成的 HAR 文件：

    BrowserContext context = browser.newContext(new Browser.NewContextOptions()
        .setRecordHarPath(Paths.get("example.har.zip")));

  • 如果你打算手动编辑 HAR 文件，可以考虑使用 "minimal" HAR 录制模式，该模式仅记录重放所需的关键信息：

    BrowserContext context = browser.newContext(new Browser.NewContextOptions()
        .setRecordHarPath(Paths.get("example.har"))
        .setRecordHarMode(HarMode.MINIMAL));

  • Playwright 现在可在 Ubuntu 22 amd64 和 Ubuntu 22 arm64 上运行。

1.22 版本​

亮点​

  • 角色选择器，支持通过 ARIA 角色、ARIA 属性 和 可访问名称 选择元素。

    // 点击可访问名称为“log in”的按钮
    page.locator("role=button[name='log in']").click();

    请在 我们的文档 中了解更多信息。

  • 全新的 Locator.filter() API，用于过滤现有定位器。

    Locator buttonsLocator = page.locator("role=button");
    // ...
    Locator submitButton = buttonsLocator.filter(new Locator.FilterOptions().setHasText("Submit"));
    submitButton.click();

  • Playwright for Java 现在支持 Ubuntu 20.04 ARM64 和 Apple M1。现在，你可以在 Apple M1 上、Apple M1 的 Docker 容器内以及树莓派上运行 Playwright for Java 测试。

1.21 版本​

亮点​

  • 全新的角色选择器，支持通过 ARIA 角色、ARIA 属性 和 可访问名称 选择元素。

    // 点击可访问名称为“log in”的按钮
    page.locator("role=button[name='log in']").click();

    请在 我们的文档 中了解更多信息。

  • Page.screenshot() 中新增 scale 选项，用于获取尺寸更小的截图。

  • Page.screenshot() 中新增 caret 选项，用于控制文本插入符号。默认值为 "hide"。

行为变更​

浏览器版本​

  • Chromium 101.0.4951.26
  • Mozilla Firefox 98.0.2
  • WebKit 15.4

此版本还针对以下稳定渠道进行了测试：

  • Google Chrome 100
  • Microsoft Edge 100

1.20 版本​

亮点​

公告​

  • v1.20 是为 macOS 10.15 Catalina 提供 WebKit 更新的最后一个版本。请更新 macOS 以继续使用最新的 WebKit！

浏览器版本​

  • Chromium 101.0.4921.0
  • Mozilla Firefox 97.0.1
  • WebKit 15.4

此版本还针对以下稳定渠道进行了测试：

  • Google Chrome 99
  • Microsoft Edge 99

1.19 版本​

亮点​

  • Locator 现在支持 has 选项，可确保其内部包含另一个定位器：

    page.locator("article", new Page.LocatorOptions().setHas(page.locator(".highlight"))).click();

    请在 定位器文档 中了解更多信息。

  • 新增 Locator.page()

  • Page.screenshot() 和 Locator.screenshot() 现在会自动隐藏闪烁的插入符号。

  • Playwright 代码生成器现在生成定位器和框架定位器。

浏览器版本​

  • Chromium 100.0.4863.0
  • Mozilla Firefox 96.0.1
  • WebKit 15.4

此版本还针对以下稳定渠道进行了测试：

  • Google Chrome 98
  • Microsoft Edge 98

1.18 版本​

API 测试​

Playwright for Java 1.18 引入了新的 API 测试，让你可以直接从 Java 向服务器发送请求！现在你可以：

  • 测试你的服务器 API
  • 在测试中访问 Web 应用程序之前准备服务器端状态
  • 在浏览器中执行某些操作后验证服务器端后置条件

要代表 Playwright 的页面发出请求，请使用新的 Page.request() API：

// 代表页面发出 GET 请求
APIResponse res = page.request().get("http://example.com/foo.json");

在我们的 API 测试指南 中了解更多信息。

以 Web 为优先的断言​

Playwright for Java 1.18 引入了 以 Web 为优先的断言。

考虑以下示例：

import static com.microsoft.playwright.assertions.PlaywrightAssertions.assertThat;

public class TestExample {
  @Test
  void statusBecomesSubmitted() {
    // ...
    page.locator("#submit-button").click();
    assertThat(page.locator(".status")).hasText("Submitted");
  }
}

Playwright 将反复测试选择器为 .status 的节点，直到获取到的节点文本为 "Submitted"。它将反复获取并检查该节点，直到条件满足或超时。你可以将此超时时间作为一个选项传入。

在 我们的文档 中了解更多信息。

Locator 改进​

  • Locator.dragTo()

  • 现在每个定位器（Locator）都可以选择按其包含的文本进行筛选：

    page.locator("li", new Page.LocatorOptions().setHasText("my item"))
        .locator("button").click();

    在 定位器文档 中了解更多信息。

追踪改进​

追踪 现在可以使用新的 setSources 选项将 Java 源代码嵌入到录制的追踪中。

tracing-java-sources

新 API 及变更​

浏览器版本​

  • Chromium 99.0.4812.0
  • Mozilla Firefox 95.0
  • WebKit 15.4

此版本还针对以下稳定渠道进行了测试：

  • Google Chrome 97
  • Microsoft Edge 97

1.17 版本​

框架定位器​

Playwright 1.17 引入了 框架定位器，这是一种用于定位页面上 iframe 的定位器。框架定位器包含了足够的逻辑来检索 iframe，然后在该 iframe 中定位元素。框架定位器默认是严格的，会等待 iframe 出现，并且可用于以 Web 为优先的断言中。

Graphics

框架定位器可以通过 Page.frameLocator() 或 Locator.frameLocator() 方法创建。

Locator locator = page.frameLocator("#my-frame").locator("text=Submit");
locator.click();

在 我们的文档 中了解更多信息。

追踪查看器更新​

Playwright 追踪查看器现已上线，网址为 https://trace.playwright.dev！只需将 trace.zip 文件拖放至页面，即可查看其内容。

注意：追踪文件不会上传至任何地方；trace.playwright.dev 是一款渐进式网络应用程序，会在本地处理追踪数据。

  • Playwright Test 追踪现在默认包含源文件（可通过追踪选项关闭）
  • 追踪查看器现在会显示测试名称
  • 新增带有浏览器详细信息的追踪元数据标签页
  • 快照现在包含地址栏

image

HTML 报告更新​

  • HTML 报告现在支持动态筛选
  • 报告现在是一个单一静态 HTML 文件，可通过电子邮件发送或作为 Slack 附件发送。

image

Ubuntu ARM64 支持及更多功能​

  • Playwright 现在支持 Ubuntu 20.04 ARM64。现在，你可以在 Apple M1 和树莓派的 Docker 中运行 Playwright 测试。

  • 现在可以使用 Playwright 在 Linux 上安装稳定版的 Edge 浏览器：

    mvn exec:java -e -D exec.mainClass=com.microsoft.playwright.CLI -D exec.args="install msedge"

新 API​

  • 追踪现在支持 'title' 选项
  • 页面导航支持新的 'commit' 等待选项

1.16 版本​

🎭 Playwright 库​

Locator.waitFor​

等待定位器解析为具有给定状态的单个元素。默认为 state: 'visible'。

Locator orderSent = page.locator("#order-sent");
orderSent.waitFor();

详细了解 Locator.waitFor()。

🎭 Playwright 追踪查看器​

  • 使用 mvn exec:java -e -D exec.mainClass=com.microsoft.playwright.CLI -D exec.args="show-trace" 运行追踪查看器，并将追踪文件拖放到追踪查看器渐进式网络应用（PWA）中
  • 对操作目标进行更好的可视化归因

详细了解 追踪查看器。

浏览器版本​

  • Chromium 97.0.4666.0
  • Mozilla Firefox 93.0
  • WebKit 15.4

此版本的 Playwright 还针对以下稳定渠道进行了测试：

  • Google Chrome 94
  • Microsoft Edge 94

1.15 版本​

🖱️ 鼠标滚轮​

现在，通过使用 Mouse.wheel()，你可以进行垂直或水平滚动。

📜 全新的标头 API​

以前，无法获取响应的多个标头值。现在这已成为可能，并且还提供了其他辅助函数：

🌈 强制颜色模拟​

现在，可以通过在 Browser.newContext() 中传入或调用 Page.emulateMedia() 来模拟 forced-colors CSS 媒体功能。

新 API​

浏览器版本​

  • Chromium 96.0.4641.0
  • Mozilla Firefox 92.0
  • WebKit 15.0

1.14 版本​

⚡️ 新的 “严格” 模式​

选择器的模糊性是自动化测试中常见的问题。“严格” 模式 可确保选择器指向单个元素，否则将抛出异常。

在操作调用中设置 setStrict(true) 以启用该模式。

// 如果有多个按钮，这将抛出异常！
page.click("button", new Page.ClickOptions().setStrict(true));

📍 新的 定位器 API​

定位器代表页面上元素的视图。它包含了在任何给定时刻检索元素所需的足够逻辑。

定位器（Locator） 和 元素句柄（ElementHandle） 之间的区别在于，后者指向特定的元素，而 定位器（Locator） 捕获了如何检索该元素的逻辑。

此外，定位器 默认处于 “严格” 模式！

Locator locator = page.locator("button");
locator.click();

在 文档 中了解更多信息。

🧩 实验性的 React 和 Vue 选择器引擎​

React 和 Vue 选择器允许通过组件名称和 / 或属性值来选择元素。其语法与 属性选择器 非常相似，并支持所有属性选择器操作符。

page.locator("_react=SubmitButton[enabled=true]").click();
page.locator("_vue=submit-button[enabled=true]").click();

在 React 选择器文档 和 Vue 选择器文档 中了解更多信息。

✨ 全新的 nth 和 visible 选择器引擎​

  • nth 选择器引擎等同于 :nth-match 伪类，但可以与其他选择器引擎结合使用。
  • visible 选择器引擎等同于 :visible 伪类，但可以与其他选择器引擎结合使用。
// 在所有按钮中选择第一个按钮
button.click("button >> nth=0");
// 或者如果您使用定位器，可以使用 first()、nth() 和 last()
page.locator("button").first().click();

// 点击一个可见的按钮
button.click("button >> visible=true");

浏览器版本​

  • Chromium 94.0.4595.0
  • Mozilla Firefox 91.0
  • WebKit 15.0

1.13 版本​

Playwright​

工具​

  • Playwright 追踪查看器现在会显示参数、返回值和 console.log() 调用。

全新及全面修订的指南​

浏览器版本​

  • Chromium 93.0.4576.0
  • Mozilla Firefox 90.0
  • WebKit 14.2

全新的 Playwright API​

1.12 版本​

🧟‍♂️ 介绍 Playwright 追踪查看器​

Playwright 追踪查看器 是一款全新的图形用户界面（GUI）工具，可帮助您在脚本运行后探索记录的 Playwright 追踪信息。Playwright 追踪信息可让您检查：

  • 每个 Playwright 操作前后的页面 DOM
  • 每个 Playwright 操作前后的页面渲染情况
  • 脚本执行期间的浏览器网络情况

追踪信息使用新的 BrowserContext.tracing() API 进行记录：

Browser browser = playwright.chromium().launch();
BrowserContext context = browser.newContext();

// 在创建/导航页面之前开始追踪。
context.tracing().start(new Tracing.StartOptions()
  .setScreenshots(true)
  .setSnapshots(true));

Page page = context.newPage();
page.navigate("https://playwright.dev");

// 停止追踪并将其导出为 zip 存档。
context.tracing().stop(new Tracing.StopOptions()
  .setPath(Paths.get("trace.zip")));

随后可使用 Playwright 命令行界面（CLI）检查追踪信息：

mvn exec:java -e -D exec.mainClass=com.microsoft.playwright.CLI -D exec.args="show-trace trace.zip"

这将打开以下图形用户界面：

image

👉 请阅读 追踪查看器文档 以了解更多信息。

浏览器版本​

  • Chromium 93.0.4530.0
  • Mozilla Firefox 89.0
  • WebKit 14.2

此版本的 Playwright 还针对以下稳定版本通道进行了测试：

  • Google Chrome 91
  • Microsoft Edge 91

新 API​

1.11 版本​

🎥 新视频：Playwright：面向现代 Web 的全新测试自动化框架（幻灯片）

  • 我们探讨了 Playwright
  • 展示了幕后的工程工作
  • 进行了新功能的现场演示 ✨
  • 特别感谢 applitools 主办此次活动并邀请我们！

浏览器版本​

  • Chromium 92.0.4498.0
  • Mozilla Firefox 89.0b6
  • WebKit 14.2

新 API​

1.10 版本​

捆绑的浏览器版本​

  • Chromium 90.0.4430.0
  • Mozilla Firefox 87.0b10
  • WebKit 14.2

此版本的 Playwright 还针对以下稳定版本进行了测试：

  • Google Chrome 89
  • Microsoft Edge 89

新 API​

1.9 版本​

  • Playwright Inspector 是一款全新的图形用户界面（GUI）工具，用于编写和调试测试。
    • 对 Playwright 脚本进行逐行调试，支持播放、暂停和单步执行。
    • 通过录制用户操作编写新脚本。
    • 将鼠标悬停在元素上，为脚本生成元素选择器。
    • 设置 PWDEBUG=1 环境变量以启动 Inspector。
  • 在有头模式下，使用 Page.pause() 暂停脚本执行。暂停页面会启动 Playwright Inspector 进行调试。
  • CSS 选择器新增 has-text 伪类。:has-text("example") 会匹配内部任何位置（可能在子元素或后代元素中）包含 "example" 的所有元素。更多示例请参见 更多示例。
  • 执行期间，页面对话框现在会自动关闭，除非配置了 dialog 事件监听器。了解更多相关内容。
  • Playwright for Python 现已稳定，拥有符合习惯的蛇形命名法 API，以及用于在持续集成/持续交付（CI/CD）中运行测试的预构建 Docker 镜像。

浏览器版本​

  • Chromium 90.0.4421.0
  • Mozilla Firefox 86.0b10
  • WebKit 14.1

新增 API​

1.8 版本​

新 API​

浏览器版本​

  • Chromium 90.0.4392.0
  • Mozilla Firefox 85.0b5
  • WebKit 14.1

1.7 版本​

  • 全新 Java SDK：Playwright for Java 现已与 JavaScript、Python 以及 .NET 绑定 保持一致。
  • 浏览器存储 API：新增便捷 API，用于保存和加载浏览器存储状态（cookies、本地存储），以简化涉及身份验证的自动化场景。
  • 全新 CSS 选择器：我们听取了大家对于更灵活选择器的反馈，并对选择器的实现进行了改进。Playwright 1.7 引入了 全新 CSS 扩展，并且很快还会有更多更新。
  • 全新网站：位于 playwright.dev 的文档网站已更新，现在基于 Docusaurus 构建。
  • 对 Apple Silicon 的支持：适用于 WebKit 和 Chromium 的 Playwright 浏览器二进制文件现已针对 Apple Silicon 构建。

新增 API​

浏览器版本​

  • Chromium 89.0.4344.0
  • Mozilla Firefox 84.0b9
  • WebKit 14.1