跳转到主要内容

版本说明

版本 1.55​

Codegen​

  • 自动 `toBeVisible()` 断言：Codegen 现在可以为常见的 UI 交互生成自动 `toBeVisible()` 断言。此功能可在 Codegen 设置 UI 中启用。

重大变更​

  • ⚠️ 停止支持 Chromium 扩展程序清单 v2。

杂项​

  • 新增对 Debian 13 "Trixie" 的支持。

浏览器版本​

  • Chromium 140.0.7339.16
  • Mozilla Firefox 141.0
  • WebKit 26.0

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

  • Google Chrome 139
  • Microsoft Edge 139

版本 1.54​

亮点​

  • browser_context.cookies() 和 browser_context.add_cookies() 中新增 cookie 属性 partition_key。此属性允许保存和恢复分区 cookie。有关更多信息，请参阅 CHIPS MDN 文章。请注意，浏览器对 cookie 分区的支持和默认值有所不同。

  • 多条命令中新增选项 `user-data-dir`。您可以指定相同的用户数据目录来在会话之间重用浏览状态，例如身份验证。

    playwright codegen --user-data-dir=./user-data

  • playwright open 不再打开测试录制器。请改用 playwright codegen。

浏览器版本​

  • Chromium 139.0.7258.5
  • Mozilla Firefox 140.0.2
  • WebKit 26.0

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

  • Google Chrome 140
  • Microsoft Edge 140

版本 1.53​

跟踪查看器和 HTML 报告器更新​

  • 跟踪查看器中的新步骤：新跟踪查看器步骤

  • 新增方法 locator.describe() 用于描述定位器。用于跟踪查看器。

    button = page.get_by_test_id("btn-sub").describe("Subscribe button")
    button.click()

  • python -m playwright install --list 现在将列出所有已安装的浏览器、版本和位置。

浏览器版本​

  • Chromium 138.0.7204.4
  • Mozilla Firefox 139.0
  • WebKit 18.5

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

  • Google Chrome 137
  • Microsoft Edge 137

版本 1.52​

亮点​

  • 新增方法 expect(locator).to_contain_class()，用于便捷地断言元素的单个类名。

      expect(page.get_by_role('listitem', name='Ship v1.52')).to_contain_class('done')

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

    expect(locator).to_match_aria_snapshot("""
      - list
        - /children: equal
        - listitem: Feature A
        - listitem:
          - link "Feature B":
            - /url: "https://playwright.net.cn"
    """)

杂项​

重大变更​

  • page.route() 等方法中的全局 URL 模式不再支持 ? 和 []。我们建议改用正则表达式。
  • 方法 route.continue_() 不再允许覆盖 Cookie 头。如果提供了 Cookie 头，它将被忽略，cookie 将从浏览器的 cookie 存储中加载。要设置自定义 cookie，请使用 browser_context.add_cookies()。
  • 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​

亮点​

  • browser_context.storage_state() 的新选项 indexed_db 允许保存和恢复 IndexedDB 内容。当您的应用程序使用 IndexedDB API 存储身份验证令牌（如 Firebase 身份验证）时非常有用。

    这是一个遵循 身份验证指南 的示例

    # Save storage state into the file. Make sure to include IndexedDB.
    storage = await context.storage_state(path="state.json", indexed_db=True)

    # Create a new context with the saved storage state.
    context = await browser.new_context(storage_state="state.json")

  • locator.filter() 的新选项 visible 允许仅匹配可见元素。

    # Ignore invisible todo items.
    todo_items = page.get_by_test_id("todo-item").filter(visible=True)
    # Check there are exactly 3 visible ones.
    await expect(todo_items).to_have_count(3)

  • 方法 page.emulate_media() 和 browser.new_context() 新增选项 contrast，允许模拟 prefers-contrast 媒体特性。

  • 新增选项 fail_on_status_code 使所有通过 APIRequestContext 发出的抓取请求在响应码不是 2xx 和 3xx 时抛出错误。

浏览器版本​

  • Chromium 134.0.6998.35
  • Mozilla Firefox 135.0
  • WebKit 18.4

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

  • Google Chrome 133
  • Microsoft Edge 133

版本 1.50​

异步 Pytest 插件​

杂项​

UI 更新​

  • Codegen 中新增按钮，用于选择元素以生成 aria 快照。
  • 现在在跟踪中，除了操作 API 调用外，还显示附加详细信息（例如按下的键）。
  • 在跟踪中显示 `canvas` 内容容易出错。现在默认禁用显示，可通过 `Display canvas content` UI 设置启用。
  • “调用”和“网络”面板现在显示额外的计时信息。

重大变更​

浏览器版本​

  • Chromium 133.0.6943.16
  • Mozilla Firefox 134.0
  • WebKit 18.2

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

  • Google Chrome 132
  • Microsoft Edge 132

版本 1.49​

Aria 快照​

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

page.goto("https://playwright.net.cn")
expect(page.locator('body')).to_match_aria_snapshot('''
  - 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.aria_snapshot() 生成此断言。

在 aria 快照指南中了解更多信息。

跟踪组​

新增方法 tracing.group() 允许您在跟踪查看器中直观地分组操作。

# All actions between group and group_end
# will be shown in the trace viewer as a group.
page.context.tracing.group("Open Playwright.dev > API")
page.goto("https://playwright.net.cn/")
page.get_by_role("link", name="API").click()
page.context.tracing.group_end()

破坏性变更：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。如果您在选择加入后遇到任何问题，请提出问题。

pytest test_login.py --browser-channel chromium

杂项​

  • Ubuntu 20.04 和 Debian 11 上的 WebKit 不再有更新。我们建议您将操作系统更新到更高版本。
  • 快照中的 `` 元素现在会绘制预览。
  • 不再支持 Python 3.8。

浏览器版本​

  • Chromium 131.0.6778.33
  • Mozilla Firefox 132.0
  • WebKit 18.2

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

  • Google Chrome 130
  • Microsoft Edge 130

版本 1.48​

WebSocket 路由​

新增方法 page.route_web_socket() 和 browser_context.route_web_socket() 允许拦截、修改和模拟页面中启动的 WebSocket 连接。下面是一个简单的示例，通过响应 "request" 与 "response" 来模拟 WebSocket 通信。

def message_handler(ws: WebSocketRoute, message: Union[str, bytes]):
  if message == "request":
    ws.send("response")

page.route_web_socket("/ws", lambda ws: ws.on_message(
    lambda message: message_handler(ws, message)
))

有关更多详细信息，请参阅 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 筛选
  • 更好地显示查询字符串参数
  • 字体资产预览

Network tab now has filters

杂项​

  • mcr.microsoft.com/playwright/python:v1.47.0 现在提供基于 Ubuntu 24.04 Noble 的 Playwright 镜像。要使用基于 22.04 jammy 的镜像，请改用 mcr.microsoft.com/playwright/python:v1.47.0-jammy。
  • Playwright Docker 镜像的 :latest/:focal/:jammy 标签不再发布。请锁定到特定版本以获得更好的稳定性和可重现性。
  • 现在可以通过将 client_certificates.cert 和 client_certificates.key 作为字节而不是文件路径传递，从内存中传递 TLS 客户端证书。
  • locator.select_option() 中的 no_wait_after 已弃用。
  • 我们发现 GitHub Actions `macos-13` 上 WebGL 在 Webkit 中表现异常的报告。我们建议将 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.new_context() 和 api_request.new_context() 的参数提供。以下代码片段为 https://example.com 设置客户端证书

context = browser.new_context(
    client_certificates=[
        {
            "origin": "https://example.com",
            "certPath": "client-certificates/cert.pem",
            "keyPath": "client-certificates/key.pem",
        }
    ],
)

跟踪查看器更新​

  • 文本附件的内容现在在附件窗格中内联呈现。
  • 显示/隐藏路由操作（如 route.continue_()）的新设置。
  • 请求方法和状态显示在网络详细信息选项卡中。
  • 新按钮用于将源文件位置复制到剪贴板。
  • 元数据窗格现在显示 base_url。

杂项​

浏览器版本​

  • Chromium 128.0.6613.18
  • Mozilla Firefox 128.0
  • WebKit 18.0

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

  • Google Chrome 127
  • Microsoft Edge 127

版本 1.45​

时钟​

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

  • 使用预定义时间进行测试；
  • 保持一致的时间和计时器；
  • 监控不活动；
  • 手动逐时推进时间。
# Initialize clock with some time before the test time and let the page load
# naturally. `Date.now` will progress as the timers fire.
page.clock.install(time=datetime.datetime(2024, 2, 2, 8, 0, 0))
page.goto("https://:3333")

# Pretend that the user closed the laptop lid and opened it again at 10am.
# Pause the time once reached that point.
page.clock.pause_at(datetime.datetime(2024, 2, 2, 10, 0, 0))

# Assert the page state.
expect(page.get_by_test_id("current-time")).to_have_text("2/2/2024, 10:00:00 AM")

# Close the laptop lid again and open it at 10:30am.
page.clock.fast_forward("30:00")
expect(page.get_by_test_id("current-time")).to_have_text("2/2/2024, 10:30:00 AM")

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

杂项​

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

    page.get_by_label("Upload directory").set_input_files('mydir')

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

    # Press the common keyboard shortcut Control+S or Meta+S to trigger a "Save" operation.
    page.keyboard.press("ControlOrMeta+S")

  • api_request.new_context() 中新增属性 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​

可访问性断言

定位器处理程序

locator = page.get_by_text("This interstitial covers the button")
page.add_locator_handler(locator, lambda overlay: overlay.locator("#close").click(), times=3, no_wait_after=True)
# Run your tests that can be interrupted by the overlay.
# ...
page.remove_locator_handler(locator)

杂项选项

浏览器版本​

  • Chromium 125.0.6422.14
  • Mozilla Firefox 125.0.1
  • WebKit 17.4

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

  • Google Chrome 124
  • Microsoft Edge 124

版本 1.43​

新 API​

  • 方法 browser_context.clear_cookies() 现在支持过滤器以仅删除部分 cookie。

    # Clear all cookies.
    context.clear_cookies()
    # New: clear cookies with a particular name.
    context.clear_cookies(name="session-id")
    # New: clear cookies for a particular domain.
    context.clear_cookies(domain="my-origin.com")

  • 新增方法 locator.content_frame 将 Locator 对象转换为 FrameLocator。当您在某处获得 Locator 对象，然后希望与框架内的内容进行交互时，这非常有用。

    locator = page.locator("iframe[name='embedded']")
    # ...
    frame_locator = locator.content_frame
    frame_locator.getByRole("button").click()

  • 新增方法 frame_locator.owner 将 FrameLocator 对象转换为 Locator。当您在某处获得 FrameLocator 对象，然后希望与 iframe 元素进行交互时，这非常有用。

    frame_locator = page.frame_locator("iframe[name='embedded']")
    # ...
    locator = frame_locator.owner
    expect(locator).to_be_visible()

  • Conda 构建现在已发布用于 macOS-arm64 和 Linux-arm64。

浏览器版本​

  • Chromium 124.0.6367.8
  • Mozilla Firefox 124.0
  • WebKit 17.4

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

  • Google Chrome 123
  • Microsoft Edge 123

版本 1.42​

新的定位器处理程序​

新增方法 page.add_locator_handler() 注册一个回调，该回调将在指定元素可见并可能阻塞 Playwright 操作时调用。回调可以移除覆盖层。这是一个关闭出现 cookie 对话框的示例。

# Setup the handler.
page.add_locator_handler(
    page.get_by_role("heading", name="Hej! You are in control of your cookies."),
    lambda: page.get_by_role("button", name="Accept all").click(),
)
# Write the test as usual.
page.goto("https://www.ikea.com/")
page.get_by_role("link", name="Collection of blue and white").click()
expect(page.get_by_role("heading", name="Light and easy")).to_be_visible()

新 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 Test Generator

生成断言的新工具

这是一个带有断言的生成测试示例

from playwright.sync_api import Page, expect

def test_example(page: Page) -> None:
    page.goto("https://playwright.net.cn/")
    page.get_by_role("link", name="Get started").click()
    expect(page.get_by_label("Breadcrumbs").get_by_role("list")).to_contain_text("Installation")
    expect(page.get_by_label("Search")).to_be_visible()
    page.get_by_label("Search").click()
    page.get_by_placeholder("Search docs").fill("locator")
    expect(page.get_by_placeholder("Search docs")).to_have_value("locator");

新 API​

其他变更​

浏览器版本​

  • Chromium 120.0.6099.28
  • Mozilla Firefox 119.0
  • WebKit 17.4

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

  • Google Chrome 119
  • Microsoft Edge 119

版本 1.39​

Evergreen 浏览器更新。

浏览器版本​

  • Chromium 119.0.6045.9
  • Mozilla Firefox 118.0.1
  • WebKit 17.4

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

  • Google Chrome 118
  • Microsoft Edge 118

版本 1.38​

跟踪查看器更新​

Playwright Trace Viewer

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

新 API​

弃用​

浏览器版本​

  • Chromium 117.0.5938.62
  • Mozilla Firefox 117.0
  • WebKit 17.0

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

  • Google Chrome 116
  • Microsoft Edge 116

版本 1.37​

亮点​

📚 Debian 12 Bookworm 支持​

Playwright 现在支持 Debian 12 Bookworm 上的 x86_64 和 arm64 的 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() 新增选项 mask_color，用于更改默认的遮罩颜色。

  • 新的 `uninstall` CLI 命令用于卸载浏览器二进制文件。

    $ playwright uninstall # remove browsers installed by this installation
    $ playwright uninstall --all # remove all ever-install Playwright browsers

浏览器版本​

  • 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_() 创建一个匹配两个定位器中任意一个的定位器。考虑一种场景，您想点击“新电子邮件”按钮，但有时会显示安全设置对话框。在这种情况下，您可以等待“新电子邮件”按钮或对话框，并相应地操作

    new_email = page.get_by_role("button", name="New email")
    dialog = page.get_by_text("Confirm security settings")
    expect(new_email.or_(dialog)).is_visible()
    if (dialog.is_visible()):
      page.get_by_role("button", name="Dismiss").click()
    new_email.click()

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

    row_locator = page.locator("tr")
    row_locator.filter(has_not_text="text in column 1").filter(
        has_not=page.get_by_role("button", name="column 2 button")
    ).screenshot()

  • 使用新的 web-first 断言 expect(locator).to_be_attached() 确保元素存在于页面的 DOM 中。不要与确保元素既附加又可见的 expect(locator).to_be_visible() 混淆。

新 API​

⚠️ 重大变更​

  • mcr.microsoft.com/playwright/python:v1.33.0 现在提供基于 Ubuntu Jammy 的 Playwright 镜像。要使用基于 focal 的镜像，请改用 mcr.microsoft.com/playwright/python: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​

  • 新增断言 expect(locator).to_be_in_viewport()，确保定位器指向根据 Intersection Observer API 与视口相交的元素。

    from playwright.sync_api import expect

    locator = page.get_by_role("button")

    # Make sure at least some part of element intersects viewport.
    expect(locator).to_be_in_viewport()

    # Make sure element is fully outside of viewport.
    expect(locator).not_to_be_in_viewport()

    # Make sure that at least half of the element intersects viewport.
    expect(locator).to_be_in_viewport(ratio=0.5)

杂项​

  • 跟踪查看器中的 DOM 快照现在可以在单独的窗口中打开。
  • 方法 route.fetch() 的新选项 max_redirects。
  • 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() 和 route.fulfill() 的新选项 json

    def handle_route(route: Route):
      # Fetch original settings.
      response = route.fetch()

      # Force settings theme to a predefined value.
      json = response.json()
      json["theme"] = "Solorized"

      # Fulfill with modified data.
      route.fulfill(json=json)


    page.route("**/api/settings", handle_route)

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

    # Check all checkboxes!
    checkboxes = page.get_by_role("checkbox")
    for checkbox in checkboxes.all():
      checkbox.check()

  • locator.select_option() 现在按值或标签匹配

    <select multiple>
      <option value="red">Red</option>
      <option value="green">Green</option>
      <option value="blue">Blue</option>
    </select>
    element.select_option("Red")

杂项​

浏览器版本​

  • Chromium 109.0.5414.46
  • Mozilla Firefox 107.0
  • WebKit 16.4

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

  • Google Chrome 108
  • Microsoft Edge 108

版本 1.28​

Playwright 工具​

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

Locator Explorer

新 API​

浏览器版本​

  • Chromium 108.0.5359.29
  • Mozilla Firefox 106.0
  • WebKit 16.4

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

  • Google Chrome 107
  • Microsoft Edge 107

版本 1.27​

定位器​

有了这些新的 API，编写定位器变得轻而易举。

page.get_by_label("User Name").fill("John")

page.get_by_label("Password").fill("secret-password")

page.get_by_role("button", name="Sign in").click()

expect(page.get_by_text("Welcome, John!")).to_be_visible()

所有相同的方法也适用于 Locator、FrameLocator 和 Frame 类。

其他亮点​

  • 正如 v1.25 中宣布的，Ubuntu 18 从 2022 年 12 月起将不再受支持。此外，从下一个 Playwright 版本开始，Ubuntu 18 上将不再有 WebKit 更新。

行为变更​

  • expect(locator).to_have_attribute() 带有空值不再匹配缺失属性。例如，以下代码片段在 button 没有 disabled 属性时将成功。

    expect(page.get_by_role("button")).to_have_attribute("disabled", "")

浏览器版本​

  • Chromium 107.0.5304.18
  • Mozilla Firefox 105.0.1
  • WebKit 16.0

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

  • Google Chrome 106
  • Microsoft Edge 106

版本 1.26​

断言​

其他亮点​

  • api_request_context.get() 和其他方法的新的 max_redirects 选项，用于限制重定向次数。
  • 现在支持 Python 3.11。

行为变更​

许多 Playwright API 已经支持 wait_until: "domcontentloaded" 选项。例如

page.goto("https://playwright.net.cn", wait_until="domcontentloaded")

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

为了与 Web 规范保持一致，'domcontentloaded' 值仅等待目标框架触发 'DOMContentLoaded' 事件。使用 wait_until="load" 等待所有 iframe。

浏览器版本​

  • Chromium 106.0.5249.30
  • Mozilla Firefox 104.0
  • WebKit 16.0

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

  • Google Chrome 105
  • Microsoft Edge 105

版本 1.25​

公告​

  • 🎁 我们现在发布 Ubuntu 22.04 Jammy Jellyfish docker 镜像：mcr.microsoft.com/playwright/python:v1.34.0-jammy。
  • 🪦 这是最后一个支持 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 | ✅ | ✅ | ✅ |

新入门文档​

我们重写了我们的入门文档，使其更专注于端到端测试。在 playwright.dev 上查看它们。

版本 1.23​

网络重放​

现在您可以将网络流量录制到 HAR 文件中，并在测试中重新使用此流量。

将网络录制到 HAR 文件中

npx playwright open --save-har=github.har.zip https://github.com/microsoft

或者，您可以以编程方式录制 HAR

context = browser.new_context(record_har_path="github.har.zip")
# ... do stuff ...
context.close()

使用新方法 page.route_from_har() 或 browser_context.route_from_har() 从 HAR 文件提供匹配的响应

context.route_from_har("github.har.zip")

在 我们的文档 中阅读更多信息。

高级路由​

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

请看以下示例

# Remove a header from all requests
def remove_header_handler(route: Route) -> None:
    headers = route.request.all_headers()
    if "if-none-match" in headers:
        del headers["if-none-match"]
    route.fallback(headers=headers)

page.route("**/*", remove_header_handler)

# Abort all images
def abort_images_handler(route: Route) -> None:
    if route.request.resource_type == "image":
        route.abort()
    else:
        route.fallback()

page.route("**/*", abort_images_handler)

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

Web-First 断言更新​

杂项​

  • 如果存在阻碍您的 Service Worker，您现在可以使用新的上下文选项 service_workers 轻松禁用它

    context = browser.new_context(service_workers="block")
    page = context.new_page()

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

    context = browser.new_context(record_har_path="github.har.zip")

  • 如果您打算手动编辑 HAR，请考虑使用 "minimal" HAR 录制模式，该模式仅录制重放所需的信息

    context = browser.new_context(record_har_mode="minimal", record_har_path="har.har")

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

版本 1.22​

亮点​

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

    # Click a button with accessible name "log in"
    page.locator("role=button[name='log in']").click()

    在 我们的文档 中阅读更多信息。

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

    buttons = page.locator("role=button")
    # ...
    submit_button = buttons.filter(has_text="Submit")
    submit_button.click()

  • Codegen 现在支持生成 Pytest 测试

    Graphics

版本 1.21​

亮点​

  • 新的角色选择器允许通过 ARIA 角色、ARIA 属性 和 可访问名称 选择元素。

    # Click a button with accessible name "log in"
    page.locator("role=button[name='log in']").click()

    在 我们的文档 中阅读更多信息。

  • page.screenshot() 中新增 scale 选项，用于较小尺寸的屏幕截图。

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

行为变更​

  • mcr.microsoft.com/playwright docker 镜像不再包含 Python。请使用 mcr.microsoft.com/playwright/python 作为预装 Python 的 Playwright 就绪 docker 镜像。
  • Playwright 现在支持通过 locator.set_input_files() API 上传大文件（数百 MB）。

浏览器版本​

  • Chromium 101.0.4951.26
  • Mozilla Firefox 98.0.2
  • WebKit 15.4

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

  • Google Chrome 100
  • Microsoft Edge 100

版本 1.20​

亮点​

公告​

  • 我们现在发布了一个指定的 Python docker 镜像 mcr.microsoft.com/playwright/python。如果您使用 Python，请切换到它。这是我们 JavaScript mcr.microsoft.com/playwright docker 镜像中包含 Python 的最后一个版本。
  • 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", has=page.locator(".highlight")).click()

    在 定位器文档 中阅读更多信息

  • 新的 locator.page

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

  • Playwright Codegen 现在生成定位器和帧定位器

浏览器版本​

  • Chromium 100.0.4863.0
  • Mozilla Firefox 96.0.1
  • WebKit 15.4

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

  • Google Chrome 98
  • Microsoft Edge 98

版本 1.18​

API 测试​

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

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

要代表 Playwright 的页面发起请求，请使用 新的 page.request API

# Do a GET request on behalf of page
res = page.request.get("http://example.com/foo.json")

在 我们的文档 中阅读更多信息。

Web-First 断言​

Playwright for Python 1.18 引入了 Web-First 断言。

请看以下示例

from playwright.sync_api import Page, expect

def test_status_becomes_submitted(page: Page) -> None:
    # ..
    page.locator("#submit-button").click()
    expect(page.locator(".status")).to_have_text("Submitted")

Playwright 将使用选择器 .status 重新测试节点，直到获取到的节点具有 "Submitted" 文本。它将一遍又一遍地重新获取节点并检查它，直到满足条件或达到超时。

在 我们的文档 中阅读更多信息。

定位器改进​

  • locator.drag_to()

  • 现在每个定位器都可以选择通过它包含的文本进行过滤

    page.locator("li", has_text="my item").locator("button").click()

    在 定位器文档 中阅读更多信息

新 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-First 断言。

Graphics

框架定位器可以使用 page.frame_locator() 或 locator.frame_locator() 方法创建。

locator = page.frame_locator("my-frame").locator("text=Submit")
locator.click()

在 我们的文档 中阅读更多信息。

Trace Viewer 更新​

Playwright 跟踪查看器现在 在线可用，地址为 https://trace.playwright.dev！只需将您的 trace.zip 文件拖放到此处即可检查其内容。

注意：跟踪文件不会上传到任何地方；trace.playwright.dev 是一个 渐进式 Web 应用程序，可在本地处理跟踪。

  • Playwright Test 跟踪现在默认包含源（可以通过跟踪选项关闭）
  • Trace Viewer 现在显示测试名称
  • 新的跟踪元数据选项卡，包含浏览器详细信息
  • 快照现在有 URL 栏

image

HTML 报告更新​

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

image

Ubuntu ARM64 支持 + 更多​

  • Playwright 现在支持 Ubuntu 20.04 ARM64。您现在可以在 Apple M1 和 Raspberry Pi 上 Docker 内运行 Playwright 测试。

  • 您现在可以使用 Playwright 在 Linux 上安装稳定版 Edge

    npx playwright install msedge

新 API​

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

版本 1.16​

🎭 Playwright 库​

locator.wait_for​

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

在处理列表时特别方便

order_sent = page.locator("#order-sent")
order_sent.wait_for()

阅读有关 locator.wait_for() 的更多信息。

对 Arm64 的 Docker 支持​

Playwright Docker 镜像现在已发布用于 Arm64，因此可以在 Apple Silicon 上使用。

阅读有关 Docker 集成 的更多信息。

🎭 Playwright 跟踪查看器​

  • 使用 npx playwright 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()，您现在可以垂直或水平滚动。

📜 新的 Headers API​

以前无法获取响应的多个 header 值。现在这成为可能，并且提供了额外的辅助函数

🌈 强制颜色模拟​

现在可以通过在 browser.new_context() 中传递或调用 page.emulate_media() 来模拟 forced-colors CSS 媒体特性。

新 API​

浏览器版本​

  • Chromium 96.0.4641.0
  • Mozilla Firefox 92.0
  • WebKit 15.0

版本 1.14​

⚡️ 新的“严格”模式​

选择器歧义是自动化测试中的常见问题。“严格”模式确保您的选择器指向单个元素，否则会抛出错误。

在您的动作调用中传递 strict=true 以选择加入。

# This will throw if you have more than one button!
page.click("button", strict=True)

📍 新的 Locators API​

Locator 表示页面上的元素视图。它捕获了足以在任何给定时刻检索元素的逻辑。

Locator 和 ElementHandle 的区别在于，后者指向一个特定的元素，而 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 伪类，但可以与其他选择器引擎结合使用。
# select the first button among all buttons
button.click("button >> nth=0")
# or if you are using locators, you can use first, nth() and last
page.locator("button").first.click()

# click a visible button
button.click("button >> visible=true")

浏览器版本​

  • Chromium 94.0.4595.0
  • Mozilla Firefox 91.0
  • WebKit 15.0

版本 1.13​

Playwright​

工具​

  • Playwright Trace Viewer 现在显示参数、返回值和 console.log() 调用。

新的和 overhauled 指南​

浏览器版本​

  • Chromium 93.0.4576.0
  • Mozilla Firefox 90.0
  • WebKit 14.2

新的 Playwright API​

版本 1.12​

🧟‍♂️ 引入 Playwright Trace Viewer​

Playwright 跟踪查看器 是一个新的 GUI 工具，有助于在脚本运行后探索记录的 Playwright 跟踪。Playwright 跟踪允许您检查

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

使用新的 browser_context.tracing API 记录跟踪

browser = chromium.launch()
context = browser.new_context()

# Start tracing before creating / navigating a page.
context.tracing.start(screenshots=True, snapshots=True)

page.goto("https://playwright.net.cn")

# Stop tracing and export it into a zip archive.
context.tracing.stop(path = "trace.zip")

跟踪稍后使用 Playwright CLI 进行检查

playwright show-trace trace.zip

这将打开以下 GUI

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 进行调试。
  • 新的 has-text 伪类 用于 CSS 选择器。:has-text("example") 匹配任何包含 "example" 的元素，可能在子元素或后代元素中。查看 更多示例。
  • 页面对话框现在在执行期间自动关闭，除非配置了 dialog 事件的侦听器。了解更多。
  • Playwright for Python 现在稳定，具有惯用的下划线命名 API 和预构建的 Docker 镜像，可在 CI/CD 中运行测试。

浏览器版本​

  • 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：Playwright 的 WebKit 和 Chromium 浏览器二进制文件现在为 Apple Silicon 构建。

新 API​

浏览器版本​

  • Chromium 89.0.4344.0
  • Mozilla Firefox 84.0b9
  • WebKit 14.1