版本说明
版本 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
亮点
-
BrowserContext.cookies() 和 BrowserContext.addCookies() 中新增了 cookie 属性
partitionKey
。此属性允许保存和恢复分区 cookie。有关更多信息,请参阅 CHIPS MDN 文章。请注意,浏览器对 cookie 分区的支持和默认值有所不同。 -
多条命令中新增选项 `user-data-dir`。您可以指定相同的用户数据目录来在会话之间重用浏览状态,例如身份验证。
mvn exec:java -e -D exec.mainClass=com.microsoft.playwright.CLI -D exec.args="codegen --user-data-dir=./user-data"
-
mvn exec:java -e -D exec.mainClass=com.microsoft.playwright.CLI -D exec.args=open
命令不再打开测试记录器。请改用mvn exec:java -e -D exec.mainClass=com.microsoft.playwright.CLI -D exec.args=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() 用于描述定位器。用于追踪查看器。
Locator button = page.getByTestId("btn-sub").describe("Subscribe button");
button.click(); -
mvn exec:java -e -D exec.mainClass=com.microsoft.playwright.CLI -D exec.args="install --list"
现在将列出所有已安装的浏览器、版本和位置。
浏览器版本
- Chromium 138.0.7204.4
- Mozilla Firefox 139.0
- WebKit 18.5
此版本还针对以下稳定通道进行了测试
- Google Chrome 137
- Microsoft Edge 137
版本 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.net.cn"
""");
杂项
- APIRequest.newContext() 中新增了选项 setMaxRedirects,用于控制最大重定向次数。
重大变更
- 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 Authentication)时很有用。
以下是遵循身份验证指南的示例
// Save storage state into the file. Make sure to include IndexedDB.
context.storageState(new BrowserContext.StorageStateOptions()
.setPath(Paths.get("state.json"))
.setIndexedDB(true));
// Create a new context with the saved storage state.
BrowserContext context = browser.newContext(new Browser.NewContextOptions()
.setStorageStatePath(Paths.get("state.json"))); -
Locator.filter() 的新选项 setVisible 允许仅匹配可见元素。
// Ignore invisible todo items.
Locator todoItems = page.getByTestId("todo-item")
.filter(new Locator.FilterOptions().setVisible(true));
// Check there are exactly 3 visible ones.
assertThat(todoItems).hasCount(3); -
Page.emulateMedia() 和 Browser.newContext() 方法新增
setContrast
选项,允许模拟prefers-contrast
媒体特性。 -
新选项 setFailOnStatusCode 使通过 APIRequestContext 发出的所有 fetch 请求在响应码不是 2xx 和 3xx 时抛出错误。
浏览器版本
- Chromium 134.0.6998.35
- Mozilla Firefox 135.0
- WebKit 18.4
此版本还针对以下稳定通道进行了测试
- Google Chrome 133
- Microsoft Edge 133
版本 1.50
杂项
- 新增方法 assertThat(locator).hasAccessibleErrorMessage(),用于断言定位器指向具有给定 aria 错误消息的元素。
UI 更新
- Codegen 中新增按钮,用于选择元素以生成 aria 快照。
- 现在在跟踪中,除了操作 API 调用外,还显示附加详细信息(例如按下的键)。
- 在跟踪中显示 `canvas` 内容容易出错。现在默认禁用显示,可通过 `Display canvas content` UI 设置启用。
- “调用”和“网络”面板现在显示额外的计时信息。
重大变更
- assertThat(locator).isEditable() 和 Locator.isEditable() 现在在目标元素不是
<input>
、<select>
或其他一些可编辑元素时会抛出错误。
浏览器版本
- 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.net.cn");
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() 允许您在追踪查看器中对操作进行视觉分组。
// All actions between group and groupEnd
// will be shown in the trace viewer as a group.
page.context().tracing().group("Open Playwright.dev > API");
page.navigate("https://playwright.net.cn/");
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 不再有更新。我们建议您将操作系统更新到更高版本。
- 快照中的 `
浏览器版本
- 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 连接。下面是一个简单的示例,通过响应 "request"
并返回 "response"
来模拟 WebSocket 通信。
page.routeWebSocket("/ws", ws -> {
ws.onMessage(frame -> {
if ("request".equals(frame.text()))
ws.send("response");
});
});
有关更多详细信息,请参阅 WebSocketRoute。
UI 更新
- HTML 报告中新增了用于注解和测试位置的“复制”按钮。
- 像 Route.fulfill() 这样的路由方法调用不再显示在报告和追踪查看器中。您可以在网络选项卡中查看哪些网络请求已被路由。
- 网络选项卡中请求的新“复制为 cURL”和“复制为 fetch”按钮。
杂项
- 新增方法 Page.requestGC() 可能有助于检测内存泄漏。
- 由 APIRequestContext 发出的请求现在在 HAR 中记录详细的计时和安全信息。
浏览器版本
- 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
标签不再发布。请锁定到特定版本以获得更好的稳定性和可重现性。 - TLS 客户端证书现在可以通过将 setClientCertificates.setCert 和 setClientCertificates.setKey 作为字节数组而不是文件路径来从内存中传递。
- Locator.selectOption() 中的 setNoWaitAfter 已弃用。
- 我们发现 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.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
。
杂项
- APIRequestContext.fetch() 中新增
maxRetries
选项,用于在ECONNRESET
网络错误时重试。
浏览器版本
- 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(new Clock.InstallOptions().setTime("2024-02-02T08:00:00"));
page.navigate("https://:3333");
Locator locator = page.getByTestId("current-time");
// Pretend that the user closed the laptop lid and opened it again at 10am.
// Pause the time once reached that point.
page.clock().pauseAt("2024-02-02T10:00:00");
// Assert the page state.
assertThat(locator).hasText("2/2/2024, 10:00:00 AM");
// Close the laptop lid again and open it at 10:30am.
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
。// Press the common keyboard shortcut Control+S or Meta+S to trigger a "Save" operation.
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);
定位器处理程序
- 执行通过 Page.addLocatorHandler() 添加的处理程序后,Playwright 现在将等待触发处理程序的覆盖层不再可见。您可以使用新的
setNoWaitAfter
选项来禁用此行为。 - 您可以在 Page.addLocatorHandler() 中使用新的
setTimes
选项来指定处理程序应运行的最大次数。 - Page.addLocatorHandler() 中的处理程序现在接受定位器作为参数。
- 新增 Page.removeLocatorHandler() 方法,用于删除以前添加的定位器处理程序。
Locator locator = page.getByText("This interstitial covers the button");
page.addLocatorHandler(locator, overlay -> {
overlay.locator("#close").click();
}, new Page.AddLocatorHandlerOptions().setTimes(3).setNoWaitAfter(true));
// Run your tests that can be interrupted by the overlay.
// ...
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。
// Clear all cookies.
context.clearCookies();
// New: clear cookies with a particular name.
context.clearCookies(new BrowserContext.ClearCookiesOptions().setName("session-id"));
// New: clear cookies for a particular domain.
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
注解添加到您的测试类中,以便在测试方法中使用 Playwright fixture,包括 Page、BrowserContext、Browser、APIRequestContext 和 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.net.cn/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
以使用自定义配置初始化 fixture。
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.net.cn"));
}
}
@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 指南中了解有关 fixture 的更多信息。
新的定位器处理程序
新增方法 Page.addLocatorHandler() 注册一个回调,该回调将在指定元素可见并可能阻塞 Playwright 操作时调用。回调可以移除覆盖层。这是一个在出现 cookie 对话框时关闭它的示例。
// Setup the handler.
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();
});
// Write the test as usual.
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
- Page.pdf() 接受两个新选项 setTagged 和 setOutline。
公告
- ⚠️ Ubuntu 18 不再受支持。
浏览器版本
- Chromium 123.0.6312.4
- Mozilla Firefox 123.0
- WebKit 17.4
此版本还针对以下稳定通道进行了测试
- Google Chrome 122
- Microsoft Edge 123
版本 1.41
新 API
- 新增方法 Page.unrouteAll() 移除所有通过 Page.route() 和 Page.routeFromHAR() 注册的路由。
- 新增方法 BrowserContext.unrouteAll() 移除所有通过 BrowserContext.route() 和 BrowserContext.routeFromHAR() 注册的路由。
- Page.screenshot() 中的新选项 setStyle 和 Locator.screenshot() 中的新选项 setStyle,用于在截图前向页面添加自定义 CSS。
浏览器版本
- Chromium 121.0.6167.57
- Mozilla Firefox 121.0
- WebKit 17.4
此版本还针对以下稳定通道进行了测试
- Google Chrome 120
- Microsoft Edge 120
版本 1.40
测试生成器更新
生成断言的新工具
- “断言可见性”工具生成 assertThat(locator).isVisible()。
- “断言值”工具生成 assertThat(locator).hasValue()。
- “断言文本”工具生成 assertThat(locator).containsText()。
这是一个带有断言的生成测试示例
page.navigate("https://playwright.net.cn/");
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
- Page.close() 中的选项 setReason、BrowserContext.close() 中的选项 setReason 和 Browser.close() 中的选项 setReason。关闭原因将报告给所有因关闭而中断的操作。
- BrowserType.launchPersistentContext() 中的选项 setFirefoxUserPrefs。
其他变更
- Download.path() 和 Download.createReadStream() 方法对失败和取消的下载会抛出错误。
浏览器版本
- 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
跟踪查看器更新
- 缩放时间范围。
- 网络面板重新设计。
新 API
弃用
- 以下方法已被弃用:Page.type()、Frame.type()、Locator.type() 和 ElementHandle.type()。请改用 Locator.fill(),它速度更快。仅当页面上有特殊的键盘处理并且您需要逐个按键时,才使用 Locator.pressSequentially()。
浏览器版本
- 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 Protocol 会话。
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 现在支持 Debian 12 Bookworm 上的 x86_64 和 arm64 的 Chromium、Firefox 和 WebKit。如果您遇到任何问题,请告诉我们!
Linux 支持如下所示
Ubuntu 20.04 | Ubuntu 22.04 | Debian 11 | Debian 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" # remove browsers installed by this installation
$ mvn exec:java -e -D exec.mainClass=com.microsoft.playwright.CLI -D exec.args="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
亮点
-
新增 Locator.and(),用于创建同时匹配两个定位器的定位器。
Locator button = page.getByRole(AriaRole.BUTTON).and(page.getByTitle("Subscribe"));
-
新增事件 BrowserContext.onConsoleMessage(handler) 和 BrowserContext.onDialog(handler),用于订阅给定浏览器上下文中的任何页面的任何对话框和控制台消息。使用新方法 ConsoleMessage.page() 和 Dialog.page() 来精确确定事件源。
浏览器版本
- 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(); -
使用新的 Web 优先断言 assertThat(locator).isAttached() 来确保元素存在于页面 DOM 中。不要与 assertThat(locator).isVisible() 混淆,后者确保元素既附着又可见。
新 API
- Locator.or()
- Locator.filter() 中新增选项 setHasNot
- Locator.filter() 中新增选项 setHasNotText
- assertThat(locator).isAttached()
- Route.fetch() 中新增选项 setTimeout
其他亮点
- 对 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
- Page.routeFromHAR() 和 BrowserContext.routeFromHAR() 中新增选项 setUpdateMode 和 setUpdateContent。
- 链接现有定位器对象,请参阅 定位器文档 了解详情。
- 方法 Tracing.startChunk() 中新增选项 setName。
浏览器版本
- Chromium 112.0.5615.29
- Mozilla Firefox 111.0
- WebKit 16.4
此版本还针对以下稳定通道进行了测试
- Google Chrome 111
- Microsoft Edge 111
版本 1.31
新 API
-
新断言 assertThat(locator).isInViewport() 确保定位器指向根据 Intersection Observer API 与视口相交的元素。
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));
杂项
- 跟踪查看器中的 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 -> {
// 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));
}); -
新增方法 Locator.all(),用于遍历所有匹配的元素。
// Check all checkboxes!
Locator checkboxes = page.getByRole(AriaRole.CHECKBOX);
for (Locator checkbox : checkboxes.all())
checkbox.check(); -
Locator.selectOption() 现在按值或标签匹配。
<select multiple>
<option value="red">Red</option>
<option value="green">Green</option>
<option value="blue">Blue</option>
</select>element.selectOption("Red");
浏览器版本
- Chromium 109.0.5414.46
- Mozilla Firefox 107.0
- WebKit 16.4
此版本还针对以下稳定通道进行了测试
- Google Chrome 108
- Microsoft Edge 108
版本 1.28
Playwright 工具
- **Codegen 中的实时定位器。** 使用“探索”工具为页面上的任何元素生成定位器。
新 API
浏览器版本
- Chromium 108.0.5359.29
- Mozilla Firefox 106.0
- WebKit 16.4
此版本还针对以下稳定通道进行了测试
- Google Chrome 107
- Microsoft Edge 107
版本 1.27
定位器
有了这些新的 API,编写定位器变得轻而易举。
- Page.getByText() 用于按文本内容定位。
- Page.getByRole() 用于按 ARIA 角色、ARIA 属性和 可访问名称定位。
- Page.getByLabel() 用于按关联标签的文本定位表单控件。
- Page.getByTestId() 用于根据其
data-testid
属性(可以配置其他属性)定位元素。 - Page.getByPlaceholder() 用于按占位符定位输入。
- Page.getByAltText() 用于按其文本替代项定位元素(通常是图像)。
- Page.getByTitle() 用于按其标题定位元素。
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();
所有相同的方法也适用于 Locator、FrameLocator 和 Frame 类。
其他亮点
- 正如 v1.25 中宣布的,Ubuntu 18 从 2022 年 12 月起将不再受支持。此外,从下一个 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
断言
- assertThat(locator).isEnabled() 新增选项
enabled
。 - assertThat(locator).hasText() 现在会穿透开放的 Shadow DOM。
- assertThat(locator).isEditable() 新增选项
editable
。 - assertThat(locator).isVisible() 新增选项
visible
。
其他亮点
- APIRequestContext.get() 及其他方法新增
setMaxRedirects
选项,用于限制重定向次数。 - Docker 镜像现在使用 OpenJDK 17。
行为变更
许多 Playwright API 已经支持 setWaitUntil(WaitUntilState.DOMCONTENTLOADED)
选项。例如
page.navigate("https://playwright.net.cn", new Page.NavigateOptions().setWaitUntil(WaitUntilState.DOMCONTENTLOADED));
在 1.26 之前,这将等待所有 iframe 触发 DOMContentLoaded
事件。
为与 Web 规范保持一致,WaitUntilState.DOMCONTENTLOADED
值仅等待目标框架触发 'DOMContentLoaded'
事件。使用 setWaitUntil(WaitUntilState.LOAD)
等待所有 iframe。
浏览器版本
- Chromium 106.0.5249.30
- Mozilla Firefox 104.0
- WebKit 16.0
此版本还针对以下稳定通道进行了测试
- Google Chrome 105
- Microsoft Edge 105
版本 1.25
新 API 和变更
- 默认断言超时现在可以通过
setDefaultAssertionTimeout
更改。
公告
- 🪦 这是最后一个支持 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/**"));
// ... Perform actions ...
// Close context to ensure HAR is saved to disk.
context.close();
使用新方法 Page.routeFromHAR() 或 BrowserContext.routeFromHAR() 从 HAR 文件提供匹配的响应。
context.routeFromHAR(Paths.get("example.har"));
在 我们的文档 中阅读更多内容。
高级路由
您现在可以使用 Route.fallback() 将路由推迟到其他处理程序。
请看以下示例
// Remove a header from all requests.
page.route("**/*", route -> {
Map<String, String> 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();
});
请注意,新方法 Page.routeFromHAR() 和 BrowserContext.routeFromHAR() 也参与路由并可能被推迟。
Web-First 断言更新
- 新增方法 assertThat(locator).hasValues(),用于断言
<select multiple>
元素的所有选定值。 - 方法 assertThat(locator).containsText() 和 assertThat(locator).hasText() 现在接受
ignoreCase
选项。
杂项
-
如果有一个服务工作线程妨碍了您,您现在可以使用新的上下文选项
serviceWorkers
轻松禁用它BrowserContext context = browser.newContext(new Browser.NewContextOptions()
.setServiceWorkers(ServiceWorkerPolicy.BLOCK)); -
为
recordHar
上下文选项使用.zip
路径会自动压缩生成的 HARBrowserContext 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 属性和 可访问名称来选择元素。
// Click a button with accessible name "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(); -
适用于 Java 的 Playwright 现在支持 **Ubuntu 20.04 ARM64** 和 **Apple M1**。您现在可以在 Apple M1 上、Apple M1 上的 Docker 内部以及 Raspberry Pi 上运行适用于 Java 的 Playwright 测试。
版本 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"
。
行为变更
- Playwright 现在通过 Locator.setInputFiles() API 支持大文件上传(数百兆字节)。
浏览器版本
- Chromium 101.0.4951.26
- Mozilla Firefox 98.0.2
- WebKit 15.4
此版本还针对以下稳定通道进行了测试
- Google Chrome 100
- Microsoft Edge 100
版本 1.20
亮点
- Page.screenshot()、Locator.screenshot() 和 ElementHandle.screenshot() 方法的新选项。
- 选项
ScreenshotAnimations.DISABLED
将所有 CSS 动画和过渡倒回一致状态。 - 选项
mask: Locator[]
遮罩给定元素,用粉红色#FF00FF
方框覆盖它们。
- 选项
- 追踪查看器现在显示 API 测试请求。
- Locator.highlight() 可视化显示元素,以便更轻松地调试。
公告
- 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();
在 定位器文档 中阅读更多信息。
-
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 测试
适用于 Java 的 Playwright 1.18 引入了新的 API 测试,允许您直接从 Java 向服务器发送请求!现在您可以
- 测试您的服务器 API
- 在测试中访问 Web 应用程序之前准备服务器端状态
- 在浏览器中运行一些操作后验证服务器端后置条件
要代表 Playwright 的 Page 发出请求,请使用**新的 Page.request() API**。
// Do a GET request on behalf of page
APIResponse res = page.request().get("http://example.com/foo.json");
在我们的 API 测试指南中阅读更多信息。
Web-First 断言
适用于 Java 的 Playwright 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"
文本。它将一遍又一遍地重新获取节点并检查它,直到满足条件或达到超时。您可以将此超时作为选项传递。
在 我们的文档 中阅读更多内容。
定位器改进
-
现在每个定位器都可以选择通过它包含的文本进行过滤
page.locator("li", new Page.LocatorOptions().setHasText("my item"))
.locator("button").click();在 定位器文档 中阅读更多信息。
追踪改进
Tracing 现在可以使用新的 setSources
选项将 Java 源嵌入到记录的追踪中。
新的 API 和变更
acceptDownloads
选项现在默认为true
。
浏览器版本
- 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 优先断言。
帧定位器可以通过 Page.frameLocator() 或 Locator.frameLocator() 方法创建。
Locator locator = page.frameLocator("#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 栏
HTML 报告更新
- HTML 报告现在支持动态过滤
- 报告现在是一个单个静态 HTML 文件,可以通过电子邮件或作为 slack 附件发送。
Ubuntu ARM64 支持 + 更多
-
Playwright 现在支持 Ubuntu 20.04 ARM64。您现在可以在 Apple M1 和 Raspberry Pi 上 Docker 内运行 Playwright 测试。
-
您现在可以使用 Playwright 在 Linux 上安装稳定版 Edge
mvn exec:java -e -D exec.mainClass=com.microsoft.playwright.CLI -D exec.args="install msedge"
新 API
版本 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(),您现在可以垂直或水平滚动。
📜 新的 Headers API
以前无法获取响应的多个 header 值。现在这成为可能,并且提供了额外的辅助函数
- Request.allHeaders()
- Request.headersArray()
- Request.headerValue()
- Response.allHeaders()
- Response.headersArray()
- Response.headerValue()
- Response.headerValues()
🌈 强制颜色模拟
现在可以通过在 Browser.newContext() 中传递或调用 Page.emulateMedia() 来模拟 forced-colors
CSS 媒体特性。
新 API
- Page.route() 接受新的
times
选项来指定此路由应匹配的次数。 - 引入了 Page.setChecked() 和 Locator.setChecked() 来设置复选框的选中状态。
- Request.sizes() 返回给定 http 请求的资源大小信息。
- Tracing.startChunk() - 开始一个新的追踪块。
- Tracing.stopChunk() - 停止一个追踪块。
浏览器版本
- Chromium 96.0.4641.0
- Mozilla Firefox 92.0
- WebKit 15.0
版本 1.14
⚡️ 新的“严格”模式
选择器歧义是自动化测试中的常见问题。“严格”模式确保您的选择器指向单个元素,否则会抛出错误。
在您的操作调用中设置 setStrict(true)
以选择加入。
// This will throw if you have more than one button!
page.click("button", new Page.ClickOptions().setStrict(true));
📍 新增 定位器 API
Locator 表示页面上的元素视图。它捕获了足以在任何给定时刻检索元素的逻辑。
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
选择器引擎
// 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
- 🖖 程序化拖放支持 通过 Page.dragAndDrop() API 实现。
- 🔎 增强型 HAR,包含请求和响应的 body 大小。通过 Browser.newContext() 中的
recordHar
选项使用。
工具
- Playwright Trace Viewer 现在显示参数、返回值和
console.log()
调用。
新的和 overhauled 指南
浏览器版本
- Chromium 93.0.4576.0
- Mozilla Firefox 90.0
- WebKit 14.2
新的 Playwright API
- Browser.newContext() 和 Browser.newPage() 中新增
baseURL
选项。 - Response.securityDetails() 和 Response.serverAddr()
- Page.dragAndDrop() 和 Frame.dragAndDrop()
- Download.cancel()
- Page.inputValue()、Frame.inputValue() 和 ElementHandle.inputValue()
- Page.fill()、Frame.fill() 和 ElementHandle.fill() 中新增
force
选项。 - Page.selectOption()、Frame.selectOption() 和 ElementHandle.selectOption() 中新增
force
选项。
版本 1.12
🧟♂️ 引入 Playwright Trace Viewer
Playwright 追踪查看器是一个新的 GUI 工具,有助于在脚本运行后探索记录的 Playwright 追踪。Playwright 追踪允许您检查
- 每个 Playwright 动作之前和之后的页面 DOM
- 每个 Playwright 动作之前和之后的页面渲染
- 脚本执行期间的浏览器网络
使用新的 BrowserContext.tracing() API 记录追踪。
Browser browser = playwright.chromium().launch();
BrowserContext context = browser.newContext();
// Start tracing before creating / navigating a page.
context.tracing().start(new Tracing.StartOptions()
.setScreenshots(true)
.setSnapshots(true));
Page page = context.newPage();
page.navigate("https://playwright.net.cn");
// Stop tracing and export it into a zip archive.
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"
这将打开以下 GUI
👉 在 追踪查看器文档 中阅读更多内容。
浏览器版本
- Chromium 93.0.4530.0
- Mozilla Firefox 89.0
- WebKit 14.2
此版本的 Playwright 也针对以下稳定通道进行了测试
- Google Chrome 91
- Microsoft Edge 91
新 API
- Page.emulateMedia()、BrowserType.launchPersistentContext()、Browser.newContext() 和 Browser.newPage() 中的
reducedMotion
选项。 - BrowserContext.onRequest(handler)
- BrowserContext.onRequestFailed(handler)
- BrowserContext.onRequestFinished(handler)
- BrowserContext.onResponse(handler)
- BrowserType.launch() 和 BrowserType.launchPersistentContext() 中的
tracesDir
选项。 - 新的 BrowserContext.tracing() API 命名空间。
- 新的 Download.page() 方法。
版本 1.11
🎥 新视频:Playwright:现代 Web 的新测试自动化框架 (幻灯片)
- 我们谈论了 Playwright
- 展示了幕后的工程工作
- 使用新功能进行了现场演示 ✨
- 特别感谢 applitools 举办活动并邀请我们!
浏览器版本
- Chromium 92.0.4498.0
- Mozilla Firefox 89.0b6
- WebKit 14.2
新 API
- 在 Page.waitForRequest() 等方法中支持 API 中的**异步谓词**。
- 新的仿真设备:Galaxy S8、Galaxy S9+、Galaxy Tab S4、Pixel 3、Pixel 4
- 新方法
- Page.waitForURL() 等待导航到 URL。
- Video.delete() 和 Video.saveAs() 用于管理屏幕录制。
- 新选项
- Browser.newContext() 方法中的
screen
选项,用于模拟window.screen
尺寸。 - Page.check() 和 Page.uncheck() 方法中的
position
选项。 - Page.check()、Page.uncheck()、Page.click()、Page.dblclick()、Page.hover() 和 Page.tap() 中的
trial
选项,用于试运行操作。
- Browser.newContext() 方法中的
版本 1.10
- 适用于 Java 的 Playwright v1.10 现已稳定!
- 使用 新的通道 API 在 **Google Chrome** 和 **Microsoft Edge** 稳定通道上运行 Playwright。
- Mac 和 Windows 上的 Chromium 屏幕截图速度快。
捆绑的浏览器版本
- Chromium 90.0.4430.0
- Mozilla Firefox 87.0b10
- WebKit 14.2
此版本的 Playwright 也针对以下稳定通道进行了测试
- Google Chrome 89
- Microsoft Edge 89
新 API
- BrowserType.launch() 现在接受新的
'channel'
选项。在 我们的文档 中阅读更多信息。
版本 1.9
- Playwright Inspector 是一款**新的 GUI 工具**,用于编写和调试您的测试。
- 对 Playwright 脚本进行逐行调试,包括播放、暂停和单步执行。
- 通过录制用户操作编写新脚本。
- 通过悬停在元素上为脚本生成元素选择器。
- 设置
PWDEBUG=1
环境变量以启动 Inspector
- 在有头模式下使用 Page.pause() **暂停脚本执行**。暂停页面会启动 Playwright Inspector 进行调试。
- 用于 CSS 选择器的**新的 has-text 伪类**。
:has-text("example")
匹配包含"example"
的任何元素,可能在子元素或后代元素中。查看 更多示例。 - **页面对话框现在在执行期间会自动关闭**,除非配置了
dialog
事件的监听器。了解更多信息。 - 适用于 Python 的 Playwright 现已**稳定**,具有惯用的蛇形命名 API 和预构建的 Docker 镜像,可在 CI/CD 中运行测试。
浏览器版本
- Chromium 90.0.4421.0
- Mozilla Firefox 86.0b10
- WebKit 14.1
新 API
版本 1.8
-
使用
:left-of()
、:right-of()
、:above()
和:below()
**根据布局选择元素**。 -
Playwright 现在包含命令行界面,前身为 playwright-cli。
mvn exec:java -e -D exec.mainClass=com.microsoft.playwright.CLI -D exec.args="--help"
-
Page.selectOption() 现在会等待选项出现。
-
用于 断言元素状态 的新方法,例如 Page.isEditable()。
新 API
- ElementHandle.isChecked().
- ElementHandle.isDisabled().
- ElementHandle.isEditable().
- ElementHandle.isEnabled().
- ElementHandle.isHidden().
- ElementHandle.isVisible().
- Page.isChecked().
- Page.isDisabled().
- Page.isEditable().
- Page.isEnabled().
- Page.isHidden().
- Page.isVisible().
- ElementHandle.waitForElementState() 中新增选项
'editable'
。
浏览器版本
- Chromium 90.0.4392.0
- Mozilla Firefox 85.0b5
- WebKit 14.1
版本 1.7
- 新的 Java SDK:适用于 Java 的 Playwright 现在与 JavaScript、Python 和 .NET 绑定保持一致。
- 浏览器存储 API:新的便捷 API,用于保存和加载浏览器存储状态(cookies、本地存储),以简化身份验证场景的自动化。
- 新的 CSS 选择器:我们听取了您对更灵活选择器的反馈,并改进了选择器实现。Playwright 1.7 引入了 新的 CSS 扩展,更多内容即将推出。
- 新网站:playwright.dev 上的文档网站已更新,现在使用 Docusaurus 构建。
- 支持 Apple Silicon:Playwright 的 WebKit 和 Chromium 浏览器二进制文件现在为 Apple Silicon 构建。
新增 API
- BrowserContext.storageState() 获取当前状态以供以后重用。
- Browser.newContext() 和 Browser.newPage() 中的
storageState
选项,用于设置浏览器上下文状态。
浏览器版本
- Chromium 89.0.4344.0
- Mozilla Firefox 84.0b9
- WebKit 14.1